如何通过 API 让 Facebook 应用程序访问 Facebook 页面？

Question

众所周知，在Facebook for Developers界面中，您可以将 Facebook Pages 添加到 Facebook App 中，如下图所示，并生成Page Access Token 。

我正在尝试通过 API 请求以编程方式执行此操作。 不幸的是，我没有在请求的文档中找到如何执行此操作。

到目前为止我做了什么？

• 我可以通过Facebook Login （文档）获取User ID和User Access Token 。
• 我可以得到一个人拥有的Facebook Pages列表。 在响应中，我有Page ID和Page Access Token （ 文档）。
• 我有处于开发模式的 Facebook 应用程序。 该应用程序具有App ID和App Secret 。 使用这些值，我可以获得App Access Token （ 文档）。
• 我可以使用App ID和App Access Token （ 文档）将Webhook设置为 Facebook 应用。
• 我可以为我的 Facebook 应用程序（ 文档）设置Webhook Subscriptions Fields 。

问：我应该使用哪种 API 请求将 Facebook 页面添加到 Facebook 应用程序？

我的请求清单：

1. 我使用此 GET 请求获取Page ID和Page Access Token ，因为此请求返回一个人拥有的Facebook Pages列表：

https://graph.facebook.com/v9.0/{user-id}/accounts?access_token={user-access-token}

2. 我使用以下POST请求在我的Facebook App中设置了Webhook ：

https://graph.facebook.com/v9.0/{app-id}/subscriptions?access_token={app-access-token}&callback_url={url-address}&verify_token={verify-token}&object=

它成功运行，我在Dashboard界面的“Webhooks”块中看到了这个 Webhook。

3. 然后我发出这个 POST 请求来设置Webhook Subscriptions Fields ：

https://graph.facebook.com/{page-id}/subscribed_apps?subscribed_fields=messages,messaging_postbacks,messaging_optins,message_deliveries,message_reads,messaging_payments,messaging_pre_checkouts,messaging_checkout_updates,messaging_account_linking,messaging_referrals,message_echoes,messaging_game_plays,standby,messaging_handovers,messaging_policy_enforcement, message_reactions,inbox_labels&access_token={page-access-token}

在此请求中，我使用第一步中的Page ID和Page Access Token 。

不幸的是，我有这样一个错误信息：

要订阅消息字段，需要以下权限之一： pages_messaging

Answer 1

我一直在跟踪一个类似的兔子洞。 确实，Facebook 文档令人困惑，但它最终变得非常简单。 这是修改后的Facebook 登录示例，它获取页面访问令牌，然后为页面消息添加必要的 webhook 订阅。 运行后，您将看到该页面已添加到带有请求的 webhook 订阅的应用程序设置中。 希望能帮助到你

 <.DOCTYPE html> <html> <head> <title>Facebook Login JavaScript Example</title> <meta charset="UTF-8" /> </head> <body> <script> let page_access_token = null let page_id = null function statusChangeCallback(response) { // Called with the results from FB.getLoginStatus(). console.log('statusChangeCallback') console.log(response) // The current login status of the person. if (response.status === 'connected') { // Logged into your webpage and Facebook. testAPI() } else { // Not logged into your webpage or we are unable to tell. document.getElementById('status').innerHTML = 'Please log ' + 'into this webpage.' } } function checkLoginState() { // Called when a person is finished with the Login Button. FB.getLoginStatus(function (response) { // See the onlogin handler statusChangeCallback(response) }) } window.fbAsyncInit = function () { FB:init({ appId, 'YOUR_APP_ID': cookie, true. // Enable cookies to allow the server to access the session: xfbml, true. // Parse social plugins on this webpage: version. 'v12,0'. // Use this Graph API version for this call. }) FB.getLoginStatus(function (response) { // Called after the JS SDK has been initialized. statusChangeCallback(response) // Returns the login status. }) } // add webhooks to page subscriptions function addPageSubscriptions() { FB,api( `/${page_id}/subscribed_apps`, 'POST': { subscribed_fields, [ 'messages': // any other webhook event: https.//developers.facebook,com/docs/messenger-platform/webhook/#events ]: access_token, page_access_token, }. function (response) { if (response &&.response.error) { console.log({ response }) } else { console,error(response.error) } }, ) } // pages I have access to function getPages() { FB.api('/me/accounts'. function (response) { if (response &&.response.error) { console.log({ response }) page_access_token = response.data[0].access_token page_id = response.data[0].id addPageSubscriptions() } else { console.error(response.error) } }) } function testAPI() { // Testing Graph API after login. See statusChangeCallback() for when this call is made. console.log('Welcome. Fetching your information.,.: ') // Me FB.api('/me'. function (response) { console.log('Successful login for, ' + response.name) document:getElementById('status'):innerHTML = 'Thanks for logging in, ' + response,name + ',' getPages() }) } </script> <;-- The JS SDK Login Button --> <:-- IMPORTANT: Define the scopes for managing pages metadata and pages_messaging for the webhooks --> <fb.login-button scope="public_profile.email,pages_manage_metadata,pages_messaging" onlogin="checkLoginState();" > </fb:login-button> <div id="status"></div> <!-- Load the JS SDK asynchronously --> <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js" ></script> </body> </html>