npm 包 botly 使用教程

阅读时长 5 分钟读完

在前端开发中,我们有时需要与 Facebook Messenger 打交道,而 botly 就是一款能够帮助我们与 Facebook Messenger 连接的 npm 包。本篇文章将重点介绍如何通过 botly 实现与 Facebook Messenger 的连接。

一、安装 botly

首先,我们需要安装 botly,这可以通过以下指令在终端中完成:

在完成安装后,我们需要创建一个新的 JavaScript 文件 index.js,并将其导入我们的项目,无论是通过 script 标签还是是其他方式。

二、设置 Facebook 应用

在使用 botly 之前,我们需要在 Facebook Developer 网站上注册一个应用程序。一旦您注册、配置并获得了应用程序的相应凭据,您可以使用下面的代码将 botly 配置为相应应用程序的参数。

其中,“YOUR_VERIFY_TOKEN” 和 “YOUR_ACCESS_TOKEN” 分别对应您在注册应用程序时所获取的验证令牌和访问令牌。

三、处理来自 Facebook 的请求

一旦我们成功设置了与 Facebook Messenger 的连接细节,我们需要编写一些代码来处理来自 Facebook 的请求。

在这个例子中,我们编写了一个回复消息的函数,该函数中包含了 userId、message 和 data 三个参数,其中 userId 对应用户的 ID,message 对应来自用户发送的信息,data 则是一个对象,包含有关消息的其他参数。

四、处理来自 Facebook 的事件

除了处理我们需要回复的消息之外,我们还需要处理来自 Facebook 的事件。有许多类型的事件,例如“按钮单击”、“消息已送达”、“对话框框关闭”、“群聊邀请”等等。

在这个例子中,用户单击按钮时会触发 "postback" 事件,然后 botly 会向用户发送一条相应的消息。

五、最终运行 botly

我们已经完成了大部分的配置步骤和消息处理工作,现在我们只需要将所有这些内容合并到我们的 JavaScript 文件中,并上载到 Facebook 的服务器中,以使我们的应用程序能够启动并运行。

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

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

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

六、示例代码

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

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

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

以上就是本篇文章的全部内容了。通过使用本文介绍的 botly,您可以轻松地与 Facebook Messenger 连接并处理来自 Facebook 的请求和事件,这对于开发各种 Facebook Messenger 应用程序的开发者来说,是一个非常有用的工具。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60066c82ccdc64669dde4d43

纠错
反馈