網站嵌入FB粉專API

網站串接Facebook粉絲專頁API?取得FB粉專永久存取權杖Access Token!

網站串接Facebook粉絲專頁API?取得FB粉專永久存取權杖Access Token!

 

若要將Facebook粉絲專頁的功能透過API串接到網站,讓這些功能可以在FB以外的地方呈現,那麼我們必須先取得FB粉專永久存取權杖Access Token,並確定該權限為永久。取得的方式並不困難,跟著以下步驟即可完成。

串接Facebook粉絲專頁API


 如果想要將Facebook粉絲專頁的功能,無論是星等評論、按讚還是貼文同步,透過API串接到網站或其他的任何地方,讓這些功能在Facebook以外的地方呈現,那麼我們都會需要先取得Facebook粉絲專頁的Access Token,也就是「永久存取權杖」才能繼續後續的步驟。

 像是我們最近遇到的一個案例,客戶想要在網站中加入一個貼文牆,要讓網站的這個區塊與Facebook粉絲專頁的貼文同步呈現(如下圖),那麼客戶就會要先自行建立與申請Facebook應用程式,並取得粉絲專頁永久存取權杖。

串接Facebook粉絲專頁API

▲車力屋首頁畫面

 

取得存取權杖Access Token


 要如何建立應用程式並取得Facebook的粉絲專頁永久存取權杖(Access Token)呢?

 

建立Facebook應用程式

 在取得永久存取權杖(Access Token)之前,會需要先建立應用程式,若已經建立過了就可以直接跳到下個步驟,繼續取得粉絲專頁的Access Token,若還沒有建立過,可以到從下方網址進入開始建立Facebook應用程式(Facebook APP)。


前往建立 Facebook App:https://developers.facebook.com/apps/


 如果不會的話,可以參考這一篇Step1~3的步驟(應用程式類型可選擇「企業商家」):「【網站第三方登入】網頁申請Facebook登入認證設定教學|天矽科技網頁設計」,完成後,就可以看到你建立好的應用程式了,像圖片這樣。

串接Facebook粉絲專頁API

 

取得Facebook粉絲專頁永久存取權杖

 如何取得Facebook粉絲專頁的永久存取權杖?

 

Step1.

 同樣的,我們需先進入Mata of Developers並找到你建立好的應用程式,並點選已建立的應用程式進入。

前往Facebook App:https://developers.facebook.com/apps/

 

Step2.

 進入應用程式後,在左側的產品下方中,找到「Messenger」、選擇「設定」。

串接Facebook粉絲專頁API

 

Step3.

 進入後,在「存取權杖」區塊中選擇「新增或移除粉絲專頁」。

 如果你還沒有粉絲專頁,可以點選右上方的「建立新的粉絲專頁」,要先有粉絲專頁才能繼續步驟喔!

串接Facebook粉絲專頁API

 

Step4.

 點選「新增或移除粉絲專頁」按鈕後,會彈出操作視窗,跟著指示進行即可。

串接Facebook粉絲專頁API

 

Step5.

 完成後,就可以在存取權杖中看到粉絲專頁的選項了,這時請點選「產生權杖」,產生後,權杖欄位就會顯示「已產生權杖」。

串接Facebook粉絲專頁API

 

Step6.

 選擇產生權杖後,會彈出權杖視窗,這裡會自動產生「粉絲專頁永久全權杖」,這裡請勾選「我瞭解」並「複製字串」即可完成。

串接Facebook粉絲專頁API

 

檢查Facebook權杖期限

 取得權杖後,我們還是要再次確認的期限是否為永久,這時可以直接進入「Mata 存取權杖偵錯工具」進行確認與測試。

前往Facebook 存取權杖偵錯工具:https://developers.facebook.com/tools/debug/accesstoken/

 

Step1.

 進入畫面,選擇「存取權杖」的選項,並將剛剛產生的權杖字串複製於此,貼上後按下「偵錯」即可。

串接Facebook粉絲專頁API

 

Step2.

 按下「偵錯」後,就會出現「存取權杖資料」,這裡會出現應用程式編號、類型、粉絲專頁編號、應用程式範圍用戶編號、認證日期、到期日…等資訊。

 這裡我們要檢查的重點是以下這些,可參考下方圖片:

  • 應用程式編號:注意該權杖提供哪個Facebook應用程式使用。
  • 粉絲專頁編號:檢查粉絲專頁是否正確
  • 到期日:到期日需為「永不

串接Facebook粉絲專頁API

▲存取權杖偵錯畫面

 

share FB LINE
看天矽作品集 回上一頁
ID:@323foylw