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 包 botpress-version-manager 使用教程

    1. 介绍 botpress-version-manager 是一个管理 botpress 项目版本的 npm 包,它可以帮助您方便地安装、升级和回滚不同版本的 botpress 项目。

    3 年前
  • npm 包 decss-loader 使用教程

    在前端开发中,CSS 样式加载是一项非常重要的任务。其中,decss-loader 就是一个非常值得推荐的 npm 包,它可以帮助我们更加便捷地处理 CSS 样式。

    3 年前
  • npm 包 template-banner-webpack-plugin 使用教程

    在前端开发中,如果我们需要自动将一些信息添加到最终打包后的代码中,比如版权信息、构建日期、构建人员信息等,我们可以使用 webpack 插件来实现自动添加该信息。而 template-banner-w...

    3 年前
  • npm 包@holisticon/gulp-static-hash 使用教程

    在前端开发中,文件的缓存问题一直是个比较棘手的问题。为了让用户尽量减少访问服务器的次数,前端开发人员经常会对文件进行缓存。但是,一旦文件更新的时候,就容易出现缓存不更新的情况。

    3 年前
  • npm 包 google-maps-infobox-extendable 使用教程

    Google Maps 是前端开发中常用的地图服务,而 google-maps-infobox-extendable 这个 npm 包则是在 Google Maps 上显示信息窗口的扩展性地图插件。

    3 年前
  • npm 包 @celebryts/react-autocomplete-tags 使用教程

    简介 @celebryts/react-autocomplete-tags 是一个基于 React 的前端组件,它提供了一个可定制化的标签自动完成组件。 该组件通过输入框让用户输入标签,并实时进行标签...

    3 年前
  • NPM包OpenCalais-Tagging使用教程

    在前端开发中,有很多需要处理文本数据的场景,如文本分类、关键词提取等。而人工处理文本数据非常费时费力,因此,我们需要一些自动化的工具来帮助我们完成这些工作。这时候,我们就可以使用一些优秀的NPM包来解...

    3 年前
  • npm 包 angular-fusejs 使用教程

    在前端开发中,我们经常要处理大量的数据,而用传统的搜索方法来找到所需的信息可能会非常耗时。为了优化数据搜索的效率,我们可以使用一些专业的搜索工具,如 Fuse.js。

    3 年前
  • npm 包 ngx-advanced-table 使用教程

    ngx-advanced-table 是一款 Angular 的表格组件,可以满足前端开发过程中对表格的各种需求。本文将详细介绍 ngx-advanced-table 的使用方法,希望能对前端开发者有...

    3 年前
  • npm 包 tinymce-plugin-h5img 使用教程

    在前端开发过程中,我们经常需要使用富文本编辑器来完成一些文章的撰写。而 tinymce-plugin-h5img 就是一个为 TinyMCE 富文本编辑器提供图片上传插件的 npm 包。

    3 年前
  • npm 包 transmission-api 使用教程

    transmission-api 是一个基于 Node.js 平台的 npm 包,该包提供了与 Transmission BitTorrent 客户端的 API 交互功能。

    3 年前
  • npm 包 @weflex/material-ui 使用教程

    前言 在前端开发中,组件化开发的思想越来越受到重视。为了提高开发效率,我们常常会使用一些现成的组件库,其中出色的 UI 框架不仅可以帮助我们快速构建漂亮的界面,还能提高用户体验,增强产品竞争力。

    3 年前
  • npm包@weflex/weflex-ui使用教程

    前言 在现代的前端开发中,使用npm管理包已经是一种标配。而在众多的npm包中,@weflex/weflex-ui是一款轻量级的、易于使用的UI组件库。本文将详细介绍该npm包的使用教程,为前端开发者...

    3 年前
  • npm 包 next-precache 使用教程

    随着现代前端框架的普及,优化 Web 应用程序的性能变得非常重要。其中一个关键的优化策略是将应用程序缓存到用户的浏览器中,以便更快地加载应用程序和提高响应速度。npm 包 next-precache ...

    3 年前
  • npm 包 @jeanremidelteil/google-apps-script 使用教程

    前言 Google Apps Script 是一种可将 Google 应用程序(如 Google Sheets、Google Docs、Google Slides)中的脚本编写为一个独立的项目的编程语...

    3 年前
  • npm 包 pkg-reflector 使用教程

    在前端开发中,我们经常需要引用 npm 上其他开源的包来完成日常的开发任务。而对于这些开源包,我们通常不会去深入看它们的源代码,如果想要了解这些包的内部实现或做一些二次开发,这时候就需要使用 npm ...

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

    简介 cordova-plugin-pdf417 是一个在 Cordova 应用中使用 PDF417 条码扫描的插件。PDF417 是一种二维码,可以承载更多的信息。

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

    前言 在实际生活中,家庭智能化已经越来越普及。其中,HomeKit 作为苹果公司的智能家居平台,也得到了广泛的应用。HomeKit 可以通过使用一些插件,实现一些非常有用的功能。

    3 年前
  • npm 包 shulive-ui 使用教程

    简介 shulive-ui 是一个基于 Vue.js 的前端组件库,提供了丰富的 UI 组件和工具函数,可用于快速搭建基于 Vue.js 的 Web 应用。 安装 你可以通过 npm 安装 shuli...

    3 年前
  • npm 包 enrels 使用教程

    前言 enrels 是一个能够动态加载外部资源的 npm 包,主要用于前端开发中的资源加载,可以实现在运行期动态添加和管理多个脚本和样式文件。本文将对 enrels 的使用进行详细介绍,并附上实用示例...

    3 年前

相关推荐

    暂无文章