npm 包 botbuilder-dialogs 使用教程

前言

botbuilder-dialogs 是一个应用于构建聊天机器人的 Node.js 库,它采用了 dialog 范例,为开发者提供了一种基于明确场景划分的机器人设计方法,可以灵活适应对话流程,适用于对话管理的需求。

本文将介绍 botbuilder-dialogs 库的基础使用方法,并提供完整的示例代码。同时,还将深入探讨其中的一些细节问题,以及推荐一些入门学习的资料。

安装

botbuilder-dialogs 库可以通过 npm 包管理工具进行安装。在 Node.js 环境下,使用以下指令即可安装 botbuilder-dialogs:

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

基础使用

创建 dialog

在使用 botbuilder-dialogs 库前,首先需要了解 dialog 的概念。dialog 可以理解为在聊天机器人应用程序中表示一段会话交互的完整流程。它可以为用户提供多个交互选项,每个选项之间有条件的跳转,还可以根据用户输入的内容进行反馈和展示。

创建 dialog 相当于在程序中定义一个自定义的类,通过 botbuilder-dialogs 库来实例化对象,并对其进行配置,以达到自定义机器人交互的目的。

这里我们先通过一个简单的例子来了解一下创建 dialog 的方法。首先在项目中新建一个名为 “dialogs” 的文件夹,并在其中创建一个 JavaScript 文件,例如 “greetDialog.js”:

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

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

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

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

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

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

上述代码中,我们创建了一个 GreetDialog 的类,它继承自 WaterfallDialog,并实现了一段问候的交互流程。具体来说,它包括两个问答环节:

  1. 一个文本提问,询问用户的姓名。
  2. 根据用户的输入播放一段问候语,并结束 dialog 交互。

在实现问候流程的前提下,我们还需要为它定义一个名称 GREET_DIALOG_NAME,并在构造函数中完成初始化,用于后续调用。

使用 dialog

在创建了一个 dialog 之后,我们通常会将它作为一个子模块,通过 botbuilder 模块进行注册并启动机器人服务。

以下是一个简单的例子,我们注册了 “greeting” 这个 dialog,用于响应用户的 /greet 命令:

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

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

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

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

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

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

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

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

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

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

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

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

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

在上述代码中,我们创建了一个 BotFrameworkAdapter 内容对象,并通过它的 onMessage 方法监听了用户的消息。当用户发送了 "/greet" 命令时,我们将启动对应的 dialogs 处理程序,即 GreetDialog。如果用户输入的是其他文本,就将文本进行原样返回。

使用变量

在以上例子中,我们固定了一句问候语,无法从输入的文本中获取用户名称。为了实现更灵活的机器人交互,我们可以通过使用变量来替换固定的问候语,将其设定为与用户输入相关的内容。

下面是一个使用变量的更改后的代码:

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

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

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

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

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

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

上述代码中,我们通过 ${ name } 这种方式使用了变量,用用户输入的名称替换了原来固定的问候语。

测试运行结果

在完成代码编写并执行之后,我们可以通过以下方法来测试其运行结果:

  1. 在命令行,使用 npm start 指令启动应用程序。
  2. 使用 Bot Framework Emulator 工具访问并发送命令。

如果代码无误,执行命令后就可以看到机器人的应答。

学习资料

本文介绍的 botbuilder-dialogs 库是以独立模块方式存在的,它只是本系列中的一部分。如果您想在更深层次上学习聊天机器人设计和构造的内容,可以参考以下资料:

根据这些资料,您可以更全面地了解 botbuilder-dialogs 库的使用,探究它所提供的丰富的功能性,并自主设计聊天机器人系统。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/botbuilder-dialogs


猜你喜欢

  • npm 包 highcharts-map 使用教程

    前言 随着互联网技术的发展,前端技术的应用范围越来越广泛,高效、美观、交互性强的数据可视化也成为了各行各业中不可或缺的一环。本文将详细介绍如何使用 npm 包 highcharts-map 实现地图数...

    5 年前
  • npm 包 highcharts-heatmap 使用教程

    简介 highcharts-heatmap 是一款基于 Highcharts 的热力图插件,适用于数据可视化和信息处理的前端应用。通过使用 highcharts-heatmap,开发者可以快速实现各种...

    5 年前
  • npm 包 highcharts-funnel 使用教程

    highcharts-funnel 是一个基于 Highcharts 的 npm 包,它提供了一个聚合型漏斗图的实现,可以帮助前端开发者快速制作出具有视觉吸引力的数据可视化效果。

    5 年前
  • npm 包 highcharts-3d 使用教程

    介绍 Highcharts 是一个使用 JavaScript 开发的图表库,可以帮助开发人员快速构建出各种图表。而 highcharts-3d 是 Highcharts 的扩展插件,在 Highcha...

    5 年前
  • npm 包 @types/shortid 使用教程

    在前端开发中,为了方便快捷,我们会使用各种工具包和库,其中 npm 是最常用的包管理工具之一。在 npm 上有许多第三方包,可以帮助我们更高效地完成工作。 今天我们要介绍的是 @types/short...

    5 年前
  • npm 包 @types/mathjs 使用教程

    前置知识 在介绍如何使用 @types/mathjs 包前,需要以下前置知识: TypeScript npm 包管理器 Math.js 库 本文假设你已经掌握了 TypeScript 和 npm ...

    5 年前
  • npm 包 @devexpress/dx-react-grid-material-ui 使用教程

    前言 在 Web 前端开发中,常常需要展示表格数据。而开发人员无需从头编写一个表格组件,而是可以利用现成的组件库。为了提高开发效率和减少重复劳动,@devexpress/dx-react-grid-m...

    5 年前
  • npm 包 @devexpress/dx-react-grid 使用教程

    1. 简介 @devexpress/dx-react-grid 是一个方便实用的 React 表格组件库,提供了大量的自定义功能和组件,能够满足各种复杂数据展示和数据管理需求。

    5 年前
  • npm 包 @devexpress/dx-react-core 使用教程

    在前端开发中,使用第三方库可以大大提升工作效率。在 React 开发中,@devexpress/dx-react-core 是一个非常有用的工具包,它提供了一系列可重用的 React 组件,帮助我们更...

    5 年前
  • npm 包 @devexpress/dx-grid-core 使用教程

    在前端开发过程中,经常需要使用表格组件来展示数据。@devexpress/dx-grid-core 是一款优秀的表格组件,可以大大提高我们的开发效率和用户体验。在本文中,我们将介绍如何使用 @deve...

    5 年前
  • npm 包 @webpack-contrib/eslint-config-webpack 使用教程

    在前端开发中,eslint 是一个常用的代码检查工具,可以帮助我们检查代码是否符合规范。而 @webpack-contrib/eslint-config-webpack 则是 webpack 官方提供...

    5 年前
  • npm 包 ng2-truncate 使用教程

    在前端开发中,有时我们需要在页面上截取字符串以达到展示的效果,这时候就需要使用到 ng2-truncate 这个 npm 包。ng2-truncate 是一个 Angular 2+ 的组件库,可以很方...

    5 年前
  • npm 包 ng2-img-cropper 使用教程

    介绍 ng2-img-cropper 是一个用于 Angular 2+ 项目的图片剪裁器,可以帮助我们方便地在前端进行图片裁剪和缩放操作,支持各种样式配置和事件绑定。

    5 年前
  • npm 包 md2 使用教程

    在前端开发中,markdown 语法已经成为了常用的技术文档撰写方式。而 npm 包 md2 则是一款较为流行的 markdown 文件解析工具。本文将介绍 md2 的使用方法,以及一些注意事项和示例...

    5 年前
  • npm 包 @hyper-jobs/services 使用教程

    在前端开发中,我们经常会使用 npm 包来引入第三方的组件或库,以便我们快速、高效地完成项目。在这篇文章中,我们将介绍一个非常有用的 npm 包——@hyper-jobs/services,它可以帮助...

    5 年前
  • npm包 angular2-recaptcha使用教程

    简介 angular2-recaptcha是一个基于Angular 2的reCAPTCHA组件。reCAPTCHA是Google提供的一项人机验证服务,可用于防范恶意机器人及垃圾邮件攻击。

    5 年前
  • npm 包 angular2-notifications 使用教程

    本文介绍了使用 npm 包 angular2-notifications 可以如何在 Angular2+ 中实现简单、易于使用和高度可定制的通知。angular2-notifications 支持多种...

    5 年前
  • Npm包Ngx-file-drop使用教程

    什么是Ngx-file-drop Ngx-file-drop是一个基于Angular的开源库,它提供了一个通用的界面用于从本地文件系统中进行拖放操作。这个操作可以帮助你在前端应用程序中实现更好的用户体...

    5 年前
  • npm 包 @first-lego-league/eslint-config 使用教程

    ESLint 是一个开源的 JavaScript 代码检查工具,旨在提高代码质量、减少错误和改善代码组织。 在前端开发中,它是必不可少的工具之一。而 @first-lego-league/eslint...

    5 年前
  • npm 包 @first-lego-league/dev-launcher 使用教程

    前言 在前端开发中,我们通常需要使用各种工具和库来实现复杂的业务逻辑和交互效果。而 npm 就是其中最为重要和常用的工具之一。它可以让我们便捷地管理依赖、构建项目,并提供了丰富的开源包供我们使用。

    5 年前

相关推荐

    暂无文章