跳转到内容

移动应用

在 Proyecta 中构建移动端友好的 Web 应用。PWA 现已可用;通过 PWA Builder 支持 iOS/Android 原生应用封装。

Proyecta 构建的是 Web 应用。将应用呈现在手机上,最快的方式是开发一个响应式 Web 应用 —— 还可以将其增强为渐进式 Web 应用(PWA),让用户将其安装到主屏幕,并在支持的平台上获得推送通知、离线支持和全屏体验。

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

  • Builder 中的响应式视口切换器 —— 编辑时可在桌面端 / 平板 / 移动端预览之间自由切换
  • 移动端优先的 AI 提示 —— 当你提出需求时,AI 知道如何构建响应式布局
  • 通过 Proyecta SDK 发送推送通知 —— 参见 推送通知
  • 移动端 Builder 界面 —— Proyecta 本身支持在手机上使用,随时随地都能开发

对于大多数应用来说,PWA 是最合适的选择:

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

AI 将为你配置 manifest 和 service worker。发布后,用户可以:

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

iOS 16.4 及以上版本的 PWA 也支持 Web Push,因此通知功能可以正常使用 —— 配置方法请参见 推送通知

如果你需要将应用上架 App Store 或 Google Play,推荐的方式是对已发布的 PWA 进行封装:

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

详细说明请参见 发布到应用商店

  • Apple 可能会拒绝纯 WebView 应用,即不包含任何原生功能的应用。在计划上架 App Store 之前请充分考虑这一点。
  • iOS 上的推送通知要求用户先通过 Safari 安装 PWA(而非通过封装后的原生应用)。
  • 摄像头、GPS、通讯录均可通过 Web API 调用 —— 但仅限原生的 API(HealthKit、ARKit)无法在 PWA 封装中使用。
  • 原生 React Native / Expo 模板 —— 适用于需要真正原生 shell 的项目
  • Capacitor 集成 —— 作为封装方案的另一种选择
  • Builder 内置应用商店发布向导(图标、启动画面、商店描述文案)
  • 应用商店元数据管理,与 Builder 同步