npm 包 fcm-cli 使用教程

前言

在现代的 Web 应用开发中,前端工程师需要处理的职责越来越多,其中包括推送消息的功能。Firebase Cloud Messaging(FCM)是一种跨平台的推送消息解决方案,可以用于向 Web 应用、Android 应用和 iOS 应用推送消息。为了方便开发者使用 FCM,社区中存在多个基于 Node.js 的 FCM 客户端实现,如 fcm-node 和 fcm-push,但是这些包可能存在使用不便等问题。本文将介绍一款使用方便且功能完善的 FCM 客户端 npm 包 fcm-cli,来帮助前端工程师快速实现 FCM 推送功能。

fcm-cli 简介

fcm-cli 是一个基于 Node.js 的命令行工具,用于向 Firebase Cloud Messaging 发送推送消息。它集成了命令行参数解析、错误检查、消息格式验证、API 请求等功能,并且支持发送数据负载(Payload)和点击按钮通知。使用 fcm-cli,你可以在命令行下快速的执行 FCM 推送,而不必编写大量的代码。

fcm-cli 的功能特点:

  • 支持向单个设备、主题和设备组发送通知。
  • 支持发送数据负载(Payload)。
  • 支持点击按钮通知。
  • 使用 Google APIs 客户端库访问 FCM API。
  • 支持命令行参数解析和错误检查。
  • 自动验证消息格式。

安装 fcm-cli

你可以在你的 Node.js 项目中安装 fcm-cli。

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

接下来,你可以使用 fcm-cli 命令来使用 fcm-cli。

发送推送消息

假设要向一个设备推送一个通知,可以通过以下命令来执行:

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

其中:

  • device_token,是接收推送消息的设备注册令牌。
  • title,是推送消息的标题。
  • body,是推送消息的正文。

你也可以在命令行下执行以下命令来查看 fcm-cli 发送命令的所有选项和帮助信息。

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

发送具有数据负载的推送消息

FCM 的消息允许携带一些数据负载(Payload)。在 fcm-cli 中,你可以通过以下命令来向一个设备发送具有数据负载的通知。

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

其中:

  • JSON-string,是一个 JSON 格式的字符串,可以嵌套各种数据类型。

以下是一个示例的 JSON 格式:

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

当接收到 FCM 消息时,应用程序可以解析 Payload 并执行其相应的操作。例如,如果 Payload 包含一个应用内链接,应用程序应该打开链接。

发送带有按钮的推送消息

在 fcm-cli 中,你可以仅在消息推送的正文正文中添加按钮。而且,实现非常简单。例如:

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

其中:

  • click-action,是点击按钮时要访问的 URL。
  • button-text,是按钮的文本。

这将在设备上显示一个文本按钮,当用户单击按钮时,将导航到 click-action 指定的 URL。

综上,fcm-cli 简单易用,并且具有丰富的功能,它对于为 Web 应用添加 FCM 推送消息功能的前端工程师非常有用。

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


猜你喜欢

  • npm 包 doc-indexer 使用教程

    前言 现今的前端开发越发依赖 npm,npm 包也愈加丰富。npm 包 doc-indexer 可以帮助用户扫描 npm 包中的文档,并构建一个索引。这样,在使用某个 npm 包时,用户就能很方便地查...

    2 年前
  • npm 包 angularjs-slider-zsk 使用教程

    介绍 angularjs-slider-zsk 是一个基于 AngularJS 的滑块组件。它易于使用,并可以自定义样式、设置初始值、控制步伐等功能。它可以帮助我们快速地构建出一个带有滑块控制功能的 ...

    2 年前
  • npm 包 grunt-terminal-browser 使用教程

    简介 在前端开发中,我们经常需要在命令行中执行一些操作,比如构建项目、打包代码、启动服务等等。而 grunt-terminal-browser 就是一个可以在浏览器端执行命令的 npm 包。

    2 年前
  • npm 包 react-native-ui-common 使用教程

    前言 React Native 是一款非常受欢迎的跨平台移动应用开发框架。使用 React Native,可以使用 JavaScript 编写高性能的原生应用程序。

    2 年前
  • npm 包 yymap-cli 使用教程

    简介 yymap-cli 是一个基于 Node.js 的 npm 包,用于生成优雅的 SVG 地图。该包提供了一系列的命令行接口,能够快速生成符合要求的 SVG 地图文件。

    2 年前
  • npm 包 angular2-header-library 使用教程

    简介 在前端开发中,经常需要使用到各种第三方库。其中一个非常常用的包管理工具是 npm,而其中一个重要的 package 是 Angular,这个框架提供了很多有用的组件和功能。

    2 年前
  • npm 包 babel-plugin-react-css-modules-theme 使用教程

    npm 包 babel-plugin-react-css-modules-theme 使用教程 在前端开发中,我们常常使用 CSS Modules 来进行模块化 CSS 的编写,以解决传统 CSS 的...

    2 年前
  • npm 包 circular-arabic 使用教程

    npm 是一个强大的 JavaScript 包管理器,它为前端开发人员提供了与其他开发人员分享代码的途径。在前端开发过程中,我们常常使用许多外部依赖库,如开发框架、UI 组件等等,而 circular...

    2 年前
  • npm 包 node-container-agent 使用教程

    简介 node-container-agent 是一个用于在 Docker 容器中监控和管理 Node.js 应用程序的包。可以使用此包监听和管理应用程序的生命周期和资源使用情况。

    2 年前
  • npm 包 stylelint-no-mismatching-module-file 使用教程

    前言 在前端开发中,我们通常会使用 lint 工具来检查代码,以避免各种潜在的错误。其中,stylelint 是一款专门用于检查 CSS 代码的 lint 工具。它具有强大的插件机制,可以通过插件来扩...

    2 年前
  • NPM 包 Betterer-PSD 使用教程

    什么是 Betterer-PSD? Betterer-PSD 是一款用于从 PSD 文件中提取信息的 NPM 包。该包可以帮助前端工程师快速提取 PSD 文件中的 CSS 样式、图片等信息,以便于开发...

    2 年前
  • npm 包 thisiswhatitis 使用教程

    在前端开发中,我们经常会用到各种 npm 包来辅助我们开发工作,这些 npm 包可以帮助我们提高开发效率,减少开发成本。在这篇文章中,将会介绍一个非常实用的 npm 包——thisiswhatitis...

    2 年前
  • npm 包 system-stats 使用教程

    随着前端技术的不断发展,我们在实际开发中经常需要对系统状态进行监控和管理。而 npm 包 system-stats 就是一个可以帮助我们获取系统状态信息的工具。 system-stats 可以获取 C...

    2 年前
  • npm 包 require-spy 使用教程

    前言 在进行前端开发时,经常会涉及到模块引用的问题。使用 require/import 等语句引用模块已经是我们司空见惯了的事情,但是如何确保引用的模块正确性呢? 这时候 require-spy 这个...

    2 年前
  • npm 包 pixi-extra-events 使用教程

    Pixi.js 是一个轻量级的渲染引擎,专门用于创建 2D 游戏和交互式应用程序。Pixi.js 支持跨平台开发,其性能优异、易于学习和使用,所以在前端开发中广泛应用。

    2 年前
  • npm 包 yet-another-simple-request 使用教程

    介绍 npm( Node Package Manager ) 是 Node.js 的包管理工具,它被广泛应用于前端和后端。有许多好用的 npm 包,其中就包括了 yet-another-simple-...

    2 年前
  • npm 包 node-red-contrib-newtifrypro 使用教程

    前言 如今,前端开发已经成为互联网行业中最受欢迎和热门的职业之一。开发前端项目需要掌握众多的技术,其中 Node.js 是不可或缺的技术之一。在使用 Node.js 开发项目的同时,npm 包也是开发...

    2 年前
  • npm 包 hs-enum 使用教程

    简介 hs-enum 是一个支持 TypeScript 的用于构建枚举类型的 npm 包。它提供了一种简单而强大的方式来定义和使用枚举对象。使用 hs-enum,您可以为每个枚举成员设置值,甚至从数字...

    2 年前
  • npm 包 piece-table 使用教程

    介绍 在前端开发中,我们常常需要对大量的文字进行处理,例如搜索、编辑、高亮等操作。其中一个常用的数据结构是 piece-table(片段表),它可以高效地支持这些操作。

    2 年前
  • npm包random-string-detection使用教程

    在前端开发中,我们常常需要对字符串进行操作和处理。然而有时候我们会遇到一些问题,比如判断一个字符串是否为随机字符串,或者判断一个字符串是否为纯数字。这时候,npm包random-string-dete...

    2 年前

相关推荐

    暂无文章