通过 Chat widegt 接入网站¶

在你的网站添加 chatbot widget¶

在你的网站添加 Chat Widget 支持。 下面将介绍如何在网站上添加 Chat Widget，你既可以用 React Component 的方式或者 javascript 的方式把 Chat Widget 引入网站。

配置 channel¶

本地运行 botfront cli 会默认生成以下 channel 配置

1. 点击 设置 -> Credentials 设置
2. 如果你是把 botfront 和 rasa 分开部署的，请注意，需要在这里确保 base_url 设置成 Rasa 可以访问到的地址。

rasa_addons.core.channels.webchat.WebchatInput:
  session_persistence: true
  base_url: https://your.rasa.host:5005 # set this to the Rasa service host
  socket_path: '/socket.io/'

针对不同的页面定制不同的开场白¶

你可以根据打开 chatbot 的不同页面来有针对性的定制不同的开场白。 比如说如果一位从报价页面过来的用户，你可以专门为他在 initPayload 里面定制类似下面的开场白:

WebChat.default.init({
  ...
  initPayload: '/get_started_home',
  ...
})

WebChat.default.init({
  ...
  initPayload: '/get_started_pricing',
  ...
})

只要针对不同的场景创建不同的开场白就可以了，上例中从主页过来的主场景对应的意图是 * get_started_home ，从报价页面过来的场景对应的意图是 get_started_pricing。你可以在开场白场景 中定义、管理这些情况。