Question

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

Answer 1

他们构建了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 chatbot组件。在终端中运行pm install botframework-webchat。这将安装一个名为botframework-webchat的新包。然后在主<App />组件中，您需要从包中导入组件，如下所示：import { Chat } from 'botframework-webchat';。

现在您可以访问<Chat />组件，并且可以像使用任何其他组件一样使用它。您需要为此组件提供两个道具：您的direct_line_secret和user信息。

那就是它！

在不使用iframe的情况下将Chatbot集成到网站中

1 个答案: