npm 包 watson-conversation-ui 使用教程

Watson Conversation 是 IBM Bluemix 平台提供的自然语言处理服务,可用于构建智能聊天机器人或语音助手等低成本的人工智能产品。而 watson-conversation-ui 就是基于 Watson Conversation 开发的 JavaScirpt 工具。

watson-conversation-ui 的目的是使非技术人员能够使用 Watson Conversation 所提供的自然语言处理服务。通过使用 watson-conversation-ui,您可以轻松创建和部署一个聊天机器人,而不需要编写任何代码。

安装

首先,我们可以通过 npm 进行包安装,命令如下:

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

安装完成后,在项目的 package.json 文件中,我们应该可以看到 watson-conversation-ui 的依赖项已经被添加了。

使用

使用 watson-conversation-ui,您需要在 Watson Conversation 中创建一个 Workspace。Workspace 是一组与您的应用程序有关的意图,实体和对话交互。因此,如果您知道如何为 Watson Conversation 开发者创建 Workspace,则可以跳过此部分。

创建Workspace

  1. 登录 Watson Conversation 管理控制台。
  2. 选择“工作区”选项卡。
  3. 点击“创建工作区”按钮。
  4. 在弹出窗口中,您需要为 Workspace 命名并填写工作区的描述信息。
  5. 在“创建”按钮下方的下拉列表中,选择要使用的模板类型。如果您不知道要选择哪个模板,请选择通用模板。
  6. 点击“创建”按钮。

工具包配置

在项目的 JavaScript 文件中,我们可以添加 watson-conversation-ui 的工具包。要配置包,请执行以下操作:

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

在代码中,我们定义了一个名为“设置”的变量,其中包含 Watson Conversation API 和 Workspace ID 的 URL。在调用 watson.conversation 方法时,我们传递这些设置。

接下来,我们对话机器人进行初始化。首次初始化时,chatbot 将返回一个欢迎信息,告诉用户现在可以开始对话了。

消息交互

要发送一条新消息,我们可以在代码中使用以下代码:

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

myChatbot 是我们所定义的变量,用于引用 chatbot 实例。我们通过调用 message() 方法并传递用户输入来向 chatbot 发送消息。

注意,当您使用 message() 方法发送新消息时,chatbot 将向 Watson Conversation API 发送请求来处理用户输入。如果您在 Watson Conversation 中设置了多个对话,API 将自动选择适当的 Workspace。

代码示例

下面是一个完整的代码示例,它演示了如何使用 watson-conversation-ui 包:

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

总结

使用 watson-conversation-ui 能够更加方便地使用 Watson Conversation API,让开发者在不写任何代码的情况下就能够快速创建聊天机器人。本文向您介绍了如何创建 Watson Conversation Workspace,配置和使用工具包,以及如何与 chatbot 进行交互。祝您工作愉快!

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


猜你喜欢

  • npm 包 vh-editor 使用教程

    随着前端技术的不断发展,越来越多的开发者开始使用 npm 包来提高开发效率。在前端开发中,我们经常需要使用富文本编辑器来满足用户的需求。vh-editor 是一款基于 Vue.js 开发的富文本编辑器...

    3 年前
  • npm 包 aria2rc 使用教程

    简介 npm 包 aria2rc 是一个用于管理 aria2 下载工具的包,支持添加、暂停、继续、删除、查询任务信息等操作。本篇文章将详细介绍如何使用 npm 包 aria2rc。

    3 年前
  • npm 包 iterable-mapx 使用教程

    前言 在前端开发过程中,我们可能经常需要使用到 Map 进行数据的存储和操作。然而,ES6 的原生 Map 并不支持像数组那样的迭代器方法,导致在实际使用中存在诸多不便。

    3 年前
  • npm 包 zotis-handlebars 使用教程

    在前端开发中,我们常常需要使用模板引擎来将数据渲染进 HTML 中。而 Handlebars 是一个值得推荐的模板引擎,它让模板和数据更清晰地分离,并且支持条件、循环等基本操作。

    3 年前
  • npm 包 react-large-uploader 使用教程

    简介 在前端开发中,文件上传功能是非常常见的需求。而当需要上传大文件时,传统的上传方式往往会遇到很多问题,比如上传速度慢、断点续传等。本文将介绍一款 npm 包 react-large-uploade...

    3 年前
  • npm包request-limit使用教程

    前言 在前端开发领域,请求服务端数据是必不可少的一环,而请求的发送量有时并不容易掌控,如果没有对请求发送的频率进行限制,可能会出现服务端压力过大的情况。于是,前端社区出现了一些解决方案,其中,requ...

    3 年前
  • npm 包 @mwilliamson-healx/react-loader 使用教程

    在前端开发过程中,经常会用到加载器(Loader)来帮助处理一些复杂的场景,比如处理大型图片或者异步加载数据。@mwilliamson-healx/react-loader 就是一款非常好用的加载器包...

    3 年前
  • npm 包 orientation.css 使用教程

    前言 随着移动设备的普及,对于前端开发而言,对移动设备的适配也变得异常重要。而移动设备最大的一个特点是横屏和竖屏的切换,这就需要我们在移动设备上使用一些特殊的 CSS 样式来适配不同的屏幕方向。

    3 年前
  • npm 包 react-native-intro-app 使用教程

    在移动应用开发中,React Native 已经成为了越来越流行的选择。它可以让开发者使用 React 和 JavaScript 的技能来构建 iOS 和 Android 应用。

    3 年前
  • npm 包 react-native-audio-streaming-acarn 使用教程

    前言 随着移动互联网的普及,音频流服务已经成为移动应用的必备服务。在 React Native 应用中,使用第三方 npm 包可以快速、便捷地实现音频流功能。 本文主要介绍 npm 包 react-n...

    3 年前
  • npm 包 bildeco-react-sticky 使用教程

    在前端开发中,我们经常需要使用各种库和框架,以提高效率和降低开发难度。其中,npm 是前端开发者必须掌握的一个神器。它拥有海量的开源库,无论你需要什么功能,几乎都能找到对应的 npm 包。

    3 年前
  • npm 包 redux-tide 使用教程

    简介 redux-tide 是一个实用的 Redux 中间件,它提供了一种简单的方式来处理异步 Action。它可以帮助开发者轻松简洁地管理 Redux 应用中的异步数据流,使代码更加清晰易懂。

    3 年前
  • npm 包 grunt-test001 使用教程

    前言 在前端的开发过程中,我们经常会使用各种工具来辅助完成任务。其中,Grunt 是一种非常有用的工具,它可以帮助我们自动化完成一些繁琐的任务,比如文件合并、文件压缩、代码检测等等。

    3 年前
  • npm 包 qb-json-tokv 使用教程

    qb-json-tokv 是一个轻量简洁的 npm 包,用于将 JSON 格式的数据解析为键值对键值对(key-value)形式的数据集。不仅可以方便地操作数据,还可以帮助您提高数据分析和处理的效率。

    3 年前
  • npm 包 clark-modal 使用教程

    前置知识 在阅读本教程之前,我们默认你已经掌握以下技术: 基本的 JavaScript 语法和 ES6 语法特性 Node.js 和 npm 的基本使用 简介 clark-modal 是一个基于 ...

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

    介绍 generator-altria-component 是一个 npm 包,它可以帮助我们快速创建新的前端组件。这个包主要用于 altria 前端项目,但是也可以应用于其他项目。

    3 年前
  • npm 包 redux-way 使用教程

    前言 在前端领域中,redux 是一款非常流行和强大的状态管理工具。而在使用 redux 过程中,redux-way 也是一个非常实用的 npm 包。redux-way 可以极大地简化 redux 的...

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

    简介 gulp-peppermint 是一款基于 gulp 的插件,可以帮助快速生成网页版的自动化开发环境。它提供了一系列便利的工具,以便更好的进行前端开发。 安装 使用 npm 安装 gulp-pe...

    3 年前
  • npm 包 @dharapvj/ngx-signalr 使用教程

    前言 前端开发中,实时性很重要。SignalR 是一个强大的实时消息传输的库,它在 ASP.NET 开发中非常流行。而 @dharapvj/ngx-signalr 这个 npm 包则是 Angular...

    3 年前
  • npm 包 eks-loading 使用教程

    在前端开发中,我们时常需要展示加载状态,以告知用户正在执行某些操作。而 eks-loading 就是一款轻量的加载组件,可以帮助我们快速创建加载动画。 安装 在使用前,需要先安装 eks-loadin...

    3 年前

相关推荐

    暂无文章