npm 包 typed-messenger-platform 使用教程

什么是 typed-messenger-platform

typed-messenger-platform 是一个基于 Facebook Messenger API 和 TypeScript 的 npm 包。它提供了一个类型安全的机制来构建和处理 Facebook Messenger 平台上的消息和事件。通过 typed-messenger-platform，你可以快速地开发出针对 Facebook Messenger 平台的高质量应用程序。

安装 typed-messenger-platform

在你的项目中使用 npm 命令来安装 typed-messenger-platform:

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

或者，如果你使用 yarn:

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

如何使用 typed-messenger-platform

  1. 引入 typed-messenger-platform

你需要添加以下代码段来引入 typed-messenger-platform:

------ - --------- - ---- ---------------------------
  1. 配置客户端信息

首先，你需要在 Facebook Developer 中创建一个新的应用程序以获取客户端信息。在创建应用程序时，你需要提供有效的 URL，在这个 URL 上你将可以处理所有 Facebook Messenger 平台上的事件和消息。

----- --------- - --- -----------
  ------------------ ------------
  ---------- -----------
  ------------ ---------
  ----------------------- ------- ---------------- ------------- -- -
    -- ---------
  --
  ------------------------ ------- ---------------- ------------- -- -
    -- ----- -------- --
  --
  -------------------------- ------- ---------------- ------------- -- -
    -- ----- ----- ----- --
  --
  ------------------------------ ------- ---------------- ------------- -- -
    -- ----- ------- ------- --
  --
  --------------------- ------- ---------------- ------------- -- -
    -- ----- ----- --
  --
  ------------------------ ------- ---------------- ------------- -- -
    -- ----- -------- --
  --
  -------------------- ----------
  ------- ----- ----
---
  • clientAccessToken: 你的客户端访问令牌。
  • appSecret: 你的应用程序密钥。
  • verifyToken: 用于验证 Facebook Messenger 平台 webhook 的签名令牌。
  • receivedMessageHandler: 处理消息事件函数。
  • receivedPostBackHandler: 处理 postback 事件函数。
  • receivedQuickReplyHandler: 处理 quick reply 事件函数。
  • receivedAccountLinkingHandler: 处理 account linking 事件函数。
  • receivedOptinHandler: 处理 optin 事件函数。
  • receivedReferralHandler: 处理 referral 事件函数。
  • webhookCallbackPath: webhook 回调路径。
  • pageId: 你的页面 ID。
  1. 处理不同类型的事件

你可以根据你的需求来处理不同类型的事件. 可以查看 Facebook Messenger API 文档来了解这些事件的更多信息。

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

  -- ------
-

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

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

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

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

-- ----------
----- -------- ------------------ ---------------- ------------- -
  -- ------------------------ -
    ----- ------------------------ -- --------------
  - ---- -- ------------------------- -
    ----- ------------------------- -- ---------------
  - ---- -- --------------------------- -
    ----- --------------------------- -- -----------------
  -
-
  1. 发送消息

通过使用 messenger.send() 方法，可以向目标用户发送相应的消息。

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

示例代码

这里是一个完整的使用案例：

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

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

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

总结

在本文中，我们介绍了 typed-messenger-platform，这是一个基于 Facebook Messenger API 和 TypeScript 的 npm 包。使用 typed-messenger-platform，我们可以构建和处理 Facebook Messenger 平台上的消息和事件。本文还提供了一个完整的使用案例和示例代码。

来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005668281e8991b448e2a80

阅读全文

猜你喜欢

  • npm 包 vueantd 使用教程

    在前端开发中，我们经常需要使用第三方的 UI 组件库。而 vueantd 是一个基于 Vue.js 的 UI 组件库，它提供了丰富的组件和样式风格，可以加速我们的开发过程。

    3 年前
  • npm 包 dw-jpeg-js 使用教程

    作为一名前端开发人员，我们时常会遇到需要处理图片的场景，比如对图片进行压缩、裁剪、旋转等操作。而 dw-jpeg-js 是一款可以帮助我们处理 jpeg 图片的 npm 包。

    3 年前
  • npm 包 portm-sdk 使用教程

    简介 Portm 是一个轻量级的跨平台无侵入性打点 SDK，支持 Web、移动端、小程序等多种平台。本教程将详细介绍如何使用 npm 包 portm-sdk，使您的前端项目具备数据统计能力。

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

    介绍 React Native 是一款使用 JavaScript 构建原生移动应用的框架，通过 React Native 可以在 iOS 和 Android 上实现真正的原生体验。

    3 年前
  • npm 包 @gerhobbelt/mathjax-node 使用教程

    在前端开发中，有许多需要进行数学计算或公式渲染的场合，例如数学论文展示、科研成果呈现等等。而 MathJax 就是一款优秀的数学公式渲染框架。在此基础上，@gerhobbelt 开发了 npm 包 @...

    3 年前
  • npm 包 mini.css-inferno 使用教程

    简介 mini.css-inferno 是一个基于 mini.css 的样式框架，在 mini.css 的基础上，使用 inferno.js 进行了封装，使其更加适合 inferno.js 框架下的前...

    3 年前
  • npm 包 belley-bootstrap-treeview 使用教程

    前言 bellergy-bootstrap-treeview 是一个基于 Bootstrap 样式的树形列表插件，可以方便地展示多层级、动态添加删除节点等功能，适用于前端开发项目中需要实现树形结构的场...

    3 年前
  • npm 包 smash-js-serverless-cli 使用教程

    npm 是 Node.js 包管理器，它提供了丰富的 JavaScript 包供开发者使用。在前端开发中，我们经常需要使用各种 npm 包来实现特定的功能。今天我们要介绍的是一个名为 smash-js...

    3 年前
  • npm 包 surenpi 使用教程

    背景 npm 是目前最大的 JavaScript 包管理工具，开发者可以通过 npm 下载、安装和管理 JavaScript 包。而 surenpi 是一个 npm 包，主要用于前端开发。

    3 年前
  • NPM 包 node-red-contrib-coinbase 使用教程

    简介 node-red-contrib-coinbase 是一个基于 Coinbase 的 Node-RED 插件，它使得在 Node-RED 中集成 Coinbase 的功能变得非常容易。

    3 年前
  • NPM包 zxcvbn-nl 使用教程

    随着互联网的发展，网站的安全保护变得越来越重要。其中，用户的密码安全更是不容忽视。对于开发人员来说，如何有效地对用户密码进行保护，是一个必须面对的问题。在这方面，NPM包 zxcvbn-nl 可以起到...

    3 年前
  • npm 包 @potato4d/pw 使用教程

    介绍 @potato4d/pw 是一个基于 Puppeteer 的截图比较工具，适用于前端开发人员进行 UI 自动化测试和截图比较。它提供了易于使用且友好的 API，方便开发人员快速比较网页的不同版本...

    3 年前
  • npm包 node-red-ms-cognitive-textanalytics-ja 使用教程

    在前端开发中，文本处理是一个不可避免的任务，而对于日语文本处理，我们可以使用 node-red-ms-cognitive-textanalytics-ja 这个 npm 包来完成。

    3 年前
  • npm 包 crypto-unit-browser 使用教程

    前言 随着区块链技术的发展，数字货币成为了当下的热门话题。在数字货币的领域中，安全是最为重要的一环。加密技术是保障数字货币安全的重要手段之一。近些年来，加密技术的需求逐渐增多，众多的加密算法也应运而生...

    3 年前
  • npm 包 buff.js 使用教程

    在前端开发中，经常需要处理二进制数据。Node.js 提供了一些基本的 Buffer API，但是它们使用起来不够方便，而且由于 Node.js 和浏览器的实现方式不同，也有一些差异。

    3 年前
  • npm 包 hexo-theme-sagiri 使用教程

    1. 前言 PugPaw's Hexo Blog 是一个基于 Hexo 搭建的个人博客，使用的主题是 hexo-theme-sagiri，这个主题是基于 Sakura 主题改进而来的。

    3 年前
  • npm 包 bufferjs-web 使用教程

    最近在开发前端项目过程中，经常需要进行数组或二进制数据的处理，在网上搜寻中发现了 bufferjs-web 这个 npm 包，它提供了一些常用的 Buffer 操作函数。

    3 年前
  • npm 包 msgpackjs 使用教程

    简介 在前端开发时，处理数据是不可避免的事情。而 msgpack 是一种高效的二进制序列化格式，可以将数据转换为更紧凑、更快速的格式，方便传输和存储。而 msgpackjs 则是一个 npm 包，提供...

    3 年前
  • npm 包 Sparklejs 使用教程

    Sparklejs 是一个基于 JavaScript 的 UI 框架，它允许您在 Web 应用程序中创建富而动态的用户界面。其核心功能包括自定义 UI 元素、复杂动态页面、动画以及可重用的组件。

    3 年前
  • npm 包 au-simple-components 使用教程

    前言 au-simple-components 是一个基于 Aurelia 框架的 UI 组件库，提供了丰富的组件和样式，可用于快速搭建前端界面。本文将介绍如何安装和使用该组件库。

    3 年前

相关推荐

    暂无文章