如何設定 Facebook 帳號快速註冊 /登入?
根據 Facebook 官方公告,自 2023 年 2 月 1 日起,如果你的應用程式需要「 進階層級存取權限」,則需要完成「 商家驗證」。
這是什麼意思呢?簡單來說,如果你在 Teachify 的網站,想要整合串接 Facebook 帳號登入功能,給學員便利,商家必須要先進行一連串相關驗證程序。
📒延伸閱讀: 想要串接整合 Facebook 登入/註冊功能?你得先進行 Facebook 商家驗證。
前往 Facebook for Developers ,點選右上角的登入。

使用 Facebook 帳號登入後,點選「開始使用」

請跟著 Facebook 提示依序操作,完成註冊。



完成上述步驟後,點選「建立應用程式」

在 選擇應用程式類型 處,選擇「消費者」,點選繼續。

在 建立應用程式 處,填上「應用程式顯示名稱」。這個名稱將會出現在學員的登入流程中,建議填寫您的品牌名稱。

建立後,您應該可以看到 應用程式新增產品 頁面,在「Facebook 登入」選項中,點選「設定」。

進入設定頁面後,請選擇「網站」作為應用程式平台。

請在「網站網址」中輸入您在 Teachify 的學院網址,並「Save」。

請在畫面左側的選單,產品 →「Facebook 登入」→ 點選「設定」

【10 - 1】請在 用戶端OAuth設定 ,先確認以下 4 個功能均為開啟的狀態
■ 用戶端 OAuth 登入
■ 網路 OAuth 登入
■ 強制採用 HTTPS
■ 對重新導向 URI 使用 Strict 模式

【10 - 2】畫面下方「有效的 OAuth 重新導向 URI」空格處,需要填寫網址。

請前往 Teachify 的學院後台 →「設定」 → 「Facebook 註冊與登入」,進入後,您會在畫面中看到 「OAuth 重新導向 URI」網址。


請將此網址複製,回到 Facebook 後台貼上,並點選「儲存變更」。

請到 Facebook 後台左側選單,「設定」→ 選擇「基本資料」。

【11 - 1】請在隱私政策網址、服務條款網址、用戶資料刪除處,填上您 Teachify 學院的「隱私權政策與使用條款」網址。(學院網址 xxxx.kaik.io 後面加上 /terms),點「儲存變更」。

【11 - 2】點選 Facebook 後台畫面上方顯示為「調整中」的切換開關

在「切換成上線模式?」跳出視窗時,點選「切換模式」

Facebook 應用程式將從「調整中」切換為「上線」的狀態。

【11 - 3】複製畫面上的「應用程式編號」和「應用程式密鑰」。

再次回到 Teachify 學院後台 →「設定」 → 「Facebook 註冊與登入」將上面的值貼上,在「是否啟用?」選擇「是」,點選「更新模組」。

以上步驟都完成後,即可測試是否能正常使用 Facebook 帳號註冊/登入囉!
如果以上回答都無法解決你的問題,請點選右下角藍色 icon 跟我們聯絡,我們將盡快回覆。
這是什麼意思呢?簡單來說,如果你在 Teachify 的網站,想要整合串接 Facebook 帳號登入功能,給學員便利,商家必須要先進行一連串相關驗證程序。
📒延伸閱讀: 想要串接整合 Facebook 登入/註冊功能?你得先進行 Facebook 商家驗證。
前往 Facebook for Developers ,點選右上角的登入。

使用 Facebook 帳號登入後,點選「開始使用」

請跟著 Facebook 提示依序操作,完成註冊。



完成上述步驟後,點選「建立應用程式」

在 選擇應用程式類型 處,選擇「消費者」,點選繼續。

在 建立應用程式 處,填上「應用程式顯示名稱」。這個名稱將會出現在學員的登入流程中,建議填寫您的品牌名稱。

建立後,您應該可以看到 應用程式新增產品 頁面,在「Facebook 登入」選項中,點選「設定」。

進入設定頁面後,請選擇「網站」作為應用程式平台。

請在「網站網址」中輸入您在 Teachify 的學院網址,並「Save」。

請在畫面左側的選單,產品 →「Facebook 登入」→ 點選「設定」

【10 - 1】請在 用戶端OAuth設定 ,先確認以下 4 個功能均為開啟的狀態
■ 用戶端 OAuth 登入
■ 網路 OAuth 登入
■ 強制採用 HTTPS
■ 對重新導向 URI 使用 Strict 模式

【10 - 2】畫面下方「有效的 OAuth 重新導向 URI」空格處,需要填寫網址。

請前往 Teachify 的學院後台 →「設定」 → 「Facebook 註冊與登入」,進入後,您會在畫面中看到 「OAuth 重新導向 URI」網址。


請將此網址複製,回到 Facebook 後台貼上,並點選「儲存變更」。

請到 Facebook 後台左側選單,「設定」→ 選擇「基本資料」。

【11 - 1】請在隱私政策網址、服務條款網址、用戶資料刪除處,填上您 Teachify 學院的「隱私權政策與使用條款」網址。(學院網址 xxxx.kaik.io 後面加上 /terms),點「儲存變更」。

【11 - 2】點選 Facebook 後台畫面上方顯示為「調整中」的切換開關

在「切換成上線模式?」跳出視窗時,點選「切換模式」

Facebook 應用程式將從「調整中」切換為「上線」的狀態。

【11 - 3】複製畫面上的「應用程式編號」和「應用程式密鑰」。

再次回到 Teachify 學院後台 →「設定」 → 「Facebook 註冊與登入」將上面的值貼上,在「是否啟用?」選擇「是」,點選「更新模組」。

以上步驟都完成後,即可測試是否能正常使用 Facebook 帳號註冊/登入囉!
如果以上回答都無法解決你的問題,請點選右下角藍色 icon 跟我們聯絡,我們將盡快回覆。
更新時間: 12/07/2024
感謝!