在前端开发中,我们有时需要与 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