如何設定 Facebook 帳號快速註冊 /登入?
根據 Facebook 官方公告,自 2023 年 2 月 1 日起,如果你的應用程式需要「 進階層級存取權限」,則需要完成「 商家驗證」。
這是什麼意思呢?簡單來說,如果你在 Teachify 的網站,想要整合串接 Facebook 帳號登入功能,給學員便利,商家必須要先進行一連串相關驗證程序。
📒延伸閱讀: 想要串接整合 Facebook 登入/註冊功能?你得先進行 Facebook 商家驗證。
前往 Facebook for Developers ,點選右上角的登入。
![](https://storage.crisp.chat/users/helpdesk/website/c1a9a272ed197800/c4a6a551-4be2-4f0f-bbcc-159736_1ohj5io.jpeg)
使用 Facebook 帳號登入後,點選「開始使用」
![](https://storage.crisp.chat/users/helpdesk/website/1cd116d0b2506600/57e48055-862d-4cfa-a051-874c46_kbbqpj.jpeg)
請跟著 Facebook 提示依序操作,完成註冊。
![](https://storage.crisp.chat/users/helpdesk/website/5f4a15466f59fc00/ea621459-38ba-4370-8a97-219b6d_ivnbo4.jpeg)
![](https://storage.crisp.chat/users/helpdesk/website/c138218a0444c000/a3f1787c-59f7-4724-8db1-acd178_1gdb35.jpeg)
![](https://storage.crisp.chat/users/helpdesk/website/4978e69c1e0c8c00/78178b90-f8cb-44b6-ae20-1d2f2c_1b5cbtt.jpeg)
完成上述步驟後,點選「建立應用程式」
![](https://storage.crisp.chat/users/helpdesk/website/d53da396f3dcf000/f02c8f22-e3a7-453b-a0f7-e46275_132ewms.jpeg)
在 選擇應用程式類型 處,選擇「消費者」,點選繼續。
![](https://storage.crisp.chat/users/helpdesk/website/9bc2f3719b5c8000/79e2d781-1d37-4091-b748-cdce41_n6un95.jpeg)
在 建立應用程式 處,填上「應用程式顯示名稱」。這個名稱將會出現在學員的登入流程中,建議填寫您的品牌名稱。
![](https://storage.crisp.chat/users/helpdesk/website/950b0c885870d00/95e82e35-ca8b-44d9-8c8e-16b522_decpoy.png)
建立後,您應該可以看到 應用程式新增產品 頁面,在「Facebook 登入」選項中,點選「設定」。
![](https://storage.crisp.chat/users/helpdesk/website/a36fe44421c7a800/18ea2b34-38e0-401e-a3b1-b82783_1h93kxm.jpeg)
進入設定頁面後,請選擇「網站」作為應用程式平台。
![](https://storage.crisp.chat/users/helpdesk/website/a969268796c22000/8f129426-edb8-40e2-9042-d3beaa_1r70zn4.jpeg)
請在「網站網址」中輸入您在 Teachify 的學院網址,並「Save」。
![](https://storage.crisp.chat/users/helpdesk/website/e965449f32218800/3b9f3961-c272-4984-a4e3-c659df_1w6b254.jpeg)
請在畫面左側的選單,產品 →「Facebook 登入」→ 點選「設定」
![](https://storage.crisp.chat/users/helpdesk/website/39b77dd317353200/305de937-d13e-4451-a07b-8c0eb7_72ip8k.jpeg)
【10 - 1】請在 用戶端OAuth設定 ,先確認以下 4 個功能均為開啟的狀態
■ 用戶端 OAuth 登入
■ 網路 OAuth 登入
■ 強制採用 HTTPS
■ 對重新導向 URI 使用 Strict 模式
![](https://storage.crisp.chat/users/helpdesk/website/4ddfe57c7989d800/4dd338dd-62af-416c-bf9e-c312e0_1z0q3yk.jpeg)
【10 - 2】畫面下方「有效的 OAuth 重新導向 URI」空格處,需要填寫網址。
![](https://storage.crisp.chat/users/helpdesk/website/df3673494e0a1800/a84d16d4-ce84-4a6a-8138-9a1302_9qgs4m.jpeg)
請前往 Teachify 的學院後台 →「設定」 → 「Facebook 註冊與登入」,進入後,您會在畫面中看到 「OAuth 重新導向 URI」網址。
![](https://storage.crisp.chat/users/helpdesk/website/97ad41ad6c3b380/7c663ba5-93a3-4f3e-b153-b36364_18q9g6s.jpeg)
![](https://storage.crisp.chat/users/helpdesk/website/d170d1445f724800/a23b866a-949d-4dd2-982e-e43e2c_1gffzqd.jpeg)
請將此網址複製,回到 Facebook 後台貼上,並點選「儲存變更」。
![](https://storage.crisp.chat/users/helpdesk/website/e30fe3f5396e680/b4d473ba-df79-4c06-8d96-0277ee_16ktcyq.jpeg)
請到 Facebook 後台左側選單,「設定」→ 選擇「基本資料」。
![](https://storage.crisp.chat/users/helpdesk/website/83464becff2b3800/56008721-abc8-4a4a-8dde-f7eadc_3b1rn9.jpeg)
【11 - 1】請在隱私政策網址、服務條款網址、用戶資料刪除處,填上您 Teachify 學院的「隱私權政策與使用條款」網址。(學院網址 xxxx.kaik.io 後面加上 /terms),點「儲存變更」。
![](https://storage.crisp.chat/users/helpdesk/website/f28bf00e4239c800/9cddde50-cb44-4f57-8cd4-210aea_129b4n1.jpeg)
【11 - 2】點選 Facebook 後台畫面上方顯示為「調整中」的切換開關
![](https://storage.crisp.chat/users/helpdesk/website/4f3e06faa9377c00/53cf61c2-3603-4f87-9e76-18af26_1m1iqel.jpeg)
在「切換成上線模式?」跳出視窗時,點選「切換模式」
![](https://storage.crisp.chat/users/helpdesk/website/cf6d07af0fdc700/e4e5ad02-f9fe-4055-b991-545434_15fn447.jpeg)
Facebook 應用程式將從「調整中」切換為「上線」的狀態。
![](https://storage.crisp.chat/users/helpdesk/website/93088f1d307eb800/37bac7d5-a9a2-434b-83e9-1ba02c_1tpbfx6.jpeg)
【11 - 3】複製畫面上的「應用程式編號」和「應用程式密鑰」。
![](https://storage.crisp.chat/users/helpdesk/website/caf4897184ef6800/2810174c-3036-4130-a8ab-30a3f0_1k950w5.jpeg)
再次回到 Teachify 學院後台 →「設定」 → 「Facebook 註冊與登入」將上面的值貼上,在「是否啟用?」選擇「是」,點選「更新模組」。
![](https://storage.crisp.chat/users/helpdesk/website/abdae8893cc1d800/944c186c-9455-484f-b9ea-f8b696_155j6qp.jpeg)
以上步驟都完成後,即可測試是否能正常使用 Facebook 帳號註冊/登入囉!
如果以上回答都無法解決你的問題,請點選右下角藍色 icon 跟我們聯絡,我們將盡快回覆。
這是什麼意思呢?簡單來說,如果你在 Teachify 的網站,想要整合串接 Facebook 帳號登入功能,給學員便利,商家必須要先進行一連串相關驗證程序。
📒延伸閱讀: 想要串接整合 Facebook 登入/註冊功能?你得先進行 Facebook 商家驗證。
前往 Facebook for Developers ,點選右上角的登入。
![](https://storage.crisp.chat/users/helpdesk/website/c1a9a272ed197800/c4a6a551-4be2-4f0f-bbcc-159736_1ohj5io.jpeg)
使用 Facebook 帳號登入後,點選「開始使用」
![](https://storage.crisp.chat/users/helpdesk/website/1cd116d0b2506600/57e48055-862d-4cfa-a051-874c46_kbbqpj.jpeg)
請跟著 Facebook 提示依序操作,完成註冊。
![](https://storage.crisp.chat/users/helpdesk/website/5f4a15466f59fc00/ea621459-38ba-4370-8a97-219b6d_ivnbo4.jpeg)
![](https://storage.crisp.chat/users/helpdesk/website/c138218a0444c000/a3f1787c-59f7-4724-8db1-acd178_1gdb35.jpeg)
![](https://storage.crisp.chat/users/helpdesk/website/4978e69c1e0c8c00/78178b90-f8cb-44b6-ae20-1d2f2c_1b5cbtt.jpeg)
完成上述步驟後,點選「建立應用程式」
![](https://storage.crisp.chat/users/helpdesk/website/d53da396f3dcf000/f02c8f22-e3a7-453b-a0f7-e46275_132ewms.jpeg)
在 選擇應用程式類型 處,選擇「消費者」,點選繼續。
![](https://storage.crisp.chat/users/helpdesk/website/9bc2f3719b5c8000/79e2d781-1d37-4091-b748-cdce41_n6un95.jpeg)
在 建立應用程式 處,填上「應用程式顯示名稱」。這個名稱將會出現在學員的登入流程中,建議填寫您的品牌名稱。
![](https://storage.crisp.chat/users/helpdesk/website/950b0c885870d00/95e82e35-ca8b-44d9-8c8e-16b522_decpoy.png)
建立後,您應該可以看到 應用程式新增產品 頁面,在「Facebook 登入」選項中,點選「設定」。
![](https://storage.crisp.chat/users/helpdesk/website/a36fe44421c7a800/18ea2b34-38e0-401e-a3b1-b82783_1h93kxm.jpeg)
進入設定頁面後,請選擇「網站」作為應用程式平台。
![](https://storage.crisp.chat/users/helpdesk/website/a969268796c22000/8f129426-edb8-40e2-9042-d3beaa_1r70zn4.jpeg)
請在「網站網址」中輸入您在 Teachify 的學院網址,並「Save」。
![](https://storage.crisp.chat/users/helpdesk/website/e965449f32218800/3b9f3961-c272-4984-a4e3-c659df_1w6b254.jpeg)
請在畫面左側的選單,產品 →「Facebook 登入」→ 點選「設定」
![](https://storage.crisp.chat/users/helpdesk/website/39b77dd317353200/305de937-d13e-4451-a07b-8c0eb7_72ip8k.jpeg)
【10 - 1】請在 用戶端OAuth設定 ,先確認以下 4 個功能均為開啟的狀態
■ 用戶端 OAuth 登入
■ 網路 OAuth 登入
■ 強制採用 HTTPS
■ 對重新導向 URI 使用 Strict 模式
![](https://storage.crisp.chat/users/helpdesk/website/4ddfe57c7989d800/4dd338dd-62af-416c-bf9e-c312e0_1z0q3yk.jpeg)
【10 - 2】畫面下方「有效的 OAuth 重新導向 URI」空格處,需要填寫網址。
![](https://storage.crisp.chat/users/helpdesk/website/df3673494e0a1800/a84d16d4-ce84-4a6a-8138-9a1302_9qgs4m.jpeg)
請前往 Teachify 的學院後台 →「設定」 → 「Facebook 註冊與登入」,進入後,您會在畫面中看到 「OAuth 重新導向 URI」網址。
![](https://storage.crisp.chat/users/helpdesk/website/97ad41ad6c3b380/7c663ba5-93a3-4f3e-b153-b36364_18q9g6s.jpeg)
![](https://storage.crisp.chat/users/helpdesk/website/d170d1445f724800/a23b866a-949d-4dd2-982e-e43e2c_1gffzqd.jpeg)
請將此網址複製,回到 Facebook 後台貼上,並點選「儲存變更」。
![](https://storage.crisp.chat/users/helpdesk/website/e30fe3f5396e680/b4d473ba-df79-4c06-8d96-0277ee_16ktcyq.jpeg)
請到 Facebook 後台左側選單,「設定」→ 選擇「基本資料」。
![](https://storage.crisp.chat/users/helpdesk/website/83464becff2b3800/56008721-abc8-4a4a-8dde-f7eadc_3b1rn9.jpeg)
【11 - 1】請在隱私政策網址、服務條款網址、用戶資料刪除處,填上您 Teachify 學院的「隱私權政策與使用條款」網址。(學院網址 xxxx.kaik.io 後面加上 /terms),點「儲存變更」。
![](https://storage.crisp.chat/users/helpdesk/website/f28bf00e4239c800/9cddde50-cb44-4f57-8cd4-210aea_129b4n1.jpeg)
【11 - 2】點選 Facebook 後台畫面上方顯示為「調整中」的切換開關
![](https://storage.crisp.chat/users/helpdesk/website/4f3e06faa9377c00/53cf61c2-3603-4f87-9e76-18af26_1m1iqel.jpeg)
在「切換成上線模式?」跳出視窗時,點選「切換模式」
![](https://storage.crisp.chat/users/helpdesk/website/cf6d07af0fdc700/e4e5ad02-f9fe-4055-b991-545434_15fn447.jpeg)
Facebook 應用程式將從「調整中」切換為「上線」的狀態。
![](https://storage.crisp.chat/users/helpdesk/website/93088f1d307eb800/37bac7d5-a9a2-434b-83e9-1ba02c_1tpbfx6.jpeg)
【11 - 3】複製畫面上的「應用程式編號」和「應用程式密鑰」。
![](https://storage.crisp.chat/users/helpdesk/website/caf4897184ef6800/2810174c-3036-4130-a8ab-30a3f0_1k950w5.jpeg)
再次回到 Teachify 學院後台 →「設定」 → 「Facebook 註冊與登入」將上面的值貼上,在「是否啟用?」選擇「是」,點選「更新模組」。
![](https://storage.crisp.chat/users/helpdesk/website/abdae8893cc1d800/944c186c-9455-484f-b9ea-f8b696_155j6qp.jpeg)
以上步驟都完成後,即可測試是否能正常使用 Facebook 帳號註冊/登入囉!
如果以上回答都無法解決你的問題,請點選右下角藍色 icon 跟我們聯絡,我們將盡快回覆。
更新時間: 12/07/2024
感謝!