Rasa Webchat 使用教程

最新推荐文章于 2024-09-18 15:16:11 发布

韶丰业

最新推荐文章于 2024-09-18 15:16:11 发布

阅读量333

点赞数 3

本文链接：https://blog.csdn.net/gitblog_01191/article/details/141841917

版权

Rasa Webchat 使用教程

rasa-webchatA feature-rich chat widget for Rasa and Botfront项目地址:https://gitcode.com/gh_mirrors/ra/rasa-webchat

项目介绍

Rasa Webchat 是一个功能丰富的聊天小部件，用于在任何网站上部署使用 Rasa 或 Botfront 构建的虚拟助手。它支持文本消息、快速回复、图片、轮播、Markdown 支持、持久会话、输入指示、智能消息延迟等功能。Rasa Webchat 可以轻松地以脚本标签或 React 组件的形式导入。

项目快速启动

安装

首先，确保你已经安装了 Node.js 和 npm。然后，通过以下命令安装 Rasa Webchat：

npm install rasa-webchat

使用

在你的 HTML 文件中添加以下代码：

<!DOCTYPE html>
<html>
<head>
  <title>Rasa Webchat 示例</title>
  <script src="https://cdn.jsdelivr.net/npm/rasa-webchat@1.x.x/lib/index.js"></script>
</head>
<body>
  <script>
    (function() {
      let e = document.createElement('script');
      let t = document.head || document.getElementsByTagName('head')[0];
      e.src = "https://cdn.jsdelivr.net/npm/rasa-webchat@1.x.x/lib/index.js";
      e.async = true;
      e.onload = () => {
        window.WebChat.default({
          customData: { language: "zh" },
          socketUrl: "http://localhost:5005", // 替换为你的 Rasa 服务器地址
          // 添加其他属性
        }, null);
      };
      t.insertBefore(e, t.firstChild);
    })();
  </script>
</body>
</html>