※ 便利的免跳轉登入!只要於Facebook Developers註冊完商家自己的應用程式編號,就可以讓客戶免跳轉的使用Facebook帳號做登入哦!
※ 請注意:串接完成後,請務必留意您的『Facebook登入應用程式權限』、『使用情況』,Facebook 會不定期發出通知、資料審核的訊息,請於期限內回覆Facebook,以免應用程式遭Facebook 停用。(可滑至最底部確認資訊、或參考「頁籤」教學說明,進行檢查與完成認證)
※ 請注意:如出現功能異常無法使用,請參考【下列步驟】完成驗證。
STEP 1:進入Facebook Developers網站,( https://developers.facebook.com/ ) 並登入Facebook帳號
※從未使用過 Facebook Developers?
如是第一次登入此網站,請依照系統引導,建立Facebook帳號
STEP 2:登入後點選右上角的「建立應用程式」,若您已經建立過,請直接點選要使用的應用程式
STEP 3:選擇應用程式類型,請選擇【消費者】,並點選繼續
STEP 4:輸入「顯示名稱」、「應用程式聯絡電子郵件地址」,填寫完成後,點選建立應用程式
※ 點選後出現Facebook「安全驗證」的彈跳視窗,請輸入Facebook密碼,後點選右下角「提交」並完成驗證
STEP 5 :找到「Facebook登入」選項如下,並點選「設定」
STEP 6:選擇「www」網站
STEP 7:貼上您的「網站網址」,按下「Save」,接著請點擊繼續,參閱文件說明直至最底頁
※ 務必要填寫「https://」開頭的安全性加密網址,才能設定成功
STEP 8:點選《左側主選單》「設定」中的>「基本資料」,並依序填寫【應用程式網域】、【隱私政策網址】
※【顯示名稱】:請填入您的名稱
※【應用程式網域】:請填入 您的網域 和 (含www.)的網域
( 範例:webtech.com.tw 和 www.webtech.com.tw )
※【隱私政策網址】:請填入您網站內「隱私權政策說明」頁網址」
※【資料刪除資訊】:請填入您網站內「隱私權政策說明」頁網址,完成後點擊「儲存變更」
STEP 8-1:完成商家驗證(*自 2023 年 2 月 1 日起,如果您的應用程式需要進階層級存取權限,則需要完成商家驗證)
往下滑動到商家驗證項目,並依照指示完成驗證流程。
STEP 9:點選《左側主選單》「產品」中>「設定」
Ø「用戶端 OAuth 設定」中進行設定,請確認已開啟下列 5 個功能:
1. 開啓「用戶端 OAuth 登入」
2. 開啓「網路 OAuth 登入」
3. 開啟「強制使用https」
4. 開啓「對重新導向 URI 使用 Strict 模式」
5. 開啟「Login with the JavaScript SDK」
Ø「有效的OAuth重新導向URI」輸入兩組網域
1.「https://www.您商店首頁的網域/fbAuthForLine」
2.「https://www.您商店首頁的網域/fb-login」
(範例:假設您的網域為>>www.miracle123.com,則兩組網域應輸入)
1.「https://www.miracle123.com/fbAuthForLine」
2.「https://www.miracle123.com/fb-login」
Ø「JavaScript SDK允許的網域」輸入「https://您商店首頁的網域(不含www.)及https://www.您商店首頁的網域」,填寫完成,檢查上述步驟、及內容正確無誤後,按下「儲存變更」
(範例:假設您的網域為>>www.miracle123.com,則應輸入:https://miracle123.com、https://www.miracle123.com)
※ 使用篩選存取層級:輸入「Email」,並點擊「Enter」
※ 使用篩選存取層級:輸入「public_profile」,並點擊「Enter」
STEP 11:確認檢查使用權限層級出現綠色「Advanced Access」,表示已成功開啟取得進階的存取權限
※ 若在此步驟出現以下錯誤訊息「您必須提供有效的隱私政策網址,才能夠將應用程式上架。」,請先將應用程式模式從開發者切換為『上線』後,再繼續步驟。
STEP 12:點選《左側主選單》「設定」中>「基本資料」,點擊「顯示」,出現Facebook「安全驗證」視窗,輸入Facebook密碼完成驗證後,將會得到●●●●●●●轉為正常英、數字顯示,此時將「應用程式編號」及「應用程式密鑰」,貼至米洛後台串接,並確認下方步驟即可完成囉!
STEP 13:將「應用程式編號」及「應用程式密鑰」,貼至米落後台>下方位置進行串接,完成後點擊「儲存」!
※ 最後一個步驟,完成『開始認證』!
※ 此處的認證時間通常為「建立應用程式」完成後兩個月( 60天 )
( 範例:如10/2完成建立應用程式,畫面提醒將會顯示:「必須完成事項:請在December01,2022之前完成●●●●●●●的資料使用情形檢查,開始認證」)
STEP 1:進入Facebook Developers網站,( https://developers.facebook.com/ ) 並登入Facebook帳號,使用上述方式點擊「開始認證」
STEP 2:點擊「立即開使」,進入畫面,依下列步驟完成勾選,並「提交」
STEP 3:出現「資料使用情形檢查完成」提示,點擊「確定」後,就表示完成囉!回到「我的應用程式」查看,即可看到資料使用情形檢查變為「綠色」燈號唷!
STEP 2:點擊「立即開使」,進入畫面,依下列步驟完成勾選,並「提交」
STEP 3:出現「資料使用情形檢查完成」提示,點擊「確定」後,就表示完成囉!回到「我的應用程式」查看,即可看到資料使用情形檢查變為「綠色」燈號唷!
開始認證
STEP 1:進入Facebook Developers網站,( https://developers.facebook.com/ ) 並登入Facebook帳號,使用上述方式點擊「開始認證」
STEP 2:點擊「立即開使」,進入畫面,依下列步驟完成勾選,並「提交」
STEP 3:出現「資料使用情形檢查完成」提示,點擊「確定」後,就表示完成囉!回到「我的應用程式」查看,即可看到資料使用情形檢查變為「綠色」燈號唷!
STEP 2:點擊「立即開使」,進入畫面,依下列步驟完成勾選,並「提交」
STEP 3:出現「資料使用情形檢查完成」提示,點擊「確定」後,就表示完成囉!回到「我的應用程式」查看,即可看到資料使用情形檢查變為「綠色」燈號唷!