Facebook快速登入
📌 協助網站或系統透過 Facebook 提供「快速登入」功能，提升使用者登入便利性並簡化註冊流程。
一、申請 Facebook 應用程式（App）
- 前往 Facebook 開發者平台
https://developers.facebook.com - 登入你的個人 Facebook 帳號。
- 點擊右上角「我的應用程式」 > 建立應用程式。
- 選擇應用程式類型：請選「消費者」（Consumer）> 點選「下一步」。
- 輸入應用程式名稱(網站或公司名稱)、填寫聯絡 Email，按下「建立應用程式」。
- 系統會要求驗證身份，輸入帳號密碼完成驗證。
二、取得 App ID 與 App Secret
- 在左側選單點選：【設定】→【基本】
📍此處可看到兩項重要資訊：- App ID（應用程式編號）
✅ 可直接複製使用 - App Secret（應用程式密鑰）
🔐 點選「顯示」，輸入 Facebook 密碼後可複製
- App ID（應用程式編號）
三、設定 Facebook 登入功能
- 在左側選單選擇：【產品】→ Facebook 登入
若未加入，請先點「+新增產品」加入「Facebook 登入」。 - 選擇平台類型（通常為「網站」）。
- 輸入你的網站網址後儲存。
- 回到【設定】→【基本】畫面，設定應用程式網域與隱私權政策連結（若有需要）。
- 將應用程式從「開發模式」切換為「上線」，以便真正對外啟用。
四、串接到你的網站或外掛
- 安裝並啟用 Social Login 外掛（例如 Heateor Social Login）。
- 在外掛設定中，勾選要啟用的登入平台：
- 勾選「Facebook」
- 將剛剛從 Facebook 開發者平台複製的：
- Facebook App ID
- Facebook App Secret
(分別貼入外掛後台對應欄位)
- 儲存設定並測試登入是否成功。
🔍 常見問題 Q&A
Q1. 無法登入或出現錯誤？
請確認：
- App 是否已從「開發中」切換為「上線」
- 網站網址是否已填入開發者平台設定中
- App ID 與 Secret 是否填寫正確
Q2. 申請審核需要多久？
大多數情況下不需額外審核，Facebook 預設提供 public_profile 與 email 權限。若有審查，通常在 10 個工作天內完成，過程中可在「應用程式審查」頁面查看進度。
Google快速登入
📌 協助網站或系統透過 Google 提供「快速登入」功能，提升使用者登入便利性並簡化註冊流程。
一、申請 Google OAuth 應用程式（App）
- 前往 Google Cloud 開發者平台
👉 https://console.cloud.google.com - 登入你的 Google 帳號（建議使用 Gmail）。
- 點擊畫面上方「選取專案」→【新增專案】。
- 輸入專案名稱（可用網站或公司名稱）→ 建立。
二、啟用 Google API 並建立 OAuth 憑證
- 左側選單點選【API 和服務】→【已啟用的 API 和服務】→ 點【+ 啟用 API 和服務】。
- 搜尋 People API，點選後【啟用】。
- 回到左側選單，點選【憑證】→【建立憑證】→【OAuth 用戶端 ID】。
- 系統會引導你先設定 OAuth 同意畫面。
三、設定 OAuth 同意畫面
- 選擇使用者類型：「外部」。
- 輸入應用程式名稱（網站名稱）與聯絡 Email。
- 可選擇性輸入：
- 應用程式首頁：你的網站首頁網址
- 隱私權政策網址（若有）
- 點【儲存並繼續】完成設定。
四、建立 OAuth 用戶端 ID
- 回到【憑證】頁，點選【建立憑證】→【OAuth 用戶端 ID】。
- 選擇應用程式類型：選「網頁應用程式」。
- 命名（例如：google-login）。
- 設定「授權的重新導向 URI」：
📍請輸入外掛指定網址，例如：https://你的網域名稱
⚠️ 必須含 https:// 且最後不需有 / ，輸入後按 Enter 鍵才能儲存。
- 點選【建立】，系統會產生以下資訊：
- Client ID（用戶端編號） ✅ 可直接複製
- Client Secret（用戶端密鑰） 🔐 點「顯示」可複製
五、串接到你的網站或外掛
- 登入 WordPress 後台
- 到後台【Super Socializer】>【Social Login】設定頁面：
- 勾選「Google」登入平台
- 將剛取得的：
- Google Client ID
- Google Client Secret
貼入對應欄位
- 儲存設定並清除快取。
- 使用無痕視窗測試登入功能是否成功。
🔍 常見問題 Q&A
Q1. 出現 redirect_uri_mismatch 錯誤？
請確認：
- Google Cloud 中的 Redirect URI 與實際送出的網址是否「一字不差」