• 指南

設定 Apple 社交登入

開始之前

在設定 Apple 登入之前,請先準備好以下三個部分。

為使用 Apple 登入,需要 Apple 開發者帳號。請參考下方指南連結來建立 Apple 開發者帳號。

參考:註冊 Apple 開發者帳號,將需年繳 USD $99的費用。

為使用 Apple 登入,連接個人域名的用戶需申請 SSL 安全憑證。請參考 什麼是SSL(安全伺服器),怎麼適用它呢? 來完成設置。

使用社交登入功能的訪客大部分都直接使用註冊社交平台時的名字(暱稱)。為順利添加並使用社交登入功能,需先解除防止以相同名字(暱稱)重複註冊的限制,以允許在社交平台註冊時使用相同名字(暱稱)的訪客使用。

解除方法:管理頁面 > 環境設置 > 註冊及羣組設置 > (下拉到中間部分) 輸入表管理 > 名字部分按下修改按鈕後,解除勾選[防止以相同名字(暱稱)的重複註冊]。

設置方法

  1. 進到 Apple Developer 頁面。
  2. 點擊右上方 Account 按鈕。
  3. 登入 Apple 開發者帳號。
  1. 點擊 Certificates, Identifiers & Profiles

  2. 點選左側菜單中的 Identifiers 後並點擊 ⨁ 按鈕。

  3. 點選 APP IDs 後並點擊 Continue

  4. 點選 App 類型。

  5. 出現輸入 Register and App ID 欄位時,參考下方輸入資料。

    1. App ID Prefix: 選擇適用 Team ID 之項目。(第一次使用的情況只存在一個 Team ID 選項,無需另外選取。)

      重要: 請先另外複製儲存 Team ID 的資訊,在Step 5需再次輸入。
    2. Description: 輸入簡略的網站說明。
    3. Bundle ID: 依照 com.domainname.appname 格式以半型英文輸入。
    4. Capabilities: 選擇 Sign In with Apple
  6. 點擊 Continue 按鈕。
  7. 點擊 Register 按鈕。
  1. 點選左側菜單中的 Identifiers 後並點擊 ⨁ 按鈕。

  2. 點選 Services IDs 後並點擊 Continue

  3. 出現輸入 Register a Services ID 欄位時,參考下方輸入資料。

    1. Description: 輸入簡略的網站說明。
    2. Identifier: 依照 com.domainname.appname 格式以半型英文輸入。(例: com.imlab.loginIdentifier)

      注意: 雖與Step 2輸入之 Bundle ID 格式相同,請填入不同的資訊。
    3. 點擊 Continue 按鈕。
  4. 點擊 Register 按鈕。
  5. 點選建立好的 Services ID

  6. 勾選 Sign In with Apple 後,點擊 Configure 按鈕。

  7. 出現 Web Authentication Configuration 視窗後,參考下方輸入資料。

    • Domains and Subdomains: 請刪去前面的 https 後,輸入網站域名。使用多個域名時,請用逗號(,)隔開各個域名並輸入所有使用的域名。

      : 域名.com
    • Return URLs: 請一定要包含前面的 https,輸入網站域名/oauth。使用多個域名時,請用逗號(,)隔開各個域名並輸入所有使用的域名。

      : https://域名.com/oauth
  8. 點擊 Next 並確認輸入之資料正確無誤後,點擊 Done 按鈕。
  9. 請先另外複製儲存 Identifier 項目中的 Identifier值。在Step 5需再次輸入。

  10. 點擊 Continue 按鈕。
  11. 點擊 Save 按鈕。
  1. 點選左側菜單中的 Keys 後並點擊 ⨁ 按鈕。

  2. 輸入任意 Key Name 並勾選 Sign In with Apple 後,點擊 Configure 按鈕。

  3. Primary APP ID 欄位中選擇 Step 2 建立之 APP ID 後按下 Save 按鈕。

  4. 確認輸入之資料正確無誤後,點擊 Continue 按鈕,再點擊 Register 按鈕。
  5. 點擊 Download 按鈕並下載 Key 檔案

  6. 請先另外複製儲存 Key ID 項目中的 Key ID值。在Step 5需再次輸入。
  7. 點擊 Done 按鈕。
  1. 進到我的網站管理頁面。進入方法
  2. 點擊左側菜單 [環境設置 > 社交登入 / API設置]
  3. 在 Apple 登入的地方點選 使用

  4. 輸入 Key ID, Team ID, Identifier 的值並上傳 Key檔案。

    • Key ID:貼上Step 4儲存的 Key ID值
    • Team ID:貼上Step 2儲存的 App ID Prefix值
    • Identifier:貼上Step 3儲存的 Identifier值
    • Key:點擊上傳檔案按鈕,上傳Step 4下載的 Key檔案
  5. 點擊儲存按鈕以適用。
  1. 進到我的網站
  2. 點擊註冊會員按鈕。
  3. 點擊 Apple 登入按鈕註冊會員後嘗試登入。
返回列表

不知從何開始?

Web So Easy!

前往線上教學

用過一次就愛上 “我”就是 Imweb 的忠實粉絲

在 Imweb 盡情表達“我”的想法
905.7K
累積網站架設數
全球已有數十萬名用戶
在 Imweb 表達著自己的理念
315
平均每日架站數
每天有多個新品牌
在 Imweb 推出客製化網站
1.9K
全球合作夥伴數

Imweb 企業合作