跳轉到內容
Supastack
TW
主題
登入獲取 Supastack
全部文章

內建登入、AI 聊天與真實付費牆的 Expo SaaS 範本

supastack 的 Expo 應用是正式環境級的行動 SaaS:OAuth 與電子郵件登入、AI 助手、通知、主題與 RevenueCat 付費牆,由與網頁版相同的 API 驅動。

Noah Zixin Zhang約 2 分鐘閱讀

supastack 的 Expo 應用程式包含什麼?

取決於所選方案,但 Expo 應用是正式上線等級的行動 SaaS,而不是展示品:Google 與 Apple 登入加電子郵件驗證碼、AI 助手、通知收件匣、生物辨識應用鎖、主題,以及與網頁應用相同後端和存取規則對接的 RevenueCat 付費牆。開發、預覽與商店送審的 EAS 建置設定檔已就緒。

真實 SaaS 的行動端另一半

應用交付的是付費行動產品真正需要的介面,不是只有三個按鈕的示範。登入流程、有內容的首頁動態、AI 助手、通知收件箱、設定與 RevenueCat 付費牆,全部對接與網頁版相同的 API。

  • Google 與 Apple 登入加電子郵件一次性驗證碼,支援認證深層連結
  • AI 助手,支援模型與輸出控制
  • 通知收件箱:已讀/未讀狀態與精簡時間戳記
  • RevenueCat 購買、恢復購買與權益驗證
  • 生物辨識應用鎖與 secure-store 工作階段管理
  • 跟隨系統、淺色與深色外觀,共享同一主題系統
  • 透過 expo-notifications 實現推送就緒的通知

以 Expo 團隊熟悉的方式建構

Expo 57 搭配 React Native 0.86 與 Expo Router 檔案式導覽,型別化的 API 呼叫直連託管後端,並預置面向開發、預覽與商店提交的 EAS 建構設定。

工作階段透過安全儲存與認證深層連結同步,所以在網頁上購買的使用者在手機上即可解鎖,而在應用內購買的使用者也會出現在你的網頁管理後台裡。

  • Expo + React Native
  • EAS Build + Submit
  • RevenueCat
  • TypeScript + Turborepo
  • Better Auth
  • iOS + Android

網頁應用就是你的後端

行動應用沒有影子後端,它認證與讀取資料走的就是網頁使用者使用的同一個 Next.js 或 TanStack Start 部署。同一套 API、同一套規則、同一個管理檢視涵蓋所有使用者。

從複製到應用商店

把應用指向你部署好的 API,在 Expo Go 或開發建構中執行,啟動的就是真實介面而不是預留位置。EAS 設定與商店提交指南會帶你從第一次建構走到 TestFlight 與 Play Console 審核。

  • 開發、預覽與正式環境建構設定已就緒
  • RevenueCat 與推送指南涵蓋各商店的特定設定
  • 應用鎖、深層連結與主題開箱即用

常見問題

  • 行動端如何處理付款?, 透過 RevenueCat 應用內購買,這是數位商品在應用商店裡的規定路徑。購買、恢復與權益驗證與網頁計費共用同一套存取規則。
  • 上架 iOS 應用需要 Mac 嗎?, 不需要。EAS Build 在雲端完成 iOS 建構與簽名,提交指南涵蓋 App Store 審核流程。只有想跑本機模擬器時才需要 Mac。
  • 行動應用沒有網頁應用能用嗎?, 應用對接的是託管 API,也就是驅動你網站的同一個 Next.js 或 TanStack Start 部署。一起交付,每個介面背後都是真實資料。

下一個產品,從這裡開始。

一次付費,持續打造盈利的產品。