npm 包 dialog-shift-sdk 使用教程

阅读时长 5 分钟读完

前言

随着人工智能技术的应用不断扩展,机器人智能对话系统越来越受到关注。其中,Dialogshift 是一家提供智能对话技术的公司,其开发的 Dialogshift SDK 可以快速集成到现有的网站或应用程序中,使其具备人工智能聊天机器人功能。本文将介绍如何使用 npm 包 dialog-shift-sdk 来让你的网站或应用程序集成 Dialogshift.

安装

你可以直接使用 npm 包管理器来安装 dialog-shift-sdk,使用以下命令:

集成 Dialogshift SDK

首先,你需要在 Dialogshift 网站上注册并创建一个账户,并创建一个聊天机器人。

Dialogshift SDK 中,包含两个文件:dialog-shift.jsdialog-shift.css。你可以将它们放置在你的网站静态目录中。

引入 CSS 和 JavaScript 文件

在你的 HTML 文件中,你需要将 dialog-shift.css 和 dialog-shift.js 引入到 head 和 body 标签中,具体如下:

初始化 Dialogshift SDK

安装好 npm 包并引入 CSS 和 JavaScript 文件后,你需要在你的网站中编写初始化代码,来设置 SDK 并注册机器人。

-- -------------------- ---- -------
----- ----------- - ----------------------------

----- ------- - -
  ------ ------ --- -----
  ------- ------ --- ------
  ------ ------ ------- -------
  ---------- ------ ------- ------ ------
  --------- --------
  ------- ----
--

--------------------------

参数说明

  • botId(必须):你的机器人 ID.
  • apiKey(必须):你获得的 Dialogshift API 密钥.
  • title(可选):机器人名称(默认情况下,机器人名称为 Dialogshift).
  • avatarUrl(可选):机器人头像 URL(默认情况下,机器人头像为 Dialogshift 的标志).
  • position(可选):对话框的位置(默认为右侧).
  • locale(可选):显示对话框的语言(默认为英语).

在初始化 Dialogshift SDK 后,你的网站或应用程序就可以使用聊天机器人功能了。

调用 Dialogshift SDK

在你的网站或应用程序中,你可以使用以下函数来启动聊天机器人:

你可以通过以下任一方式关闭聊天机器人:

或者你可以通过下面的代码来判断聊天机器人是否已经打开:

示例代码

引入 Dialogshift SDK

初始化 Dialogshift SDK

-- -------------------- ---- -------
----- ----------- - ----------------------------

----- ------- - -
  ------ ------ --- -----
  ------- ------ --- ------
  ------ ------ ------- -------
  ---------- ------ ------- ------ ------
  --------- --------
  ------- ----
--

--------------------------

启动聊天机器人

关闭聊天机器人

结论

本文介绍了如何使用 npm 包 dialog-shift-sdk 来集成 Dialogshift SDK 到你的网站或应用程序中。这样,你的网站或应用程序就具备了智能聊天机器人的功能,可以更好地满足用户需求。希望本文对你有所帮助。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/600671d730d0927023822d45

纠错
反馈