将Bot与直线API集成

Question

我有一个在 SDK 4 中开发并部署在 IIS 中的机器人。 当我使用秘密与 web 聊天集成时，它可以工作。

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

但在上述情况下，它的样式选择非常有限。 我想使用需要令牌交换的 REACT。 我不确定这将如何使用？ 意味着客户端需要哪些更改以及 Bot 端需要哪些更改？ 我找不到任何描述性文件。 如果我们可以在客户端和机器人端对令牌交换的更改进行采样，那就太好了。

Answer 1

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

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
    );
  }
}