Can';t使用ReactJS连接到Dialogflow API(V2)

Can';t使用ReactJS连接到Dialogflow API(V2),reactjs,dialogflow-es,api-ai,Reactjs,Dialogflow Es,Api Ai,我正在尝试连接到Dialogflow API。我下载了包含所有凭据的JSON文件,并将该文件放在我的project src文件夹中 这是我的密码: import React from 'react'; import './App.css'; import jsonInfo from './google.json'; const dialogflow = require('dialogflow'); function App() { const sessionClient = new d

我正在尝试连接到Dialogflow API。我下载了包含所有凭据的JSON文件,并将该文件放在我的project src文件夹中

这是我的密码:

import React from 'react';
import './App.css';
import jsonInfo from './google.json';
const dialogflow = require('dialogflow');


function App() {

  const sessionClient = new dialogflow.SessionsClient({
    keyFilename: jsonInfo
  });


  return (
    <div className="App">
      <h1>Hello World!</h1>
    </div>
  );
}

export default App;
从“React”导入React;
导入“/App.css”;
从“./google.json”导入jsonInfo;
const dialogflow=require('dialogflow');
函数App(){
const sessionClient=new dialogflow.sessionClient({
keyFilename:jsonInfo
});
返回(
你好,世界!
);
}
导出默认应用程序;
它给出的错误是:

您需要传递auth实例才能在浏览器中使用gRPC回退客户端。使用google auth库中的OAuth2Client


有人能帮我吗。谢谢。

Dialogflow提供API和库来访问响应 出于安全原因,我强烈建议从后端调用API,而不是从前端代码调用。从前端代码调用Dialogflow API,无论是angularjs、react js还是仅仅是vanilla javascript,都将公开Dialogflow的全部数据

从reactjs创建一个后端服务器,调用您的服务器,现在在您的服务器中,内部调用Dialogflow API以获取数据并返回所需的响应部分


我们已经使用相同的方法完成了reactjs dialogflow集成,这里提供了更多详细信息:

dialogflow提供API和库来访问响应 出于安全原因,我强烈建议从后端调用API,而不是从前端代码调用。从前端代码调用Dialogflow API,无论是angularjs、react js还是仅仅是vanilla javascript,都将公开Dialogflow的全部数据

从reactjs创建一个后端服务器,调用您的服务器,现在在您的服务器中,内部调用Dialogflow API以获取数据并返回所需的响应部分

我们已经使用相同的方法完成了reactjs dialogflow集成,更多详细信息请参见: