跳轉到內容
supastack
瀏覽檔案
WebNext.js

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/modules/billing-configuration.md (or send Accept: text/markdown).

Stripe 配置與 webhook

把 Web 訂閱連到服務端持有的許可權。

詢問本指南
開啟方式

安裝與配置

在執行任何步驟之前,請閱讀開始之前 和終端基礎知識。這些說明假設您在 VS Code 中開啟了完整的 supastack monorepo;它的根 package.json 標記儲存庫根。在 pnpm 命令中,工作區包是應用程式或共享程式碼資料夾;在產品中,工作空間是團隊的資料容器和安全邊界。 corepack pnpm --filter ... 從 monorepo 選擇一個包,同時從其根執行命令。如果您僅開啟同步的移動或桌面資料夾,則它不包含 Web 後端、Docker 設定或根指令碼:從此 monorepo 或可訪問的託管伺服器執行後端,並使用平臺資料夾自己的指令碼。環境變數是儲存在本地 .env 檔案或託管儀錶板中的命名設定;更改後重新啟動相關應用程式,並將伺服器機密保留在 NEXT_PUBLIC_ 和 EXPO_PUBLIC_ 值之外。

1.開啟apps/web/.env.local並在學習結帳螢幕時保留BILLING_PROVIDER=local。

2. 要實現真正的整合,請在一個提供商中建立測試模式產品,然後將其伺服器金鑰和 Webhook 機密新增到 Web 主機的私有環境設定中。 Webhook 是計費服務在結帳、續訂或取消後傳送到您的應用程式的簽名訊息;本指南的程式碼示例中列出了端點路徑。

3. 使用 corepack pnpm --filter @supastack/web dev 啟動 Web 並僅測試沙箱。預期:經過驗證的 Webhook 會更新已登入工作區的權利;單獨開啟結賬頁面並不授予訪問許可權。

整合時使用沙箱/測試憑據。配置 BILLING_PROVIDER 加上提供商的僅伺服器機密:條帶 → STRIPE_SECRET_KEY、STRIPE_PRICE_ID、STRIPE_WEBHOOK_SECRET;檸檬擠壓 → LEMONSQUEEZY_API_KEY、LEMONSQUEEZY_STORE_ID、LEMONSQUEEZY_VARIANT_ID、LEMONSQUEEZY_WEBHOOK_SECRET; creem → CREEM_API_KEY、CREEM_PRODUCT_ID、CREEM_WEBHOOK_SECRET(CREEM_TEST_MODE=true 用於沙盒);極性 → POLAR_ACCESS_TOKEN、POLAR_PRODUCT_ID、POLAR_WEBHOOK_SECRET (POLAR_SERVER);蜂鳴器 → WHOP_API_KEY、WHOP_PLAN_ID、WHOP_WEBHOOK_SECRET;槳→PADDLE_API_KEY、PADDLE_PRICE_ID、PADDLE_WEBHOOK_SECRET(PADDLE_ENVIRONMENT);渡渡鳥 → DODO_PAYMENTS_API_KEY、DODO_PRODUCT_ID、DODO_PAYMENTS_WEBHOOK_KEY (DODO_PAYMENTS_ENVIRONMENT);貝寶 → PAYPAL_CLIENT_ID、PAYPAL_CLIENT_SECRET、PAYPAL_PLAN_ID、PAYPAL_WEBHOOK_ID (PAYPAL_ENVIRONMENT)。價格/產品必須代表預期的定期訂閱。

Webhook endpoint: /api/billing/webhook (stripe), /api/billing/webhook/lemonsqueezy, /api/billing/webhook/creem, /api/billing/webhook/polar, /api/billing/webhook/whop, /api/billing/webhook/paddle, /api/billing/webhook/dodo, /api/billing/webhook/paypal
Checkout endpoint: /api/billing/checkout
Portal endpoint: /api/billing/portal

要複製的命令

按照註釋檢視命令在哪個資料夾中執行。如果標記了兩個終端,請開啟兩個終端視窗,並在使用第二個命令時保持第一個命令執行。

corepack pnpm --filter @supastack/web dev

實現流程

按 docs/real-provider-smoke.md 中的生命週期事件清單配置 webhook 端點。簽名校驗需要與該端點匹配的 webhook 金鑰。僅有結賬跳轉絕不能授予訪問。

服務端動作邊界的許可權決定是否允許付費工作。安全地處理重複事件,並把客戶/訂閱記錄劃定到正確的工作區。Web 結賬與原生購買保持分離。

計劃授予的關鍵是跨表面共享的產品詞彙:src/product-plans.ts 中的 ProductPlan.entitlement 宣告在支付計劃時寫入分類賬的小寫機器金鑰(該套件在專業版和生命週期中提供“ai.reference-task”;src/billing-runtime.ts 將其傳遞給 BFF)。相同的金鑰是 CMS 條目的 required_entitlement 欄位和 EntitlementGate 元件的 entitlementKey 道具平等比較的內容 - 在“ai.reference-task”上門控的條目可為持有該授權的任何工作區解鎖,而沒有計劃授予的金鑰對每個人都保持鎖定。

驗證與排障

如果 Webhook 被拒絕,請將提供商儀錶板中的確切沙箱 URL 和簽名金鑰與伺服器設定進行比較,並檢查該提供商是否需要將請求轉發到 localhost。如果結帳有效但訪問保持鎖定狀態,請檢查 Webhook 結果和計劃上的授權金鑰。在遵循本本地指南時,切勿使用即時支付憑證進行測試。

在沙箱中測試啟用、更新、取消、無效簽名與重複事件。處理後檢查已持久化的訪問狀態。只建立一個未消費的結賬會話,證明的只是連通性,不是生命週期履約。

常見問題

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
主題