網站嵌入FB粉專API
網站串接Facebook粉絲專頁API?取得FB粉專永久存取權杖Access Token!
串接Facebook粉絲專頁API
如果想要將Facebook粉絲專頁的功能,無論是星等評論、按讚還是貼文同步,透過API串接到網站或其他的任何地方,讓這些功能在Facebook以外的地方呈現,那麼我們都會需要先取得Facebook粉絲專頁的Access Token,也就是「永久存取權杖」才能繼續後續的步驟。
像是我們最近遇到的一個案例,客戶想要在網站中加入一個貼文牆,要讓網站的這個區塊與Facebook粉絲專頁的貼文同步呈現(如下圖),那麼客戶就會要先自行建立與申請Facebook應用程式,並取得粉絲專頁永久存取權杖。
▲車力屋首頁畫面
取得存取權杖Access Token
要如何建立應用程式並取得Facebook的粉絲專頁永久存取權杖(Access Token)呢?
建立Facebook應用程式
在取得永久存取權杖(Access Token)之前,會需要先建立應用程式,若已經建立過了就可以直接跳到下個步驟,繼續取得粉絲專頁的Access Token,若還沒有建立過,可以到從下方網址進入開始建立Facebook應用程式(Facebook APP)。
➤ 前往建立 Facebook App:https://developers.facebook.com/apps/
如果不會的話,可以參考這一篇Step1~3的步驟(應用程式類型可選擇「企業商家」):「【網站第三方登入】網頁申請Facebook登入認證設定教學|天矽科技網頁設計」,完成後,就可以看到你建立好的應用程式了,像圖片這樣。
取得Facebook粉絲專頁永久存取權杖
如何取得Facebook粉絲專頁的永久存取權杖?
Step1.
同樣的,我們需先進入Mata of Developers並找到你建立好的應用程式,並點選已建立的應用程式進入。
➤ 前往Facebook App:https://developers.facebook.com/apps/
Step2.
進入應用程式後,在左側的產品下方中,找到「Messenger」、選擇「設定」。
Step3.
進入後,在「存取權杖」區塊中選擇「新增或移除粉絲專頁」。
如果你還沒有粉絲專頁,可以點選右上方的「建立新的粉絲專頁」,要先有粉絲專頁才能繼續步驟喔!
Step4.
點選「新增或移除粉絲專頁」按鈕後,會彈出操作視窗,跟著指示進行即可。
Step5.
完成後,就可以在存取權杖中看到粉絲專頁的選項了,這時請點選「產生權杖」,產生後,權杖欄位就會顯示「已產生權杖」。
Step6.
選擇產生權杖後,會彈出權杖視窗,這裡會自動產生「粉絲專頁永久全權杖」,這裡請勾選「我瞭解」並「複製字串」即可完成。
檢查Facebook權杖期限
取得權杖後,我們還是要再次確認的期限是否為永久,這時可以直接進入「Mata 存取權杖偵錯工具」進行確認與測試。
➤ 前往Facebook 存取權杖偵錯工具:https://developers.facebook.com/tools/debug/accesstoken/
Step1.
進入畫面,選擇「存取權杖」的選項,並將剛剛產生的權杖字串複製於此,貼上後按下「偵錯」即可。
Step2.
按下「偵錯」後,就會出現「存取權杖資料」,這裡會出現應用程式編號、類型、粉絲專頁編號、應用程式範圍用戶編號、認證日期、到期日…等資訊。
這裡我們要檢查的重點是以下這些,可參考下方圖片:
- 應用程式編號:注意該權杖提供哪個Facebook應用程式使用。
- 粉絲專頁編號:檢查粉絲專頁是否正確
- 到期日:到期日需為「永不」
▲存取權杖偵錯畫面