移动应用

在 Proyecta 中构建适配移动端的 Web 应用。PWA 功能现已可用；可通过 PWA Builder 封装为原生 iOS/Android 应用。

Proyecta 构建的是 Web 应用。让“应用出现在手机上”最快的方式，是构建一个响应式 Web 应用——可选择将其增强为渐进式 Web 应用（PWA），让用户将其安装到主屏幕，并在支持的平台上获得推送通知、离线支持和全屏体验。

如需通过 App Store、Google Play 或 Microsoft Store 进行原生分发，可使用 PWA Builder 等工具对已发布的 PWA 进行封装。

开箱即用的功能

Builder 内置响应式视口切换器 — 编辑时可在桌面端 / 平板端 / 移动端预览之间随时切换
移动端优先的 AI 提示 — 当你提出需求时，AI 知道如何构建响应式布局
移动端 dashboard 标签页 — 专属的 Mobile 面板，包含外观、测试和发布步骤，帮你将应用转化为可安装的移动应用
推送通知 — 详见推送通知
移动端 Builder UI — Proyecta 本身支持在手机上运行，让你随时随地构建应用

Mobile 标签页

打开 dashboard 并切换到 Mobile 标签页，即可进入引导式的三步流程：

Appearance — 查看应用图标、名称和主题色。如果尚未配置移动端支持，点击 Set up mobile support，Proyecta 会一键为你完成配置，无需编写任何提示词。
Test — 扫描二维码，在真实手机上打开已发布的应用（详见在移动端测试）。
Publish to App Store — 分步指引，引导你完成应用的打包和提交（详见发布到应用商店）。

Webapp 模板已内置 Web 应用清单（site.webmanifest）和 Service Worker（sw.js），因此从第一次构建起，可安装、支持离线的 PWA 基础就已就绪——Mobile 标签页和 AI 只需根据你的应用进行定制即可。

PWA 路径

最快捷的方式是点击 Mobile 标签页中的 Set up mobile support 按钮。如果你想更具体地控制，也可以直接向 AI 提问：

Add PWA support to my app:
- Web app manifest with name, icons, theme color
- Service worker with offline cache for the app shell
- Service worker with update toast on new version

无论哪种方式，清单文件和 Service Worker 都会完成配置。发布后，用户可以：

在任意移动端浏览器中打开你的应用
点击浏览器菜单，选择 Add to Home Screen（iOS）或 Install app（Android）
像原生应用一样从主屏幕启动

iOS 16.4 及以上版本的 PWA 同样支持 Web Push，因此通知功能可正常使用——设置方法详见推送通知。

进阶：原生封装

如果你需要将应用上架 App Store 或 Google Play，推荐的方式是封装已发布的 PWA：

发布到你的 *.proyecta.live 子域名（或自定义域名）
打开 pwabuilder.com 并输入你的 URL
生成原生安装包——Android（AAB）、iOS（Xcode 项目）、Windows（MSIX）
提交到对应的应用商店

详情请参阅发布到应用商店。

注意事项

Apple 可能拒绝纯 WebView 应用，若应用未添加原生功能。在将应用定向到 App Store 之前，请充分考虑这一点。
iOS 上的推送通知要求用户先通过 Safari 安装 PWA（而非通过封装的应用）。
摄像头、GPS、通讯录均可通过 Web API 调用——仅限原生的 API（HealthKit、ARKit）在 PWA 封装中无法使用。

即将推出

原生 React Native / Expo 模板，适用于需要真正原生 Shell 的项目
Capacitor 集成，作为封装的替代方案
Builder 内置应用商店发布向导（图标、启动页、商店介绍文案）
应用商店元数据管理，与 Builder 实时同步