想要建立Facebook應用程式自動化,就少不了需要申請Facebook API,在n8n打造Facebook粉絲專頁AI客服系統自動回覆實作文章中,就利用n8n串接 Facebook Messenger API,建立粉絲專頁的AI客服系統,即時自動回覆使用者的訊息,解放經營者回覆訊息的時間。
但光是Meta開發者平台的設定就讓很多人卡關,更不用說還要串接n8n自動化流程了,所以這篇文章就來和大家分享完整的Facebook Messenger API申請步驟,包含建立Meta應用程式、設定n8n Webhook、連結Facebook粉絲專頁,以及最後正式發佈上線,讓你也能夠快速打造屬於自己的Facebook Messenger自動回覆系統。
一、Facebook Messenger API申請步驟
最新版的Facebook Messenger API申請方式,包含以下五個步驟:
- 建立Meta應用程式
- 設定Meta應用程式的隱私政策網址
- 設定n8n Webhook
- 設定Meta應用程式的Facebook Messenger使用案例
- 發佈Meta應用程式
接著,就來詳細說明每個步驟的設定方式。
二、建立Meta應用程式
前往Meta for Developers,首頁如下圖:
點擊右上角的「建立應用程式」按鈕,命名應用程式名稱和輸入電子郵件地址,如下圖:
下一步「使用案例」,選擇「商務式訊息」中的「透過Messenger from Meta與顧客互動」,如下圖:
下一步「商家」的部分,選擇「我還不想連結商家資產管理組合」,如下圖:
下一步「要求」保留預設值即可,如下圖:
最後就會顯示應用程式的詳細資料,點擊「建立應用程式」就完成了。
三、設定Meta應用程式的隱私政策網址
在左側欄「應用程式設定/基本資料」的地方,有個「隱私政策網址」欄位需要設定,否則後續無法發佈這個應用程式。
如果沒有自己的隱私政策頁面的話,可以使用免費的線上產生器Privacy Policies來產生,點擊「Start creating ypur Privacy Policy」按鈕來建立。
選擇所要使用隱私政策的平台,這邊選擇「Website」。
接著,填寫網站的基本資料。
下一步回答一些隱私政策的問題,如果沒有蒐集任何使用者的資料,選擇「Others(其他)」,其餘題目選擇無需付費的選項即可。
填寫接收隱私政策的電子郵件,語言保留預設值「English」,點擊「Generate」按鈕產生。
完成之後,把隱私政策網址複製起來。
貼到Meta應用程式的「隱私政策網址」欄位,如下圖:
填好記得滑到下面點擊「Save Changes」儲存。
四、設定n8n Webhook
在繼續設定Meta應用程式之前,先來建立等一下會使用到的n8n Webhook,整體流程如下圖:
其中的節點設定如下:
1.設定Webhook節點
Meta應用程式會透過HTTP GET的請求方法來進行驗證,其中,欄位值設定如下:
- HTTP Methods:GET
- Path:Wehook URLs可以透過Path欄位值來自定
- Respond:選擇Using 'Respond to Webhook' Node
2.設定IF節點
判斷Webhook接收的Meta應用程式驗證權杖(verify_token)是否正確,並且是我們訂閱的操作模式,設定如下:
PS.驗證權杖(verify_token)值可以自訂,但要和Meta應用程式設定的值一樣,等一下我們會來進行設定。
3.設定Respond to Webhook節點
回應Meta傳過來的挑戰碼(Challenge Code),讓Meta驗證我們填寫的Webhook URLs是一台有效且運作中的伺服器。
五、設定Meta應用程式的Facebook Messenger使用案例
回到Meta for Developers的Meta應用程式,設定我們在第一個步驟所勾選的「使用者案例」,在左側欄選擇「使用者案例」,可以看到如下圖的畫面:
點擊紅框的地方來進行設定,並且選擇「Messenger API設定」,如下圖:
把n8n的Webhook URLs貼到「回呼網址」欄位,以及IF節點中的驗證權杖(verify_token)值貼到「驗證權杖」欄位。
接著,執行前面第三步驟所建立的n8n流程,再點擊上圖畫面中的「驗證並儲存」按鈕來驗證,成功畫面如下圖:
並且,下方會列出可以訂閱的Webhook欄位,以本文需要接收與回覆粉絲專頁訊息為例,訂閱以下欄位:
- messages:接收用戶傳來的私訊內容,這是最核心的
- messaging_postbacks:用戶點擊按鈕時觸發(例如快速回覆選項)
- message_reads:得知用戶已讀訊息,可用來判斷是否需要追蹤
- message_deliveries:確認訊息成功送達用戶
接下來,「產生存取權杖」的部分,需要連結自己的Facebook粉絲專頁,點擊畫面中的「連結」按鈕,如下圖:
登入自己的Facebook帳號之後,選擇所要使用的粉絲專頁,如下圖:
- 選擇可以存取所有目前和日後的粉絲專頁:未來新建的其他粉絲專頁也會自動授權給這個Meta應用程式,適合管理多個粉絲專頁的使用者。
- 選擇只能使用目前的粉絲專頁:只授權指定的粉絲專頁,適合自用的情境。
所以這邊我們選擇「第二個選項」,完成後如下圖:
點擊「新增訂閱」按鈕,同樣選擇以下欄位:
- messages
- messaging_postbacks
- message_reads
- message_deliveries
完成後點擊「Confirm」確認,結果如下圖:
最後,點擊旁邊的「產生」按鈕,就可以得到永不到期的存取權杖,可以透過Meta存取權杖偵錯工具 (Access Token Debugger)來查看存取權杖的詳細資料,如下圖:
而在n8n的使用方式,就是建立「Header Auth」,並且設定以下欄位:
- Name:Authorization
- Value:Bearer <你的存取權杖>(注意:Bearer後面要有一個半形空白)
六、發佈Meta應用程式
當我們的自動化流程測試沒問題,要正式上線使用的時候,就要發佈Meta應用程式。有幾個地方需要設定:
1.設定Meta應用程式的Webhook回呼網址
Meta應用程式的Webhook回呼網址要替換成n8n Webhook節點的Production URL。
2.發佈n8n自動化流程
如果有用n8n串接Facebook Messenger API,建立自動化流程,要點擊「Publish」按鈕發佈流程。
3.發佈Meta應用程式
在左側欄選擇「發佈」,點擊右下角的「發佈」按鈕即可,如下圖:
七、成果總結
完成以上所有步驟,恭喜你取得Facebook Messenger API存取權杖,可以開始建立Facebook應用程式的自動化流程了。雖然看起來很繁瑣,但只要設定一次,之後n8n就可以持續使用。如果你也有在申請Facebook API的時候卡關,希望這篇文章能夠幫助你少走彎路,順利取得Facebook Messenger API存取權杖。















留言
張貼留言