• 指南

設定 Facebook 社交登入

注意:從2019年3月開始根據 Facebook 政策的改變,將會限制所有現有 Facebook 登入 的 HTTPS 使用。因此,個人域名使用者需申請SSL安全認證書。 進入網站時,如果瀏覽器地址窗口無法確認https://,則此是未設置SSL安全認證書的網站。

該操作手冊為訪客能通過 Facebook 帳戶在我的網站註冊及登入的設置過程。

第1步:登入 Facebook for Developers

  1. 進入 Facebook for Developers
  2. 點擊右上方的登入鍵,登入 Facebook 帳戶。

第2步:建立應用程式 ID

  1. 點擊右上方的我的應用程式
  2. 點擊網站右側的建立應用程式按鈕。
  3. 跳出應用程式類型窗口後,點擊其他

  4. 輸入應用程式顯示名稱後,點擊建立應用程式按鈕。
    參考:有 Facebook 企業管理平台帳號時,選擇帳號。

  5. 出現安全確認窗口,勾選左側的我不是機器人選項後,點擊提交按鈕。

第3步:新增產品

  1. 選擇 Facebook 登入設定按鈕。

  2. 在左側菜單中點擊 Facebook 登入下方的設定

  3. 有效的 OAuth 重新導向 URL 項目中輸入 https://我的網域/oauth 後,點擊下方的儲存變更按鈕。

第4步:設定應用程式的基本資料

  1. 在左側菜單中點擊 【設定 > 基本資料】

  2. 參考以下截圖和說明,新增應用程式的基本資料項目。

    1. 顯示名稱:輸入當訪客通過 Facebook 登入時顯示的名稱。
    2. 應用程式網域:輸入我的網站之代表網域。
    3. 隱私政策網址:https://我的網域/?mode=privacy
    4. 服務條款網址:https://我的網域/?mode=privacy
    5. 應用程式圖示:上傳當訪客通過 Facebook 登入時顯示的圖示。
  3. 往下滾動鼠標,點擊新增平台按鈕。

  4. 點擊網站

  5. 輸入網站網址。

  6. 點擊右下方的儲存變更按鈕。

第5步:複製應用程式編號與應用程式密鑰

  1. 移動至網頁上方複製應用程式編號應用程式密鑰
    參考:應用程式密鑰將會點擊顯示按鈕後出現。

  2. 把複製的編碼貼在筆記本保留。

第6步:設定使用網站的 Facebook 登入

  1. 打開新的瀏覽器網頁。
  2. 進入 I'MWEB 網站的管理頁面。
  3. 點擊左側管理菜單的【環境設置 > 社交登入/API設置】。
  4. 跳轉至Facebook 登入項目。
  5. 選擇使用 Facebook 登入
  6. 從第5步複製的應用程式編號應用程式密鑰黏貼至輸入欄中。

  7. 點擊儲存按鈕反映。

第7步:開始應用程式審查

  1. 點擊開發的左側無線電鈕,把應用程式的狀態切換為上線模式

  2. 跳出切換成上線模式的窗口後,選擇類別並點擊切換模式按鈕。

  3. 確認狀態是否變更為上線

  4. 現在開始能在我的網站中使用 Facebook 登入了。
跳轉至目錄

用過一次就愛上,“我”就是I’MWEB的忠實粉絲。

在I’MWEB自由表達“我”的想法
324.9K
累積的建設網站數量
已有數十萬位用戶
在I’MWEB表達著自己的理念。
315
平均每日建設的網站數量
每日有多個新品牌在
I'MWEB 推出客製化網站
2.8K
全國合作夥伴

I’MWEB官方合作夥伴