npm 包 botbuilder-quickreplies 使用教程

在现代的聊天应用中,快速回复通常是传达信息的最有效方式之一。在基于 Bot Framework 的聊天应用中,通过使用 botbuilder-quickreplies,我们可以轻松地添加快速回复菜单。

安装

我们可以使用如下命令来安装 botbuilder-quickreplies:

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

快速入门

让我们来创建一个简单的聊天应用,该应用将询问用户一个基本问题,并展示快速回复菜单。

创建项目

我们可以使用如下命令来创建一个新的 Node.js 项目:

--- ----

安装 botbuilder 和 botbuilder-quickreplies:

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

添加代码

在项目的根目录下创建一个 index.js 文件,并添加以下代码:

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

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

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

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

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

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

在这段代码中,我们使用 Bot Framework 和 botbuilder-quickreplies 创建了一个简单的聊天应用。当用户发送一个消息时,应用程序将向用户提出一个问题,并显示一个快速回复菜单,让用户可以轻松地回答问题。

解释

让我们来逐步了解上述代码的功能。

组件导入

botbuilderbotbuilder-quickreplies 组件被导入到我们的项目中。这些组件使我们能够创建和托管聊天应用。

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

创建适配器

使用 BotFrameworkAdapter 创建一个新的适配器实例。适配器将充当聊天应用程序或 Bot 的入口点。

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

创建存储

在内存中创建一个存储区,使我们可以存储和检索信息。

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

使用 quickReplyMiddleware 中间件

使用 quickReplyMiddleware 中间件,该中间件将帮助我们处理快速回复菜单。

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

监听 onTurn() 方法

当适配器接收到新的转换时,会调用 onTurn() 方法。在此处,我们使用 suggestedActions 属性创建一个快速回复菜单。

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

启动服务器

使用 listen() 方法启动服务器,并指定应用程序的端口号。

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

结论

通过使用 npm 包 botbuilder-quickreplies,我们可以轻松地为基于 Bot Framework 的聊天应用添加快速回复菜单。本文提供了一些示例代码,以帮助您开始创建自己的聊天应用程序。希望这篇文章能够帮助您深入了解 botbuilder-quickreplies,并开始使用它为您的聊天应用程序提供更好的用户体验。

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


猜你喜欢

  • npm 包 customize-common 使用教程

    在前端开发过程中,经常需要对 UI 组件进行样式定制。customize-common 是一个基于 postcss 的 npm 包,可以方便地定制组件样式。本文将介绍如何安装和使用该包。

    3 年前
  • npm 包 cordova-plugin-notification 使用教程

    随着移动端应用的普及,通知功能成为了应用不可或缺的一部分。cordova-plugin-notification 是一个 Cordova 插件,提供通知的功能,可以实现推送通知、本地通知、铃声震动等功...

    3 年前
  • npm 包 protobuf-tools 使用教程

    前言 protobuf 是一种数据格式,能够高效地序列化和反序列化数据。由于其高效和跨语言,被广泛应用于前后端通信、rpc 通信、大数据传输等领域。protobuf 是一种静态数据格式,因此需要在开发...

    3 年前
  • npm 包 blt-node-mock-server 使用教程

    简介 blt-node-mock-server 是一款基于 Node.js 的模拟数据 mock 服务工具,可用于前端开发测试及 API 开发测试等场景。与其他 mock 工具相比,blt-node-...

    3 年前
  • npm 包 generator-meetup-deploy 使用教程

    前言 前端开发在发布项目时需要注意很多事情,包括但不限于代码压缩、文件合并、资源优化、自动化构建等等。这些工作虽然没有写代码那么有趣,但是却非常重要。 在这些工作中,自动化构建是比较复杂和耗时的一个环...

    3 年前
  • npm 包 coppice 使用教程

    前言 coppice 是一个 npm 包,它提供了一个简单易用的方法来生成基于树结构的导航菜单。本文将介绍 coppice 的使用方法,包括安装、配置和使用。 安装 使用 npm 命令进行安装: --...

    3 年前
  • npm 包 json.cli 使用教程:让命令行操作 JSON 数据更简单

    前言 很多前端开发者在日常工作中都会频繁地处理 JSON 数据,而在命令行中操作 JSON 数据时可能会感到不太方便。为了解决这个问题,有一款命令行工具可以让我们更方便地处理 JSON 数据,那就是 ...

    3 年前
  • npm 包 make-decision 使用教程

    在前端开发过程中,需要根据一些条件来做出决策,这时候我们可以使用一些工具来辅助我们进行决策。npm 安装包 make-decision 就是其中一种工具,本文将为大家介绍 make-decision ...

    3 年前
  • npm 包 nw-custom-frame 使用教程

    在前端开发中,我们经常会用到 NW.js(原名 node-webkit) 来打包前端应用程序。但是 NW.js 自带的框架并不太美观,难以满足用户的审美要求和需求。

    3 年前
  • npm 包 @redbadger/ajv-pack 使用教程

    简介 @redbadger/ajv-pack 是一个用于验证 JSON 数据的 npm 包。它基于 Ajv(Another JSON Schema Validator) 开发而成,可以帮助开发者对 J...

    3 年前
  • npm 包 eslint-config-shellthor 使用教程

    前言:本文主要介绍如何使用 npm 包 eslint-config-shellthor 进行前端代码质量检查。 什么是 eslint-config-shellthor eslint-config-sh...

    3 年前
  • npm 包 Angular-Simditor 使用教程

    Angular-Simditor 是一个基于 AngularJS 的富文本编辑器,它提供了许多功能和定制选项,使得学习和使用它变得非常容易。本文将详细介绍 Angular-Simditor 的使用方法...

    3 年前
  • npm 包 nw-dev-toolkit 使用教程

    简介 nw-dev-toolkit 是 Node-Webkit 开发人员必备的一个 npm 包,它可以帮助开发人员提高开发体验和效率,提供了许多方便的调试工具。该工具可以同时在 Node.js 环境和...

    3 年前
  • npm 包 gulp-file-reader 使用教程

    在前端开发过程中,我们经常需要读取并操作文件,这时候 gulp-file-reader 这个 npm 包就能够帮助我们实现这一功能。本文将介绍如何使用 gulp-file-reader,帮助读者了解这...

    3 年前
  • npm 包 homebridge-mijia 使用教程

    Homebridge-mijia 是一款使用 Node.js 开发的 Homebridge 插件,它能够将米家设备接入到 Homebridge 中,从而支持 HomeKit 协议。

    3 年前
  • npm包ngrx-generator使用教程

    ngrx-generator是一个为Angular应用程序生成Redux store的开发者工具。它可以大大简化我们的代码编写流程。在这篇文章中,我们将介绍ngrx-generator的使用,并提供一...

    3 年前
  • npm 包 @jcribeiro/babel-plugin-react-docgen 使用教程

    在前端开发过程中,我们经常需要在 React 项目中编写文档,以便团队成员更好地了解代码和组件的使用方法。为了方便编写文档,可以使用 @jcribeiro/babel-plugin-react-doc...

    3 年前
  • npm 包 @jcribeiro/native-base-web 使用教程

    介绍 在前端开发中,常常需要使用 UI 组件库帮助我们快速构建界面,减少重复造轮子的时间和精力。而 @jcribeiro/native-base-web 正是一个适用于 React 的 UI 组件库,...

    3 年前
  • npm 包 @jcribeiro/storybook-addon-intl 使用教程

    前言 在前端开发中,国际化 (i18n) 是一个非常重要的话题,它不仅影响到用户体验,还涉及到对不同语言文化的尊重。而 @jcribeiro/storybook-addon-intl 就是一个方便在 ...

    3 年前
  • npm 包 pedals 使用教程

    在前端开发中,npm 包是必不可少的工具之一。npm 包为前端开发提供了大量的功能和组件,让开发人员能够快速实现复杂的功能。Pedals 是一个 npm 包,它提供了一个易于使用的事件处理工具,可以让...

    3 年前

相关推荐

    暂无文章