跳到正文

Lovable 项目怎么变成 iOS App:原生 SwiftUI,不是套壳

Publish 给你的是 lovable.app 地址上的网页应用,而 App Store 要的不止这些。这篇讲 Lovable 产出了什么、三条通往 iPhone App 的路,以及怎么把你的项目带到 AirBuild。

AirBuild 编辑部约 7 分钟阅读

你描述了一个应用,Lovable 把它做了出来,在浏览器里能用。然后有人问:它在 App Store 上吗?

Lovable 发布的是网页应用

Lovable 自己的文档就是这么说的:它做的是网页应用,发布始终部署到一个网页地址。按下 Publish,你得到的是托管在 your-app.lovable.app 或你的自定义域名上的网页应用,自带 HTTPS。没有 iOS 构建,没有 App Store Connect 记录,也没有提交审核。

文档给了两条更接近手机的路:做成 PWA 让用户添加到主屏幕,或者把已发布的地址包进原生壳里去提交商店。前者不会出现在 App Store 上,后者会撞上下面那条审核规则。

Lovable 项目是什么

编辑器底下,一个 Lovable 项目就是一套 React 代码,Lovable 不生成 React Native。新项目默认用 Lovable Cloud 做数据库、登录和存储,它建在 Supabase 的开源底座上;也有人改连自己的 Supabase 项目。连上仓库后,代码和 GitHub、GitLab 或 Bitbucket 双向同步,付费版还能直接下载。

这决定了接下来的事。React 网页应用的界面是浏览器引擎画出来的 HTML,套了壳也一样。真正的 iOS App 得用原生组件重新做一遍。问题只在于谁来做,用什么做。

通往 iPhone App 的三条路

  1. 套壳Capacitor 或 WebView 服务

    原生壳里面加载 your-app.lovable.app
    还是你的网站审核指南 4.2:重新打包的网站
  2. 用 React Native 重写转换服务

    React Native 组件从你的 React 代码改写
    真 App,跨平台自带运行时,自有观感
  3. 带到 AirBuildAI 团队

    读懂它做什么界面、流程、它连的后端
    原生 SwiftUI AppApp Review 全程处理
三条路都从同一个 Lovable 应用出发,终点不同。只有第一条的终点仍然是网站。

“Your app should include features, content, and UI that elevate it beyond a repackaged website. If your app is not particularly useful, unique, or ‘app-like,’ it doesn’t belong on the App Store.”(App 应包含超出“重新打包的网站”的功能、内容和界面。如果它不够实用、独特或不像 App,就不属于 App Store。)

Apple App Store 审核指南 4.2,最低功能要求

这就是套壳路线像赌博的原因:一个包着 your-app.lovable.app 的壳,按定义就是重新打包的网站,每次被拒都要再走一轮审核。原生 SwiftUI App 没有这个先天问题,因为它本来就不是网站。每个界面都用 Apple 自己的框架搭建,所以它的滚动、动画和响应,和手机上其他 App 是一样的。

怎么带到 AirBuild

  1. 留下链接

    加入候补名单时,填上你 Lovable 应用的发布地址或它同步到的 GitHub 仓库,再用一句话说说 iOS 版要做什么、给谁用。

  2. AI 团队用 SwiftUI 重新做一遍

    AirBuild 的产品、设计和工程 agent 读懂你的应用做什么、有哪些界面和流程,据此做一个原生 iOS App。网页版原封不动,你继续在 Lovable 里改它。

  3. 在 iPhone 上试,然后 App Review

    App 通过 TestFlight 装到你的手机上,你试用,用大白话提修改。准备好后,AirBuild 准备 App Store 页面、提交、跟踪审核、回复审核员、修掉他们提出的问题,再重新提交。

哪些带得过去

每个界面的职责不变,变的是到达它的方式:浏览器路由变成标签栏、导航栈和表单。

你的 Lovable 应用,在浏览器里

/首页,本周的跑步
/runs全部记录,最新的在前
/runs/:id单次记录:路线、配速、备注
添加跑步盖在列表上的对话框

同一个应用,用 SwiftUI

标签栏记录、本周、设置
记录列表一个 List,下拉刷新
记录详情推入导航栈,右滑返回
添加跑步一张表单,下滑关闭
举个例子,一个给跑者用的习惯打卡应用。
应用的这一部分会怎样
文案、配色和品牌带过去。App 看起来应该是你自己的,而不是套模板。
数据和后端留在原地。告诉我们你的应用连的是什么,Lovable Cloud、你自己的 Supabase 项目还是某个 API,我们围绕它规划 iOS App。
登录先告诉我们现在的登录是怎么做的。和数据一样,它留在原地。
你的网页版不变,仍然在 Lovable 里由你编辑。
App Store 页面新建。名称、描述、截图、隐私问卷和审核备注都替你准备。

需要准备什么

  • 你 Lovable 应用的发布链接;如果有需要登录才能看的页面,给它的 GitHub 仓库。
  • Apple Developer Program 会员资格,或者在提交前完成注册的计划。
  • 一段话,说清 iOS 版第一步要做什么。不必把网页版的所有功能都做进去。
  • 一个隐私政策地址。Apple 要求提供,App Store Connect 没有它不接受提交。

常见问题

Lovable 能做 iOS App 吗?

不能。Lovable 做的是网页应用,发布始终部署到网页地址。它的文档给出的替代方案是 PWA,或者把已发布的地址包进原生壳里。两者都不是原生 iOS App。

套壳的 Lovable 应用能上 App Store 吗?

往往不行。审核指南 4.2 要求 App 的功能、内容和界面要超出“重新打包的网站”。用 WebView 包住你的发布地址,正是教科书式的重新打包的网站。

会取代我的网页版吗?

不会。网页版继续跑在 lovable.app 地址或你的域名上,你照旧在 Lovable 里改它。AirBuild 在旁边另建一个 iOS App。

我的后端怎么办?

留在原地。加入候补名单时告诉我们你的应用连的是什么,Lovable Cloud、你自己的 Supabase 项目还是某个 API,我们围绕它规划 iOS App,而不是搬走你的数据。

需要 Mac 或 Xcode 吗?

都不需要。AirBuild 的 AI 团队可以跑在 Mac 上或云端,App 通过 TestFlight 装到你的 iPhone。发布上架需要 Apple Developer Program 会员资格。

iOS App 的代码归谁?

归你。你的 Lovable 代码是你的,AirBuild 据此构建的 SwiftUI 项目也是你的。