移动应用
用 Expo 为 Web 模板接入 iOS 与 Android 应用
移动端路线让你从 Expo 项目开始，逐步改成自己的 App。先把 Web/API 跑通，再接 iOS 和 Android。
你可以参考什么： React Native + Expo、登录、API 调用、会员状态、RevenueCat 和 EAS 构建链路。后端复用 Web/API（Hono + Better Auth + oRPC），App 只要把 EXPO_PUBLIC_SERVER_URL 指向已有服务就行。
当前状态： Lab / Beta。适合学习、评估和二次开发，正式上架请把真机测试、商店资料、证书和审核流程当成单独工作。
开始之前
| 准备项 | 什么时候需要 |
|---|---|
| Mac + Xcode | iOS 开发必备 |
| iPhone 真机 | 登录、支付、推送、深链验证 |
| Expo 账号 | 使用 EAS Build / Submit |
| Apple Developer Program | TestFlight / App Store 上架（99 USD/年） |
| Google Play Console | Android 上架（25 USD 一次性） |
| Web/API 服务 | 真机调试和发布都需要 |
技术栈
| 层 | 方案 |
|---|---|
| App 框架 | React Native + Expo |
| 路由 | Expo Router |
| 样式 | Uniwind + HeroUI Native |
| 数据请求 | oRPC + TanStack Query |
| 登录 | Better Auth + @better-auth/expo/client + expo-secure-store |
| 付费 | RevenueCat SDK + 01MVP billing API |
| 构建 | EAS Build / EAS Submit |
模板里有什么
- 邮箱登录和注册
- 登录后的用户资料 API 调用
- 公共 health API 调用
- 公开付费计划展示
- RevenueCat entitlement 状态读取
- dev、preview、production 三套 EAS profile
.env.example和EXPO_PUBLIC_*配置说明
推荐阅读顺序
移动端基础
先理解 Expo、真机、登录、API、环境变量和上架流程。
快速开始
启动 Web/API，打开 Expo，跑模拟器和真机。
项目结构
看懂 Expo Router、目录边界和包复用关系。
配置与应用身份
配置 app.json、应用名、Bundle ID、scheme、图标和环境变量。
改成自己的 App
按顺序替换名称、ID、图标、后端地址和发布配置。
登录与 API
Better Auth Expo 集成、oRPC 客户端和验证流程。
Apple 账号与 Identifiers
Apple Developer Program、Bundle ID 和 Capabilities 配置。
iOS 签名与 EAS
Certificate、provisioning profile、EAS 自动签名。
App Store Connect
创建商店记录、TestFlight 和 App Review。
本地存储与文件
SecureStore、缓存、文件上传和退出登录清理。
数据与同步
API 数据获取、缓存策略和弱网处理。
应用内购
RevenueCat 和 01MVP billing API 集成。
原生能力
相机、文件、推送、深链和 Widget 的接入边界。
推送通知
推送链路、权限弹窗和生产前检查。
构建与上架
EAS Build、EAS Submit 和 OTA 更新。
测试与验收
代码检查、模拟器、真机和发布前验收。
Vibe Coding
用 AI 辅助改造移动模板的安全顺序。
移动端 UI
HeroUI Native 和移动端视觉层级设计。
Skills 与插件
按任务选择合适的 AI Skill。
想和其他创造者交流？
这篇文档有问题？