跳轉到內容
supastack
瀏覽檔案

For AI agents: fetch the complete documentation index at /llms.txt, the full documentation corpus at /llms-full.txt, the agent skill at /skill.md, or this page as Markdown at /zh-tw/docs/web/apple-sign-in.md (or send Accept: text/markdown).

新增 Apple 登入

在 Apple Developer 門戶中註冊 App ID、Services ID 和 Sign in with Apple 金鑰,並把客戶端憑據對接到應用。

詢問本指南
開啟方式

初學者演練

前提條件:Web 應用在本地執行(5 分鐘啟動)、已遷移且能存真實賬戶的資料庫(設定資料庫),以及一個 Apple Developer Program 會員——與移動端賬戶指南註冊的同一個每年 99 美元的賬戶,如果還沒完成,先完成那一步再繼續。下面開發者門戶裡的所有操作都不額外收費。

為什麼重要:每當 iOS 應用提供 Google 或 GitHub 這類第三方社交登入時,App Store 稽核都要求提供 Sign in with Apple;它在 Web 端也是一顆可靠、低摩擦的按鈕——Apple 使用者用裝置上已有的賬戶即可登入。

快速術語:App ID 是應用的註冊識別符號(com.yourcompany.yourapp)。Services ID 是 Apple 為 Web 和服務端登入簽發的第二個識別符號——它就是你的客戶端 ID。Return URL 是 Apple 允許把登入使用者送回的精確地址——即套件的 Better Auth 回撥。金鑰是 Apple 只提供一次的 .p8 檔案;由你自己把它轉換成客戶端金鑰。

1. 註冊一個帶 Sign in with Apple 能力的 App ID。2. 註冊一個指向它、並持有你的域名和 return URL 的 Services ID。3. 建立 Sign in with Apple 金鑰並下載 .p8 檔案。4. 把該金鑰轉換成 client-secret JWT,並設定三個 env 值。

一個實在的限制:Apple 的 return URL 必須是註冊域名上的絕對 https:// 地址——localhost 和裸 http 都會被拒絕,所以在裸本地伺服器上無法完整走通按鈕。請在已部署的 URL 上驗證,或把本地伺服器放到 https 隧道(如 cloudflared tunnel 或 ngrok)後面,並在測試期間註冊隧道域名及其回撥。

註冊 App ID

1. 開啟 developer.apple.com/account,用持有 Developer Program 會員的賬戶登入。

2. 開啟 Certificates, Identifiers & Profiles → Identifiers,點選藍色 + 按鈕。

3. 選擇 App IDs → Continue,型別保持 App → Continue。

4. Description:你的產品名。Bundle ID:選擇 Explicit,輸入反向域名形式 com.yourcompany.yourapp——如果也要釋出 iOS 應用,請使用 apps/mobile/app.json 中的 ios.bundleIdentifier,讓兩個平臺共享同一個 App ID。

5. 在能力列表中勾選 Sign in with Apple → Continue → Register。

預期結果:該識別符號出現在 Identifiers 列表中,且 Sign in with Apple 能力為啟用狀態。後續複用這一個 App ID——Services ID 和金鑰都會把它作為主力應用來關聯。

註冊 Services ID 和 return URL

1. 回到 Identifiers,再次點選 +,選擇 Services IDs → Continue。

2. Description:類似 yourapp web sign-in。Identifier:再來一個反向域名——慣例是 com.yourcompany.yourapp.web——故意與 App ID 不同。這個 Services ID 就是伺服器用於 Web 登入的客戶端 ID;請精確複製,然後 Continue → Register。

3. 在列表中選中新建的 Services ID,勾選 Sign in with Apple,點選 Configure。

4. 在對話方塊中把 Primary App ID 設為上一節的 App ID。在 Website URLs 下新增你的域名(如 yourdomain.com),在 Return URLs 下新增 https://yourdomain.com/api/auth/callback/apple——該路徑就是套件的 Better Auth 回撥 {APP_URL}/api/auth/callback/apple。Save → Continue → Save。

每個 return URL 都必須是註冊域名上的絕對 https:// 地址:localhost、裸 IP 地址和 http 都會被拒絕。本地開發時把應用跑在 https 隧道後面,把隧道域名加進 Services ID,註冊 https://<tunnel-domain>/api/auth/callback/apple,並在測試期間把 APP_URL 設為隧道 URL。

預期結果:Services ID 顯示 Sign in with Apple → Enabled。如果門戶拒絕你的域名,先在賬戶頁面完成域名所有權驗證。

建立 Sign in with Apple 金鑰

1. 在左側邊欄開啟 Keys → +。給金鑰起名(如 yourapp sign-in key),勾選 Sign in with Apple,點選 Configure,選擇 App ID 作為 Primary App ID → Save → Continue → Register。

2. 在確認頁面記下 Key ID,然後點選 Download——.p8 檔案只提供一次。弄丟了就吊銷該金鑰另建一個;Apple 不儲存副本。

3. 同時記下你的 Team ID——它印在開發者賬戶頁面右上角、賬戶名旁邊。

預期結果:現在你持有三個值——.p8 檔案、一個 Key ID 和你的 Team ID。.p8 檔案不要放進 Git:它以你的開發者賬戶簽名。

把值加入應用

套件只期望下面三行——與所有社交提供商相同的 clientId/clientSecret 憑據對。APPLE_CLIENT_ID 是 Services ID(com.yourcompany.yourapp.web),不是 App ID。

Apple 不簽發靜態客戶端金鑰,所以 APPLE_CLIENT_SECRET 是你用 Team ID、Key ID 和 .p8 私鑰自己簽發的 JWT——Better Auth 檔案附帶了生成它的短指令碼。簽發的金鑰最長有效六個月:設個提醒重新生成並更新 env 值,因為它一過期登入就會失敗。絕不要把 .p8 檔案內容或裸 Key ID 粘進 env——那裡只放生成的 JWT。

客戶端金鑰和 .p8 檔案僅限服務端:絕不能出現在 NEXT_PUBLIC_/EXPO_PUBLIC_ 變數裡,也不能提交;生產環境通過託管方的金鑰儲存設定。編輯後重啟開發伺服器;env 變更只在啟動時讀取。

# apps/web/.env.local
AUTH_APPLE_ENABLED=true
APPLE_CLIENT_ID=com.yourcompany.yourapp.web   # the Services ID, not the App ID
APPLE_CLIENT_SECRET=<JWT signed with Team ID + Key ID + .p8>

驗證與排錯

在 /auth 開啟你的 APP_URL——已部署 URL 或 https 隧道——點選 Apple 按鈕,用任意 Apple ID(不必是開發者賬戶)登入,確認回到應用時已登入。

大多數失敗是三種混淆之一:Services ID 與 App ID——客戶端 ID 必須是用於 Web 登入的 Services ID;return URL 不匹配——回撥必須與已註冊的 Return URL 完全相等,包括協議、域名和路徑;或者客戶端金鑰過期/無效——重新生成 JWT,它只是簽發的令牌,不是 .p8 內容。

在設定 AUTH_APPLE_ENABLED=true 之前,/auth 上的 Apple 選項保持停用——檢查 env 名稱並重啟。在沒有 APPLE_CLIENT_ID 和 APPLE_CLIENT_SECRET 的情況下開啟開關會讓啟動失敗並指出缺失的變數。

iOS 應用訪問的是同一個後端——在其中也釋出 Sign in with Apple,好讓 App Store 稽核接受其他社交按鈕。移動端賬戶指南解釋了稽核的關注點。

常見問題

14 個問題

supastack 是什麼?

supastack 是用於構建 AI 驅動 SaaS 產品的模組化基礎。它把通用基礎設施整合在一起,讓你專注於產品專屬的功能。

它支援 Web 和移動端嗎?

支援。supastack 包含 Next.js 與 Expo 應用,作為 Web 與移動端體驗的起點。

包含哪些認證方式?

Better Auth 覆蓋郵箱/密碼、OTP 與社交登入。個人工作區隨賬戶一起開通,產品記錄從第一天起就有邊界。

AI 是如何支援的?

supastack 包含可配置的多供應商 AI、用量追蹤、預算,以及加密的自帶金鑰(BYOK)支援。

訂閱如何處理?

對於基於該套件構建的產品,Stripe 計費、訂閱與許可權構成付費訪問的基礎。供應商金鑰僅存於服務端。

我的產品專屬程式碼放在哪裡?

產品專屬功能保留在獨立的程式碼庫中,產品通過配置接入 supastack 的基礎模組。

supastack 如何定價?

套件為一次性購買、終身更新:單棧 249 美元(Next.js(Web)、Expo(iOS 與 Android)、Tauri(macOS 與 Windows 桌面)倉庫任選其一),雙棧 398 美元(任選兩個倉庫),或完整套裝 399 美元(全部三個倉庫與完整 monorepo),每個額外開發者席位 75 美元。套件本身沒有訂閱。本站結賬後通過郵件傳送許可證金鑰,倉庫訪問通過 GitHub 邀請授予。

工作區如何界定我的資料?

使用者記錄按 workspaceId 劃定邊界。身份、許可權、AI 用量、計費事件與審計條目都留在個人工作區邊界內。

後臺任務如何工作?

Trigger.dev 是明確的任務執行時。JobRunner 契約只承諾 enqueue、status 與 cancel——工作流語義保持 Trigger.dev 專有且顯式。

郵件與營銷觸達有何不同?

事務性郵件覆蓋產品工作流,如任務完成通知。冷觸達與營銷活動屬於產品自身的範疇,不在本套件的郵件模組內。

移動端購買如何運作?

移動端已支援 RevenueCat 原生購買和恢復購買,訪問許可權由服務端驗證。釋出前需配置商店賬戶並完成裝置測試。Web 計費保持獨立。

AI 供應商金鑰存放在哪裡?

自帶金鑰憑證經過加密且僅存於服務端。金鑰在日誌中被脫敏;用量與預算在工作區級別保持可見。

結賬支援哪些付款方式?

Stripe 託管結賬接受銀行卡,在 Stripe 賬戶啟用後還可提供支付寶與微信支付——方便中國買家。錢包授權為非同步確認,付款完成後許可證頁面會立即更新。

我能申請退款嗎?

獲得程式碼倉庫訪問許可權後,supastack 將永久歸你所有,因此無法退款。但請放心,你將獲得包含終身更新的完整原始碼,可為你自己或客戶構建併發布無限數量的產品。你只需注意不能轉賣程式碼,也不能將倉庫作為啟動模板二次分發。唯一的例外是上線返現——上線一款用 supastack 打造的真實產品並公開分享,在購買後 60 天內達到 5,000 次自然瀏覽或 50 個自然按讚,即可退還已付款項的 50%;詳見條款。

TW
主題