npm 包 actions-on-google 使用教程

AI 编程助手,豆包旗下的编程助手,提供智能补全、智能预测、智能问答等能力,节省开发时间,释放脑海中的创造力,支持 VSCode,点击体验 AI

如果你正在寻找一种快速创建 Google Assistant 的方法,那么 actions-on-google 就是你需要的 npm 包。这个包使我们的工作变得更容易,因为它简化了加载和处理来自谷歌助手的信息,并提供了一套流畅的语音互动界面。

什么是 actions-on-google?

actions-on-google 是一个 npm 包,用于开发自定义谷歌助手应用程序。它可以轻松集成 Google Assistant 平台,并使用谷歌的 API 进行交互,从而创建自定义响应,包括文字、卡片和语音响应。

安装 actions-on-google

安装 actions-on-google 只需要一行代码:

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

创建谷歌助手 app

现在我们已经安装了 actions-on-google,让我们来创建一个简单的应用程序,该应用可以使用谷歌助手读出明日的天气情况。

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

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

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

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

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

我们首先使用 dialogflow 函数创建谷歌助手应用程序,并指定应用程序 ID。我们接下来注册了一个意图 ask_for_weather,该意图在用户询问天气时被触发,并在回答用户之前询问天气预报。最后,我们注册了一个 weather_response 意图,该意图在成功查询天气后更新用户。如果出现错误,则 catch 将提供一个恢复错误的响应。

添加天气 API

让我们替换注释 // 这里添加天气查询 API 的代码 的代码。我们将使用 OpenWeatherMap 的天气 API。

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

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

我们首先 require axios 库,使用 axios.get() 获取天气预报。我们从 API 响应中获取天气信息,并向用户发出响应,以便我们可以省略显式地生成消息。最后,我们注册 "weather_response" 意图,以便我们可以在 Cloud Functions 控制台中测试整个流程。

创建完毕后,你应该在 Google Assistant 应用程序中看到你的应用程序。现在,你只需要说“明天的天气怎么样?”,它就会读出明天的天气状况。

总结

在本教程中,我们学习了如何使用 actions-on-google 通过 API 创建自定义谷歌助手应用。我们加载和处理来自谷歌助手的信息,并提供了一套流畅的语音互动界面。通过这种方法,我们可以使我们的工作变得更容易。

在创建自己的应用之前,请仔细阅读 actions-on-google 文档,以获得更多技术细节和使用指南。

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


猜你喜欢

  • npm 包 shimney-knockout 使用教程

    如果你在开发前端应用程序的时候使用了 Knockout.js 这个框架,你可能已经遇到过需要管理活动状态的需求。shimney-knockout 为 Knockout.js 应用程序提供了一个活动状态...

    4 年前
  • npm包shimney-knockout-mapping使用教程

    前言 在前端开发中,我们经常需要使用JavaScript库来简化开发流程,提高效率。其中,npm是最流行的包管理工具之一,提供了大量的第三方库供我们使用。本文将介绍一款npm包——shimney-kn...

    4 年前
  • 前端技术文章:npm 包 shimney-json 使用教程

    npm 是 node.js 的包管理器,越来越多的前端工程师开始使用 npm 管理自己的项目。shimney-json 是一个 npm 包,提供了处理 JSON 数据的常用功能,是一款非常实用的工具库...

    4 年前
  • npm 包 grunt-shimney-sweeper 使用教程

    概述 在前端开发中,构建工具是非常重要的。其中,Grunt 是一个非常流行的构建工具,可以帮助我们完成诸如文件合并、压缩、测试等一系列任务。而 grunt-shimney-sweeper 就是一个可以...

    4 年前
  • npm 包 webforge-js-components 使用教程

    前言 在前端开发中,使用 npm 包是非常方便的一种方式,相比手工引入代码,可以有效解决版本管理和依赖问题。webforge-js-components 是一款优秀的 React UI 组件库,本文将...

    4 年前
  • npm 包 iptc-reader 使用教程

    在前端开发中,图片处理是一个重要的环节,IPTC 是一种图片的元数据格式,可以包含图片的标题,描述,作者等信息。如果你需要在网站中获取或修改图片的 IPTC 数据,可以使用 npm 包 iptc-re...

    4 年前
  • npm 包 wdio 使用教程

    前言 WebdriverIO (即 wdio) 是一个Node.js的智能自动化测试框架,该框架为用户带来了优美的编写UI自动化的api和链式语法,专注于优化开发者的持续集成和持续交付测试,是前端自动...

    4 年前
  • npm 包 css-tester 使用教程

    什么是 css-tester css-tester 是一款基于 Node.js 平台的前端工具,它可以帮助开发者测试 CSS 样式代码的正确性。使用 css-tester,你可以轻松地测试你编写的 C...

    4 年前
  • npm 包 wdio-junit-reporter 使用教程

    在前端开发中,我们需要经常进行测试,以确保代码的准确性和可靠性。而测试报告则是测试工作的重要输出,它能让我们更直观地了解测试结果,并及时发现问题。而 npm 包 wdio-junit-reporter...

    4 年前
  • npm 包 webforge-testing 使用教程

    如果你是前端开发人员,那么你一定需要进行测试。而 webforge-testing 是一款你不容错过的 NPM 包。它是一个前端 UI 测试框架,它可以帮助你进行端到端测试。

    4 年前
  • npm 包 amplify 使用教程

    前言 Amplify 是一个提供云端资源和部署功能的 JavaScript 库,可以用来构建全栈应用程序。Amplify 包含一系列组件,包括身份验证、API、存储、分析等,可以用于构建 Web、移动...

    4 年前
  • NPM 包 gulp-js-import 使用教程

    介绍 在前端开发中,我们会遇到需要在多个 JavaScript 文件中引入相同的依赖库的情况,这时候需要将代码合并为一个文件,以减少 HTTP 请求次数,提高性能。

    4 年前
  • npm 包 round10 使用教程

    简介 round10 是一个 npm 包,它提供了一种舍入数字的方法,可以将数字舍入到指定的小数位数。本文将介绍如何使用 round10 这个 npm 包。 安装 首先,需要在系统中安装 Node.j...

    4 年前
  • npm 包 bootcamp 使用教程

    介绍 bootcamp 是一个基于命令行的 npm 包,它可以帮助你在本地快速搭建一个基础的前端开发环境,并且提供了一系列的辅助工具和插件,帮助你更高效地进行前端开发。

    4 年前
  • npm 包 sass-toolkit 使用教程

    简介 sass-toolkit 是一个针对 Sass 样式表的工具包,它提供了一系列实用的工具函数和 mixins,可以帮助我们更方便、更高效地编写 Sass 样式表。

    4 年前
  • npm 包 tangle-config 使用教程

    简介 tangle-config 是一个可以更方便地处理后端服务的配置文件的 npm 包。通过该包,我们可以通过简单的 API 来读取、验证和加载配置文件,在项目中更高效地使用配置信息。

    4 年前
  • npm 包 tangle-util 的使用教程

    在前端开发中,我们经常会用到各种npm包,这些包可以帮助我们快速、方便的完成一些常见的操作。其中,tangle-util是一个非常有用的npm包,它提供了一些常见的针对数据转换的工具函数,能够极大地减...

    4 年前
  • npm 包 Helmsman 使用教程

    什么是 Helmsman Helmsman 是一个 npm 包,它的作用是自动创建 Kubernetes 的 YAML 文件以及部署和更新应用程序。使用它可以大大减少 Kubernetes 的部署和更...

    4 年前
  • npm包grunt-jade使用教程

    概述 grunt-jade是一种将Jade编译为HTML的grunt插件,Jade是一种流行的模板引擎,其语法简洁并且易于阅读和编写,因此在前端开发中应用广泛。 本文将介绍如何在使用grunt和Jad...

    4 年前
  • npm 包 sanitize-arguments 使用教程

    npm 包 sanitize-arguments 使用教程 在前端开发中,我们经常会需要对函数传入的参数进行检验和转换,以保证程序的正确性和可靠性。然而,手动完成这些工作需要耗费大量的时间和精力,而且...

    4 年前

相关推荐

    暂无文章