它是什么
Lovable 将一段聊天提示词变成完整的全栈 Web 应用，并为您托管。 更愿意描述应用而不是写代码的创始人、独立开发者和产品人。
从这里开始
Lovable 应用的原生功能
每个功能页面都说明原生部分（一个设置或一次 URL 调用）和针对您 Lovable 技术栈的 Web 应用部分，并附可粘贴的提示词。
推送通知浏览器 Web 推送在 iOS 上只对添加到主屏幕的 Web 应用有效，大多数用户根本看不到。作为用 WebViewGold 构建的原生应用，您的 Lovable 应用获得的是真正的推送：iOS 和 Android 上的系统推送通知，可从您的后端、从控制台发送，或由您自己的 JavaScript 定时触发。应用内购买您的 Lovable 应用很可能通过 Stripe，通常通过 Supabase 边缘函数接入 收费。在网页端这保持不变。但在 iOS 应用内，Apple 要求数字商品必须使用应用内购买（准则 3.1.1），Android 上则适用 Google Play 结算。WebViewGold 通过 RevenueCat 处理两者，只需从您的 Web 应用发起一次 URL 调用。Google 登录和 Sign in with AppleLovable 应用通常使用 Supabase Auth（邮箱/密码、Magic Link、Google、GitHub、Apple）或 Lovable Cloud。邮箱和密码登录在 WebViewGold 应用内无需改动即可使用。但 Google 和其他 OAuth 提供商会阻止内嵌 WebView，Apple 还另有一条规则。下面介绍如何在不修改身份验证代码的情况下，让每种登录方式都能在应用内工作。生物识别登录密码输入框让人感觉像网站，Face ID 才像应用。WebViewGold 以两种形式为您的 Lovable 应用添加生物识别验证：在配置中开启的简单应用锁，或一个把结果返回给 Web 应用的 JavaScript API（
bioauth://），让您精确地保护想保护的页面。二维码和条形码扫描器在 WebView 中基于浏览器的二维码扫描既慢又频繁索要权限。WebViewGold 通过一个链接（qrcode:// 或 barcodescanner://）打开原生相机扫描器，并把结果直接交回您的 Lovable 应用：URL 会自动打开，条形码值则存入一个 JavaScript 变量。地理定位您的 Lovable 应用已经在调用 navigator.geolocation。在 WebViewGold 应用内，这个调用会触发真正的系统权限弹窗，位置来自设备 GPS，而不是浏览器的粗略估算。无需原生代码：您只需编写用途说明并回答商店问卷。AdMob 广告Web 广告网络在应用内收益很低，而且常常在 WebView 中失效。WebViewGold 集成了原生 AdMob SDK：您的 Lovable 应用下方的横幅广告、若干次交互后的插屏广告，以及在用户想要额外积分或内容时由 JavaScript 触发的激励视频。离线模式审核人员会打开飞行模式。用户会坐地铁。离线时显示白屏的 Lovable 应用看起来像坏了；带重试按钮的原生离线页面才像一个应用。WebViewGold 提供三个级别的离线支持，哪一级合适取决于您的技术栈（前端为 React + Vite + Tailwind CSS + shadcn/ui，认证、数据库和边缘函数通常使用 Supabase（或 Lovable Cloud））。深度链接用户在邮件中点击来自 Supabase Auth（邮箱/密码、Magic Link、Google、GitHub、Apple）或 Lovable Cloud 的魔法链接，却进入了 Safari：在网页上登录了，应用里却没有。Universal Links 和 App Links 解决了这个问题：指向您域名的 https 链接会直接打开 Lovable 应用。下面是完整的设置，外加用于二维码和其他应用的自定义 scheme 链接。原生分享和触感反馈两件小事能让 Lovable 应用在第一分钟就有原生感：一个真正的分享面板（AirDrop、信息、WhatsApp、邮件）而不是复制的链接，以及操作成功时的轻微震动。WebViewGold 把两者都作为 URL 调用提供，您可以接到现有按钮上。文件下载和相机上传普通 WebView 会悄悄忽略 PDF 下载，并显示一个简陋的文件选择器。WebViewGold 会把图片保存到相册（savethisimage://?url=…），下载 PDF、音频、ePub 和 Office 文件，并为您 Lovable 应用中的每一个 <input type="file"> 打开原生相机或相册。应用内评分评分决定了商店详情页的转化率。WebViewGold 让您的 Lovable 应用恰好在用户满意时显示原生评分对话框（rateapp://）：订单完成后、锻炼结束后、项目保存后。您在 Web 应用中决定时机；原生部分只是一次调用。自定义 CSS 和 JavaScript网站需要 Cookie 横幅、带 30 个链接的页脚和一个“下载我们的应用”徽标。应用一个都不需要。WebViewGold 会向您 Lovable 应用在应用内加载的每个页面注入 custom.css 和 custom.js 文件，网站保持原样，应用看起来就像应用。NFC 标签读取器Safari 完全不允许网站访问 NFC，而 Web NFC 只存在于 Android 版 Chrome 中。用 WebViewGold 封装后，您的 Lovable 应用只需一个链接就能启动原生 NFC 扫描，并在一个 JavaScript 函数中收到标签内容：Android 上通过文档中的 NFC API，iPhone 上通过 WebViewGold NFC 插件。签到、设备标签和“碰一碰保存”的联系人名片，几行代码就能实现。文档扫描仪只要您的 Lovable 应用有文件上传，就可以拥有真正的文档扫描仪。WebViewGold 会在原生上传对话框中加入“扫描文档”选项：iPhone 上的 Apple VisionKit 和 Android 上的 Google ML Kit 会识别页面边缘，裁剪并增强每一页，然后像其他上传文件一样把结果交给您现有的文件输入框。打印和 AirPrint在浏览器里好用的打印按钮，到了应用里通常就没反应了，因为应用 WebView 不像 Safari 或 Chrome 那样处理 window.print()。WebViewGold 为您的 Lovable 应用提供了原生替代方案：printitem:// 从您的服务器下载 PDF 或图片，并打开系统打印对话框（iPhone 上是 AirPrint，Android 上是 Android 打印服务），还可以选择“另存为 PDF”。剪贴板复制和粘贴悄无声息失效的复制按钮、怎么也填不进去的粘贴字段，是 WebView 中的经典烦恼。在 WebViewGold 应用中，您的 Lovable 应用可以通过 getclipboard:// 按需读取设备剪贴板（内容会写入 clipboarddata 变量），复制则使用标准的 Web Clipboard API 并配有后备方案。下面是具体做法，以及两个平台都强制执行的隐私规则。通讯录访问“查找好友”页面、群组邀请和 AA 分账应用常常需要访问通讯录。在 WebViewGold 应用中，您的 Lovable 应用通过 requestcontactpermission:// 请求权限，并在调用 readcontacts:// 后从 contacts 变量中以 JSON 形式获得姓名和电话号码。代码几分钟就能写好；能否通过审核，取决于您如何使用这些数据。视频和音频播放HTML5 video 标签在应用内也能用，但长课程看起来局促，而且用户一切换应用，播放通常就会停止。借助 WebViewGold，您的 Lovable 应用只需一个链接（startnativevideo://）就能把流媒体 URL 交给原生播放器，观众在两个平台上都能获得全屏和画中画，在 iPhone 上还有 AirPlay。在 iOS 上，您还可以让 HTML 音频在后台继续播放，非常适合播客、电台和音频课程。防截屏保护付费课程、私密聊天、账户余额、一次性优惠券：有些页面不应该出现在群聊里。WebViewGold 可以在 Android 上禁止截屏和录屏，在 iOS 上检测截屏，然后调用您 Lovable 应用中的一个 JavaScript 函数，让您做出响应。这套工具也能反过来用：takescreenshot:// 可以把页面主动保存到相册，适合门票和收据。HealthKit 和 Health Connect用 Lovable 构建的健身追踪、习惯养成和健康教练类应用，可以直接显示用户真实的步数、心率或体重，而不必让用户手动输入。WebViewGold 用同样的两个 URL scheme，在 iOS 上读写 Apple 健康（HealthKit），在 Android 上读写 Health Connect。代码是简单的部分；健康数据的商店规则才最值得您花心思。日历事件没有进入用户日历的预订，很可能就是一次爽约。在 iOS 上，WebViewGold 让用户通过指向 .ics 文件的普通链接把事件添加到“日历”App，因此您的 Lovable 应用只需要一个返回该事件的 URL。WebViewGold 在 Android 上没有专门的日历 API；下面介绍在那里可行的替代方案。手电筒在昏暗的仓库里读取序列号，在地下室查看仪表，在音乐会上找座位：有时您的 Lovable 应用只是需要一点光。WebViewGold 通过 enableflashlight:// 和 disableflashlight:// 两个链接，在 iOS 和 Android 上开关手机的手电筒。这是一个小功能，最适合作为更大工作流程中的辅助工具。分享扩展书签工具、食谱收藏或灵感板，只有在一键就能保存时才真正好用。借助 WebViewGold，您的 Lovable 应用会出现在 iOS 和 Android 的分享面板中，用户分享的任何内容（一个链接、一段文本、一张照片）都会以 JavaScript 变量 sharedData 的形式到达您的 Web 应用。接下来由您的代码决定：预填表单、保存到后端，或者打开编辑器。小组件和快捷操作主屏幕是应用证明自己不只是一个书签的地方。在 iOS 上，WebViewGold 为您的 Lovable 应用提供了四种在主屏幕上露面的方式：由您的服务器保持更新的图片小组件、长按图标弹出的快捷操作、运行您 JavaScript 的 Siri 短语，以及备用应用图标。Android 上没有与小组件和快捷操作对应的 WebViewGold 功能，所以本指南也会如实介绍那里的替代方案。Apple Wallet 卡券如果您的 Lovable 应用销售活动门票、运营会员计划或发放优惠券，这些卡券就应该放进 Apple Wallet（Apple 钱包），在需要的时候出现在锁定屏幕上。WebViewGold 补上了缺失的一环：把 .pkpass URL 中的 https:// 换成 addpkpass://，iOS 就会显示原生的“添加到 Apple 钱包”面板。卡券仍需您自己创建并签名；在 Android 上，Google Wallet 则通过它自己的网页保存链接来实现。原生存储和设备 ID用户希望应用能记住他们。Cookie 和 localStorage 通常能让您的 Lovable 应用保持登录，但它们属于 Web 存储，清除缓存后就会消失。WebViewGold 增加了两个小巧的原生辅助功能：一个持久化的值存储（writevalue:// 和 readvalue://），用于保存设置和恢复会话；以及一个设备 UUID（get-uuid://），用于您服务器上的设备绑定许可证、受信任设备和按设备区分的设置。Meta Audience Network 广告如果您的受众主要活跃在 Facebook 和 Instagram 上，Meta Audience Network 可以作为 AdMob 的替代方案。WebViewGold 集成了原生 Audience Network SDK：iOS 上提供定时或由页面触发的插页广告，Android 上提供横幅和插页广告，在 Config.swift 和 Config.java 中配置，并由您的 Lovable 应用控制。下面介绍设置步骤、隐私方面的文书工作，以及广告类应用容易被拒的地方。原生标签栏与导航汉堡菜单加网站页眉，是让 Lovable 应用看起来像一个书签的最快方式，而这恰恰是审核人员依据准则 4.2 评判的内容。WebViewGold 在 iOS 上添加原生标签栏或侧边栏，在 Android 上添加 Material 底部导航栏或抽屉式导航，每种都只需在一个文件中配置，路由仍由您的 Web 应用负责。启动画面与加载指示器启动后白屏两秒，是 Lovable 应用招来准则 2.1 审核意见或一星差评的常见原因。原生应用瞬间就能打开，而您的 Web 应用需要一点时间。WebViewGold 用品牌启动画面、原生加载指示器和下拉刷新填补这段时间，再在 Web 应用里加几行代码，就能让交接过程不留痕迹。安全区域与状态栏一个在浏览器里看起来完美的 Lovable 应用，到了手机上可能页眉被灵动岛遮住、标签栏被主屏幕指示条挡住，或者在深色模式下时钟变成白底白字。WebViewGold 默认会把页面保持在安全区域内，并可以原生地或通过 JavaScript 为状态栏着色。下面介绍什么时候依赖默认设置，什么时候用 CSS 实现边到边显示。强制更新与版本检查您的 Lovable Web 应用每次发布都会更新，但包裹它的原生外壳只有在用户安装新的商店版本后才会改变。当新功能依赖更新的外壳，或旧构建版本指向您即将停用的 URL 时，您需要知道哪些用户落在了后面。WebViewGold 会把已安装的版本告诉您的 Web 应用；几行代码就能把它变成一条温和的提示横幅或一个强制更新页面。外部链接与 URL 处理在网页上，指向 Stripe、Google 登录、WhatsApp 或帮助中心的链接直接就能用。而在应用里，每个链接都需要一个去处：应用本身、应用内浏览器标签页、Safari 或 Chrome，或者邮件、电话、WhatsApp 等其他应用。处理不当，用户就会困在一个没有返回按钮的第三方页面上、在错误的地方登录，或者在浏览器里付款，而应用还在原地干等。Lovable 一览
技术栈
前端为 React + Vite + Tailwind CSS + shadcn/ui，认证、数据库和边缘函数通常使用 Supabase（或 Lovable Cloud）
发布与托管
在 Lovable 编辑器中点击 Publish。Lovable 会构建生产版本并托管在您项目的 lovable.app 地址上。之后每次 Publish 都会替换线上版本，因此您再次发布的那一刻，商店中的应用也随之更新。
身份验证
Supabase Auth（邮箱/密码、Magic Link、Google、GitHub、Apple）或 Lovable Cloud
支付
Stripe，通常通过 Supabase 边缘函数接入
构建工具徽标
Edit with Lovable: 构建应用之前，请在项目设置中隐藏该徽标（此选项在付费套餐中提供）。商店应用里悬浮着指向其他产品的链接，容易引来审核人员的质疑。
示例：从 Lovable 项目到审核通过的应用
假设您用 Lovable 为私人教练构建了一个预约工具：客户选择时段，通过 Stripe 支付定金，并收到 Supabase 发送的确认邮件。您发布项目，连接 book.yourdomain.com，隐藏徽标，再把这个域名填入 WebViewGold。由于定金支付的是线下真实的训练课程，Stripe 可以保留，不需要应用内购买。您开启推送通知，在每节课前一晚发送提醒，同时开启 Universal Links，让确认邮件在应用内而不是在 Safari 中打开预约。Apple 要求提供一个客户演示账号，您把它写进审核备注；从此以后，Lovable 中的每次 Publish 都会直接出现在应用里，无需重新提交。
上线后的第一周
- 用 Lovable 中的一次普通 Publish 修正文案、布局和小 bug；已安装的应用会在下次启动时加载新版本。
- 在 WebViewGold 中设置自定义 User-Agent，并在每个新的 Supabase 用户资料中保存平台（iOS、Android 或 Web），这样您就能看到商店带来了多少注册。
- 在第二或第三天，向已安装但从未完成新手引导的用户发送第一次推送，并链接到他们跳过的那个界面。
- 在成功时刻（例如完成一次预约）之后立即调用 rateapp://；Apple 每年只向每位用户显示大约三次原生评分对话框，所以不要在首次启动时就浪费掉。
- 把对原生外壳的更改（新图标、额外的原生功能、新的 Universal Link 路径）攒起来，在一次商店更新中一起发布。
上架准备提示词
粘贴到 Lovable 中，检查修改，然后发布。
粘贴到 Lovable 的提示词
Prepare this app for publishing as a native iOS and Android app (it will run inside a native WebView wrapper): 1. Add a /privacy and a /terms page with placeholder text I can edit, and link them from the footer and the settings screen. 2. Add a "Delete my account" button in the account settings that deletes the user's data and auth account via a Supabase function, with a confirmation dialog. 3. Make sure every page is responsive from 320px to iPad widths, with no horizontal scrolling and tap targets of at least 44px. 4. Remove any "Download our app" banners, external links in the main navigation and the Lovable badge. 5. Add a /offline-friendly empty state for failed network requests instead of a blank screen. 6. Set the <title> to the app name (max 30 characters) and add a meta description.
WebViewGold 为您提供
完整的原生应用项目，而不是订阅。以下所有功能都包含在授权中，只需一个设置即可开启。
- 原生应用项目
- 推送通知
- 离线页面
- 应用图标与启动画面
- 原生分享与触感反馈
- 深层链接与通用链接
- 应用内购买
- 免费更新，白标
常见问题
Apple 接受用 Lovable 构建的应用吗？
接受。Apple 审核的是应用做了什么，而不是用哪个工具写的。只要 Lovable 应用表现得像一个真正的应用（响应式布局、原生导航、没有失效链接），就能像其他 WebViewGold 应用一样通过审核。需要遵守的是审核指南 4.2「最低功能要求」：加入推送通知、离线处理或原生分享等原生价值，这些在 WebViewGold 中各只需一项设置即可开启。
制作应用需要导出 Lovable 的代码吗？
不需要。WebViewGold 在原生应用外壳中加载您已发布的 Lovable URL，因此应用始终显示项目的当前版本。您继续在 Lovable 中编辑，除非自己想改，否则完全不用碰生成的代码。
修改 Lovable 项目后，应用还能正常运行吗？
可以。因为应用加载的是您已发布的 URL，Lovable 中的每次 Publish 都会立即更新应用。只有对原生外壳本身的更改（新的应用图标、新的原生功能）才需要重新构建并更新商店版本。
封装之前，我需要先把 Lovable 应用改造成 PWA 吗？
不需要。WebViewGold 直接加载已发布的 Lovable URL，因此不需要 Web Manifest 或 Service Worker。如果您或 Lovable 为离线缓存添加了 Service Worker，请测试新的 Publish 是否真的能到达应用，因为过于激进的缓存可能会一直显示上一个版本；WebViewGold 自带的离线页面通常无需 Service Worker 就能覆盖离线情况。
商店应用可以用 Lovable Cloud 代替我自己的 Supabase 项目吗？
可以。Apple 和 Google 审核的是应用做了什么，而不是数据库放在哪里，应用只是加载您已发布的 URL。关键在于注册、登录、密码重置和账户删除在应用内都能正常工作，所以提交之前，请在真实的 iPhone 和真实的 Android 手机上逐一测试。
让您的应用上架商店的三种方式
结果相同，只是您需要投入的工作量不同。三种方式都附带审核通过保证和 7×24 小时人工支持。
自己动手
$109 每个平台，一次性付费
WebViewGold 许可证：一个现成的 Xcode 或 Android Studio 项目。粘贴您的 URL，设置名称和图标，开启所需功能，构建并提交。永久免费更新。
在主页查看方案Cloud Builder
$349 每个许可证，一次性附加购买
无需 Mac、Xcode 或 Android Studio：在浏览器中完成配置，我们在云端构建两个应用，并将其交付到 App Store Connect 和 Play Console。
Cloud Builder 如何运作 试用免费演示Full Service
$698 每个平台 $798
把您的 URL 和图标发给我们。我们的团队在 72 小时内完成配置、构建并交付您的应用，白标，附源码项目。两个平台共 $1,158。
Full Service 详情 服务提供方：
冬季特惠价格有效期至 2026年12月31日。