javascript - 在不使用 iframe 的情况下将聊天机器人集成到网站中

标签 javascript reactjs iframe botframework chatbot

我已经使用 Microsoft Bot Framework 创建了一个聊天机器人,现在我想将其集成到我的网站中而不使用 iframe,但我不知道该怎么做。 你能帮我么? 请为我指明正确的方向。

最佳答案

他们 build 了一个React component作为使用 iFrame 的替代方案。

import { Chat } from 'botframework-webchat';

...

const YourApp = () => {
    <div>
        <YourComponent />
        <Chat directLine={{ secret: direct_line_secret }} user={{ id: 'user_id', name: 'user_name' }}/>
        <YourOtherComponent />
    </div>
}

...

编辑:

首先您需要安装 React 聊天机器人组件。运行pm install botframework-webchat在您的终端中。这将安装一个名为 botframework-webchat 的新软件包。然后在你的主 <App />组件,您需要从包中导入组件,如下所示: import { Chat } from 'botframework-webchat'; .

现在您可以访问 <Chat />组件,并且可以像任何其他组件一样使用它。您需要为此组件提供两个 Prop :您的 direct_line_secretuser信息。

就是这样!

关于javascript - 在不使用 iframe 的情况下将聊天机器人集成到网站中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47079579/

相关文章:

iframe - 如何绕过登录在我的应用程序中嵌入 Superset Apache 图表

javascript - 在 Ext.FormPanel 中使用 getValues()

javascript - 隐藏 Ipad 的键盘,但仍然可以通过自定义键盘进入输入字段

Javascript禁用空格键以更改密码文本框

android - 在 android 上更新 PWA 图标

reactjs - 为什么 VS Code 有强调项但没有错误?

javascript - API 调用后 React 事件处理程序设置为 null

javascript - 使用追加添加行后数据表方法不起作用

javascript - 在多个 iframe 中使用 AudioContext

jquery - 使用jquery从父页面访问子IFrame中的元素