rasa-webchat入门学习资料 - Rasa和Botfront的功能丰富聊天组件

rasa-webchat简介

rasa-webchat是一个为Rasa和Botfront设计的功能丰富的聊天组件。它可以轻松地将聊天功能集成到网页中,与Rasa对话系统进行交互。主要特性包括:

支持文本消息、快速回复、图片和视频等多种消息类型
Markdown支持
可作为脚本标签或React组件使用
会话持久化
输入状态指示
消息之间的智能延迟

rasa-webchat demo

快速开始

使用`<script>`标签

在HTML的<body>中添加:

<div id="webchat"/>
<script src="https://cdn.jsdelivr.net/npm/rasa-webchat@1.x/lib/index.js"></script>
<script>
  WebChat.default.init({
    selector: "#webchat",
    initPayload: "/get_started",
    customData: {"language": "en"}, 
    socketUrl: "http://localhost:5005",
    socketPath: "/socket.io/",
    title: "Title",
    subtitle: "Subtitle",
  })
</script>

作为React组件使用

安装:

npm install rasa-webchat

使用:

import { Widget } from 'rasa-webchat';

function CustomWidget = () => {
  return (
    <Widget
      initPayload={"/get_started"}
      socketUrl={"http://localhost:5005"}
      socketPath={"/socket.io/"}
      customData={{"language": "en"}}
      title={"Title"}
    />
  )
}

更多使用说明请参考官方文档。