設定 Facebook 登入功能教學

⚠️ 重要提醒
自 2023 年 2 月 1 日起,Facebook 要求所有使用 Facebook 登入的應用程式必須完成 Business Verification(商業驗證) 才能提供給一般用戶使用。因此,個人開發者帳號無法再開放給訪客登入,只能內部使用

步驟一:建立 Facebook App

  1. 前往 Facebook 開發者平台
  2. 登入你的 Facebook 帳號
  3. 點擊右上角「建立應用程式」按鈕
  4. 若跳出選單或提示,關閉或點「建立應用程式」繼續
  5. 輸入以下資訊:
    • 應用程式名稱(這會出現在使用者授權畫面)
    • 應用聯絡信箱
  6. 點選「下一步」→ 選擇「使用 Facebook 登入進行驗證與資料請求」
  7. 選擇(可選)要關聯的 Business Portfolio(商業資源組)
  8. 點「下一步」→ 閱讀說明 → 再點「下一步」
  9. 到達應用總覽畫面後,點「前往儀表板」
  10. 若跳出安全驗證視窗,完成驗證後關閉

步驟二:啟用登入與設定權限

  1. 左側選單 → 點「使用情境Use Cases」→ 在「Facebook 登入」旁點「自訂 Customize」
  2. 下方找到「Permissions 權限」區塊 → 點「email」旁的「新增」
  3. 左側選單 → 點「Facebook 登入 → 設定」
  4. 在「Valid OAuth Redirect URIs」欄位,貼上 Nextend Social Login 插件後台提供的 URI
  5. 點「儲存變更」

如儲存後畫面變白,請手動重新整理

步驟三:填寫應用設定資訊

  1. 左側點「⚙️ App 設定 → 基本」
  2. 填寫以下欄位:
  • App Domains:填入你網站主網域(例如:example.com)
  • 隱私權政策 URL(例:https://example.com/privacy-policy)
  • 服務條款 URL(例:https://example.com/terms)
  • 使用者資料刪除方式:選「資料刪除說明網址」,填入說明帳號刪除方式的頁面
  1. 選擇一個應用分類,並可上傳 App Icon(應用圖示)
  2. 滾動至底部 → 點「+新增平台」→ 選擇「網站 Website」
  3. 輸入你網站網址(與 Nextend 引導一致)→ 儲存變更

步驟四:完成商業驗證與權限審查

  1. 目前你的應用僅有「標準權限」,只能讓你自己登入
  2. 要讓訪客登入,請進行商業驗證:
    • 左側點「審查 → 驗證」→ 開始商業驗證流程
    • 需要上傳公司資料、網站資訊等
  3. 驗證成功後 → 左側點「審查 → App 審查」
    • 點「編輯」填寫權限用途說明
    • 送出後等待審核(數日內)
  4. 通過審查後 → 左側點「發佈」→ 點右下角「藍色發佈按鈕」將應用轉為 公開模式

步驟五:取得 App ID 與密鑰,設定到 WordPress

  1. 左側「設定 → 基本」頁面頂部,取得以下資訊:
  • App ID
  • App Secret(需點「顯示」按鈕才會出現)
  1. 回到 WordPress 後台 → Nextend Social Login → Facebook 設定
  2. 貼上 App ID 和 App Secret → 儲存 → 點「驗證」確認連線成功