讓 FB 粉絲團評論星等在網頁顯示﹍製作流程研究

上一篇研究完「讓 Google 商家評論星等在網頁顯示」後，本篇繼續研究如何取得 Facebook 粉絲團評論星等的資料。

這次 FB 的處理流程沒有 Google 商家那麼繁瑣，但為了安全性因素，FB API 必須由後端呼叫，代表前後端都要處理，所以本篇仍舊無法提供安裝懶人包，只能提供研究後的心得整理。




(圖片出處: 一蘭拉麵粉絲團)

一、製作原理

FB API 官方文件「管理粉絲專頁」說明了如何存取粉絲團的評分與評論，語法格式如下：

https://graph.facebook.com/v3.2/粉絲團專頁 ID/ratings?access_token=粉絲團專頁永久存取權杖

紅色、藍色字串，請參考「二、準備動作」的流程來取得。

如果把網址貼在瀏覽器的話，取得的資料大致如下圖，再用 js 來處理 json 格式資料即可：



接下來前端可寫 JS 將資料顯示在網頁上，看得懂的前端工程師應該可以實作出來。

看起來並不難，但這個流程絕對不能在前端執行，因為 "粉絲團專頁永久存取權杖"若被看到，等於將 FB 粉絲團的管理權限拱手讓人，到時存取權杖被拿去做壞事就慘了，辛苦經營的粉絲團可能就此報銷。

二、準備動作

為了取得前述語法中的 ID 與權杖，需要做以下的準備動作：


1. 取得 FB 粉絲專頁 ID

進入這個網址：https://findmyfbid.com/

輸入 Facebook 粉絲頁網址後，按下「Find numeric ID」即可取得。


2. 取得 FB 粉絲專頁永久存取權杖

請參考這篇的技巧：快速取得 FB 粉絲專頁永久存取權杖

接下來把粉絲專頁 ID 與權杖填入前面提到的 FB API 語法，看看能否抓到 FB 粉絲頁評論資料，然後用 JS 顯示在網頁上。

三、補充說明

• 從 DEMO 頁面即可看到前端程式碼
• 但後端程式碼需要自行處理，以及設定 Google Apps Script。
• 可參考「利用 Google 試算表當小型資料庫」，由後端呼叫 FB API 取得資訊後，儲存在試算表，再由前端存取資料庫，這樣一天只要更新一次即可
• 如需代為處理的話請再與我聯繫