将Bot与Direct Line API集成

时间:2019-11-21 11:10:39

标签: botframework direct-line-botframework web-chat

我有一个用SDK 4开发并部署在IIS中的机器人。当我使用秘密与网络聊天集成时,它会起作用。

     window.WebChat.renderWebChat(
        {
            directLine: window.WebChat.createDirectLine({
                secret: 'SECRET CODE'
            }),
            // Passing 'styleOptions' when rendering Web Chat
            styleOptions
        },
        document.getElementById('webchat')
    );

但是在上述情况下,样式选择非常有限。我想使用需要令牌交换的REACT。我不确定如何使用?意味着在客户端需要什么更改,在Bot端需要什么?我找不到任何描述性文档。如果我们可以同时在客户端和Bot端采样以进行令牌交换,那就太好了。

1 个答案:

答案 0 :(得分:0)

可以使用REACT设置网络聊天的样式。 botframework-webchat存储库here包含显示此示例的示例和示例。对于令牌交换,您将要使用以下内容:

import { DirectLine } from 'botframework-directlinejs';
import React from 'react';
import ReactWebChat from 'botframework-webchat';

export default class extends React.Component {
  constructor(props) {
    super(props);

    this.directLine = new DirectLine({ token: 'YOUR_DIRECT_LINE_TOKEN' });
  }

  render() {
    return (
      <ReactWebChat directLine={ this.directLine } userID='YOUR_USER_ID' />
      element
    );
  }
}