npm 包 watson-conversation-ui 使用教程

阅读时长 6 分钟读完

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

纠错
反馈