Saavo Starter / 功能

支撐正式 SaaS 的完整基礎框架。

Saavo Starter 將八個 SaaS 核心領域整合在同一個 Cloudflare 程式碼庫中:身分驗證、Stripe 計費、存取控制、後台管理、分析、安全傳遞、在地化與基礎架構。

01 / 08

身分驗證與帳戶安全

內建保護,不需要東拼西湊。

透過統一的安全模型連接登入、帳戶復原、驗證和敏感帳戶變更。

安全登入 — 提供安全工作階段和可設定驗證的電子郵件密碼流程。

安全登入

提供安全工作階段和可設定驗證的電子郵件密碼流程。

社交登入 — Google 和 GitHub OAuth 共享同一套帳戶生命週期。

社交登入

Google 和 GitHub OAuth 共享同一套帳戶生命週期。

電子郵件生命週期 — 驗證電子郵件地址、重新寄送驗證碼,並確認電子郵件變更。

電子郵件生命週期

驗證電子郵件地址、重新寄送驗證碼,並確認電子郵件變更。

密碼復原 — 具有時效限制的重設工作階段,能協助使用者安全地重新取得帳戶存取權。

密碼復原

具有時效限制的重設工作階段,能協助使用者安全地重新取得帳戶存取權。

雙因素驗證安全 — 支援 TOTP 設定與驗證、復原碼,以及敏感設定變更保護。

雙因素驗證安全

支援 TOTP 設定與驗證、復原碼,以及敏感設定變更保護。

  • 復原碼
  • 進階驗證
  • Turnstile 加強驗證
  • 要求速率限制
  • 帳戶控制
02 / 08

Stripe 計費與客戶帳戶

從結帳到客戶歷史紀錄。

完整的 Stripe 流程涵蓋一次性產品、訂閱、客戶資料和購買記錄查詢。

代管結帳 — 一次性付款和訂閱的 Checkout 頁面會自動配合使用者語系。

代管結帳

一次性付款和訂閱的 Checkout 頁面會自動配合使用者語系。

購買後的產品 — 客戶可以檢視產品、方案、存取期限和說明文件。

購買後的產品

客戶可以檢視產品、方案、存取期限和說明文件。

訂閱生命週期 — 追蹤方案狀態、計費週期、試用期和目前是否有效。

訂閱生命週期

追蹤方案狀態、計費週期、試用期和目前是否有效。

付款紀錄 — 清楚顯示交易編號、日期、金額、狀態和可用文件。

付款紀錄

清楚顯示交易編號、日期、金額、狀態和可用文件。

支付與交易管理 — 為管理員分別提供購買和訂閱視圖。

支付與交易管理

為管理員分別提供購買和訂閱視圖。

  • 自動計稅費
  • 促銷代碼
  • 發票和收據
  • 客戶入口網站
  • Webhook 生命週期
03 / 08

存取控制與生命週期自動化

將付款轉換為產品存取權限。

把產品與角色和權益關聯起來,並根據購買和訂閱狀態授予、更新或撤銷存取權限。

角色與能力 — 將概括性的角色與具體的產品能力分開管理。

角色與能力

將概括性的角色與具體的產品能力分開管理。

開關型權益 — 表示使用者是否擁有某項具體產品權利。

開關型權益

表示使用者是否擁有某項具體產品權利。

配額型權益 — 追蹤上限、用量、剩餘數量、重設和結轉。

配額型權益

追蹤上限、用量、剩餘數量、重設和結轉。

產品存取映射 — 在產品方案中設定存取權限,而不是將其硬編碼到回呼中。

產品存取映射

在產品方案中設定存取權限,而不是將其硬編碼到回呼中。

可靠的生命週期執行 — 持久記錄授予與撤銷操作,並明確冪等、錯誤處理和重試規則。

可靠的生命週期執行

持久記錄授予與撤銷操作,並明確冪等、錯誤處理和重試規則。

  • 生效日期
  • 週期重新整理
  • 配額結轉
  • 冪等執行
  • 授予與撤銷
04 / 08

後台管理與客戶支援

管理已經上線的產品。

在一個管理後台中統一管理使用者、支付、存取權限和客戶支援,並檢視操作記錄。

後台概覽 — 了解目前系統狀態,而不是只看華而不實的總數。

後台概覽

了解目前系統狀態,而不是只看華而不實的總數。

使用者管理 — 搜尋使用者並檢視角色、狀態和帳戶詳細資料。

使用者管理

搜尋使用者並檢視角色、狀態和帳戶詳細資料。

支付管理 — 分別檢視一次性購買和訂閱。

支付管理

分別檢視一次性購買和訂閱。

客服工作台 — 對客服單進行優先順序排序、回覆、新增內部備註、解決和關閉。

客服工作台

對客服單進行優先順序排序、回覆、新增內部備註、解決和關閉。

記錄與執行可見性 — 追蹤系統、警示、稽核、事件和命令的執行結果。

記錄與執行可見性

追蹤系統、警示、稽核、事件和命令的執行結果。

  • 角色管理
  • OAuth 使用者端
  • 客服單優先順序
  • 內部備註
  • 稽核軌跡
05 / 08

內建產品分析

了解產品的使用方式。

不需要額外引入 SaaS 服務,即可透過第一方分析統一檢視流量、使用者行為、轉換和效能資料。

分析概覽 — 結合上下文檢視瀏覽量、訪客、存取次數、跳出率和存取時長。

分析概覽

結合上下文檢視瀏覽量、訪客、存取次數、跳出率和存取時長。

流量來源 — 了解引薦來源、管道和 UTM 來源。

流量來源

了解引薦來源、管道和 UTM 來源。

訪客與裝置 — 探索位置、語言、裝置、瀏覽器和操作系統。

訪客與裝置

探索位置、語言、裝置、瀏覽器和操作系統。

事件與工作階段 — 檢查自訂事件以及反映產品使用行為的工作階段。

事件與工作階段

檢查自訂事件以及反映產品使用行為的工作階段。

漏斗與效能 — 將轉換步驟與真實的 Web Vitals 一同衡量。

漏斗與效能

將轉換步驟與真實的 Web Vitals 一同衡量。

  • 第一方分析
  • 支援 Do Not Track
  • 留存資料清理
  • 引薦來源與 UTM
  • Web Vitals
06 / 08

OAuth2 與安全範本傳遞

授權使用者端,保護產品。

為公用或機密用戶端明確設定授權範圍,再只傳遞使用者權益涵蓋的資源。

授權確認介面 — 使用者可以檢視用戶端、授權範圍,以及應用程式要求的存取權限。

授權確認介面

使用者可以檢視用戶端、授權範圍,以及應用程式要求的存取權限。

PKCE 授權 — 採用 PKCE S256 的授權碼流程可保護公用用戶端。

PKCE 授權

採用 PKCE S256 的授權碼流程可保護公用用戶端。

OAuth 使用者端管理 — 設定使用者端、授權型別、授權範圍和狀態。

OAuth 使用者端管理

設定使用者端、授權型別、授權範圍和狀態。

受保護的範本目錄 — 只有在授權範圍與權益一致時,才回傳目錄項目。

受保護的範本目錄

只有在授權範圍與權益一致時,才回傳目錄項目。

安全範本下載 — 透過臨時 R2 URL 提供下載,並驗證下載結果。

安全範本下載

透過臨時 R2 URL 提供下載,並驗證下載結果。

  • 重新整理權杖輪換
  • 一次性授權碼
  • 使用者端憑據
  • 權杖撤銷
  • 依授權範圍控制存取
07 / 08

多語言、內容與隱私

為更多市場和更清晰的選擇做好準備。

將在地化路由、說明文件、搜尋中繼資料、法律頁面、佈景主題和可設定的隱私控制一併發布。

12 種語言路由與支援 RTL 的介面 — 提供已設定的語系路由,版面配置也支援 RTL。

12 種語言路由與支援 RTL 的介面

提供已設定的語系路由,版面配置也支援 RTL。

型別安全的在地化 — 使用者端、元件和 HTTP 回應共用一套型別安全的在地化契約。

型別安全的在地化

使用者端、元件和 HTTP 回應共用一套型別安全的在地化契約。

說明文件 — 發布結構化的產品指南和參考內容。

說明文件

發布結構化的產品指南和參考內容。

SEO 基礎功能 — 涵蓋標準網址、多語系替代連結、社群中繼資料、網站地圖和結構化資料。

SEO 基礎功能

涵蓋標準網址、多語系替代連結、社群中繼資料、網站地圖和結構化資料。

隱私控制 — 提供可版本化的同意偏好,以及根據同意狀態載入的第三方腳本。

隱私控制

提供可版本化的同意偏好,以及根據同意狀態載入的第三方腳本。

  • 法律頁面
  • 同意狀態持久化
  • 腳本載入控制
  • 淺色與深色佈景主題
  • 回應式與 RTL 介面
08 / 08

Cloudflare 原生開發基礎框架

一套始終清晰易懂的基礎框架。

即使產品不斷發展,執行階段服務、資料持久化、非同步任務、設定和各部分程式碼的職責歸屬仍然清晰明確。

Workers 執行階段 — 在 Cloudflare Workers 上執行 Hono 服務和 React 介面。

Workers 執行階段

在 Cloudflare Workers 上執行 Hono 服務和 React 介面。

D1、R2 和 KV 儲存 — 根據關系資料、物件資料和 TTL 資料的特點選擇合適的儲存方式。

D1、R2 和 KV 儲存

根據關系資料、物件資料和 TTL 資料的特點選擇合適的儲存方式。

Queues 與調度器 — 執行後台任務、清理任務和權益週期任務。

Queues 與調度器

執行後台任務、清理任務和權益週期任務。

事務電子郵件 — 寄送驗證、帳戶復原、計費和安全通知。

事務電子郵件

寄送驗證、帳戶復原、計費和安全通知。

型別安全的分層工程 — 驗證設定並保持 Schema → DB → Repository → Service → API → UI 的分層結構。

型別安全的分層工程

驗證設定並保持 Schema → DB → Repository → Service → API → UI 的分層結構。

  • Durable Objects
  • 儲存策略
  • 分層職責
  • 自動化測試
  • Schema 驗證

掌控基礎框架

從相互銜接的工作流程開始,再打造屬於自己的產品。

Saavo Starter 不僅提供原始碼,也清楚呈現程式碼背後的執行流程,讓後續修改依然易於理解。

取得 Saavo Starter