跳至内容
WebViewGold 从 Vibe Coding 到 App Store
中文
获取 WebViewGold

Dyad → App Store

把您的 Dyad 应用变成 iOS 应用并发布到 App Store

在本地用您选择的模型构建,部署到 Vercel,再上架两个应用商店。 您的 Dyad 应用已经能在浏览器中运行。WebViewGold 将已发布的 URL 封装进原生 iOS 应用外壳,加入推送通知等原生功能,并为提交提供 App Store 审核通过保证。您继续在 Dyad 中开发;每次发布都会即时更新应用。

每个平台一次性 $109 起,或由我们的团队全程代劳,$698 起。

  • 审核通过保证 – 否则 14 天内退款
  • 无需编程
  • 一次性付费,免费更新
  • 7×24 小时人工支持
  • 2014 年起德国出品 · ISO 27001

对 Dyad 应用而言,为什么封装胜过重写

Dyad 在您自己的电脑上产出普通的 React 代码,托管交给您自己负责,所以项目一旦上了 Vercel,您就拥有了 WebViewGold 所需的一切:一个公开的 HTTPS URL。Dyad 实验性的 Capacitor 升级会把构建打包进原生项目,每次更改都要重新构建;WebViewGold 则加载线上部署,因此一次 Sync to GitHub 就能更新应用。Supabase 认证和数据在 Web 端原样运行。

一套代码,真正的商店应用

iOS 应用在原生 WebView 中加载您已发布的 Dyad URL。没有第二个项目需要维护,也不需要导出代码。

继续从 Dyad 发布更新

在 Dyad 中 Sync to GitHub,托管服务重新构建,应用在下次启动时就会显示新版本,无需更新商店版本。 只有原生外壳本身的变更(图标、新增原生功能)才需要提交商店更新。

叠加原生功能

推送通知、离线页面、原生分享、生物识别登录、二维码扫描、应用内购买和深度链接,都只是单个设置或一行 JavaScript 调用。

App Store 审核通过保证

Apple App Store 审核通过保证 – 否则 14 天内退款. 96.4% 的 WebViewGold 应用在首次提交时即通过审核团队的审核。

您需要准备什么

  • 一个已发布在公开 HTTPS URL 上的 Dyad 应用(yourapp.vercel.app(或您所部署的托管服务的地址),最好是您自己的域名)
  • 向 Apple App Store 提交所需的 Apple Developer Program 账号(每年 $99)
  • Mac 上的 Xcode,或者浏览器中的 WebViewGold Cloud Builder(无需 Mac)
  • WebViewGold for iOS($109 一次性付费,免费更新)
  • 一个隐私政策页面、一个 1024 × 1024 px 的图标,以及 30 到 60 分钟

把 Web 应用转换成原生应用的绝佳方式!周转速度快,无需开发完整的原生应用就能把应用上架到应用商店!

Kevin Joling · FlightConnections & TrainConnections · Trustpilot

Dyad 到 App Store:完整演练

八个步骤,无需编程。大多数人不到一小时就能完成原生部分。

  1. 将您的 Dyad 应用发布到生产环境 URL

    Dyad 本身不托管应用。在应用详情中连接 GitHub,点击 Sync to GitHub,然后在 Vercel(或其他托管服务)导入该仓库;您会得到一个类似 dyad-app-name.vercel.app 的公开 URL。之后每次 Sync to GitHub 都会触发新的构建。 Dyad 聊天旁边的预览运行在您自己的电脑上,别人无法打开。请先部署,并在应用中使用公开的部署 URL 或您的自定义域名。 自定义域名: 在托管服务一侧添加您的域名(Vercel:项目设置中的 Domains),并按显示的内容设置 DNS 记录。 参见为什么值得在提交前使用自定义域名。

  2. 让它达到上架要求

    添加隐私政策页面和账号删除选项(如果用户可以注册),并移除构建工具徽标或“下载我们的应用”横幅。在您的 URL 上运行免费的App Store 上架就绪检查:它能在几秒内标出混合内容、缺失的 viewport 标签、构建工具预览域名和其他阻碍项。

  3. 获取 WebViewGold for iOS

    一次性付费,免费更新。您会收到现成的 Xcode 项目。如果您没有 Mac,激活 WebViewGold Cloud Builder,在浏览器中完成一切。

  4. 填入您的 URL 并设置品牌

    打开 Config.swift(或 Cloud Builder 表单),粘贴您已发布的 URL。设置应用名称,上传图标,选择启动画面和状态栏颜色。无需编程。

  5. 开启原生功能

    用单个设置启用推送通知、离线页面、社交登录处理、下拉刷新、生物识别登录或二维码扫描器。一切皆可选。

  6. 构建并上传

    在 Xcode 中:Product → Archive → Distribute 到 App Store Connect。在 Cloud Builder 中:点击 Build,上传到 App Store Connect 的工作会为您完成。

  7. 创建 App Store 详情页

    在 App Store Connect 中添加名称、副标题、描述、关键词、截图、隐私政策 URL 和 App Privacy 答案。如有需要,在审核备注中添加演示账号。

  8. 提交审核

    Apple 对大多数应用在 24 到 48 小时内完成审核。如有审核人员提问,请在 Resolution Center 中回答。我们的审核通过保证为您兜底。

提交前针对 Dyad 的专项检查

这些是 Dyad 项目(默认模板为 React + TypeScript + Vite,搭配 React Router、Tailwind CSS 和 shadcn/ui(也提供 Next.js 模板),认证和数据使用 Supabase 或 Neon)最常遇到的问题。

  • Dyad 提供实验性的“Upgrade to hybrid mobile app with Capacitor”,会在 Xcode 和 Android Studio 中打开项目。这条路线把您的构建打包进原生项目,每次更改都要重新构建;WebViewGold 则加载您已部署的 URL,因此一次 Sync to GitHub 就能更新已安装的应用。
  • 默认模板是使用 React Router 的单页应用,并附带一个把所有路径都转发到 index.html 的 vercel.json。如果部署到别处,请保留等效的重写规则,否则应用内的深层链接和重新加载会落到 404 页面。
  • Supabase 默认要求新用户确认邮箱。除非您在 WebViewGold 中配置了 Universal Links(iOS)和 App Links(Android),否则确认链接会在手机浏览器中打开,所以请在审核之前规划好。
  • Dyad 应用默认在客户端运行:请把 API 密钥放在 Supabase 服务器函数或托管服务的环境变量中,绝不要放进浏览器端代码包。
  • 应用内的 Google 登录需要 WebViewGold 的 Social Login Helper,因为 Google 会阻止嵌入式 WebView 中的 OAuth。
  • Made with Dyad: 默认模板会在主页面底部放一个“Made with Dyad”链接。构建应用之前,请让 Dyad 在所有页面上移除 MadeWithDyad 组件。 关于构建工具徽标的更多信息.

让 Dyad 来完成上架准备工作

把这段粘贴到 Dyad 中,让它应用审核人员关注的那些修改。检查结果,然后发布。

粘贴到 Dyad 的提示词
为将这个应用发布为原生 iOS 和 Android 应用做好准备(它将运行在加载已部署 URL 的原生 WebView 封装壳中):
1. 在 src/App.tsx 中添加 /privacy 和 /terms 路由,配上我可以编辑的占位页面,并在页脚和设置界面中链接它们。
2. 在账号设置中添加“删除我的账号”操作,调用 Supabase 服务器函数删除该用户的数据行和认证用户,并带确认对话框。
3. 从每个页面中移除 MadeWithDyad 组件。
4. 让每个页面在 320px 到 iPad 宽度之间都能自适应,不出现横向滚动,点按区域至少 44px。
5. 请求失败时显示友好的重试状态,而不是空白界面。
6. 确保客户端代码中不使用任何 API 密钥;把它们移到 Supabase 服务器函数中。
7. 把 index.html 中的 <title> 设为应用名称(最多 30 个字符),并添加 meta description。

App Store 审核:对 Dyad 应用重要的规则

Apple 审核的是应用行为,而不是所用工具。没有人因为使用 Dyad 而被拒;应用被拒是因为下面这些问题。

  • 4.2

    最低功能要求

    应用必须提供比重新打包的网站更多的东西。响应式布局、原生导航以及至少一项原生能力(推送通知、离线页面、原生分享、生物识别登录)才是区别所在。WebViewGold 各用一个设置即可开启这些功能。

  • 2.1

    App 完整性

    没有占位内容,没有失效链接,没有崩溃。如果内容位于登录之后,请在 App 审核备注中提供演示账号。

  • 5.1.1

    隐私

    必须提供公开的隐私政策 URL。允许用户创建账号的应用还必须允许用户在应用内删除账号。

  • 4.8

    登录服务

    如果应用使用 Google、Facebook 或其他第三方或社交登录服务来创建或验证用户账户,就必须同时提供一个同等的登录选项:只收集姓名和邮箱地址、允许用户隐藏自己的邮箱地址,并且不会为广告目的追踪用户。Sign in with Apple 是满足这一要求的稳妥方式。只使用自有邮箱/密码登录的应用不受此条影响。

  • 3.1.1

    应用内购买

    在应用内销售的数字商品和订阅必须使用 Apple 的应用内购买。实体商品和现实世界的服务可以继续使用 Stripe 或 PayPal。

  • 2.3

    准确的元数据

    截图、描述和应用名称必须与应用的实际功能相符。不要在详情页中提及其他平台或“beta”。

iOS 应用为您的 Dyad 应用带来的原生功能

每项功能都是可选的,并在WebViewGold for iOS 文档中逐步说明。

App Store 提交前检查清单

逐项勾选后,审核就只是走个流程。免费就绪检查会自动验证其中的技术部分。

  • 全站 HTTPS:App Transport Security 会阻止明文 http:// 内容和无效证书。
  • 从 320 px 到 iPad 宽度的响应式布局。Apple 在审核时也会在 iPad 上打开 iPhone 应用。
  • 准备好隐私政策 URL(Web 应用内的一个页面即可)。
  • 如果用户可以注册,应用内须提供账号删除功能。
  • 如果内容需要登录才能查看,为审核人员提供演示登录账号。
  • 应用内不得有“下载我们的应用”横幅、指向其他应用商店的链接或构建工具徽标。
  • 一个 1024 × 1024 px 的应用图标,无透明区域、无圆角(Apple 会自动添加遮罩)。
  • 从真实应用截取的当前 iPhone 尺寸截图(如支持 iPad,还需 iPad 截图)。
  • 准备好不超过 30 个字符的应用名称、副标题和关键词。
  • 回答出口合规问题(仅使用 HTTPS 的应用符合标准加密豁免条件)。

示例:从 Dyad 项目到审核通过的应用

假设您用 Dyad 为一家咖啡烘焙店构建了一张电子会员卡:顾客注册后,在柜台出示个人二维码,每买一杯咖啡集一个章。Dyad 在您的笔记本电脑上写出 React 应用,Supabase 存储顾客和印章,Sync to GitHub 把它部署到 Vercel 上的 cards.yourroastery.com。在 WebViewGold 应用中,咖啡师打开员工页面,点击一个调用 qrcode:// 的扫描按钮;顾客的二维码编码了 /stamp/8f3k 这样的 URL,在应用内打开后就会加上印章。当第十杯咖啡免费时,OneSignal 推送会通知顾客。您移除了 Made with Dyad 链接,两个商店都批准了应用,而您的笔记本电脑可以一直合着:应用继续运行在 Vercel 和 Supabase 上。

上线后的第一周

  • 在 Dyad 中修改,在本地预览中测试,然后 Sync to GitHub;在 Vercel 构建完成之前,任何更改都不会进入应用。
  • 在 AI_RULES.md 中加一个简短章节,说明 WebViewGold 桥接调用,以免之后的提示词把扫描按钮或推送注册删掉。
  • 把 AI 服务商的密钥留在您电脑上的 Dyad 中;已部署的应用只需要那些本来就供浏览器使用的 Supabase 密钥。
  • 上线后检查 Vercel 和 Supabase 的用量;在顾客看来,一个达到上限的免费套餐就像应用坏了。
  • 在顾客兑换第一杯免费咖啡后,立即用 rateapp:// 请求评分。

WebViewGold 为您提供

完整的原生应用项目,而不是订阅。以下所有功能都包含在授权中,只需一个设置即可开启。

  • 完整的 Xcode 项目
  • 推送通知
  • 离线页面
  • 应用图标与启动画面
  • 原生分享与触感反馈
  • 深层链接与通用链接
  • 应用内购买
  • 免费更新,白标

常见问题

Dyad 应用可以发布到 App Store 和 Google Play 吗?

可以,只要它运行在公开的 HTTPS URL 上。把项目同步到 GitHub,部署到 Vercel 或其他托管服务,在 WebViewGold 中填入该 URL,然后构建 iOS 和 Android 应用。应用加载的是您的部署,所以代码仍是一个普通的 Web 项目,您可以继续在 Dyad 中编辑。

Dyad 有 Capacitor 升级选项。为什么要改用 WebViewGold?

Capacitor 升级是实验性的,留给您的是需要配置的原生项目,每当 Web 代码变化都要重新构建。WebViewGold 提供现成的 Xcode 和 Android Studio 项目,原生功能只是配置开关;而且因为它加载的是您已部署的 URL,Web 端的更改无需新的商店构建就能到达用户。

发布 iOS 应用需要 Mac 吗?

使用 WebViewGold Cloud Builder 则不需要:配置、构建和上传到 App Store Connect 都在浏览器中完成。如果您有 Mac,Xcode 项目开箱即用。

Apple 审核需要多长时间?

大多数提交在 24 到 48 小时内完成审核。首次提交和带登录功能的应用有时会收到审核人员的提问;在 Resolution Center 中回答后审核会继续。

如果 Apple 拒绝了应用怎么办?

拒审通知会注明准则和原因,您可以根据需要多次重新提交。WebViewGold 附带 App Store 审核通过保证:如果 Apple 因非内容原因拒绝应用,您可在购买后 14 天内获得退款。

Dyad 应用要正常工作,我的电脑必须一直开着吗?

不用。Dyad 只在您构建时运行。已发布的应用由 Vercel(或您的其他托管服务)提供服务,并使用云端的 Supabase 或 Neon,所以即使您的笔记本电脑合着,顾客也能使用。只有当您想修改什么并 Sync to GitHub 时,才又需要用到电脑。

为商店应用开发时,应该在 Dyad 中使用哪个 AI 模型?

任何能很好处理 React 和 Supabase 的模型都行。Apple 和 Google 审核的是已部署的应用,而不是写出它的模型。更重要的是一份简短的 AI_RULES.md,它能让 Dyad 在不同模型之间保持输出一致,以及养成在提交前用真实手机测试生产 URL 的习惯。

每次在 Dyad 中修改内容后,都必须重新提交应用吗?

不需要。应用加载的是您已发布的 URL,因此您在 Dyad 中发布的内容和功能变更会立即在应用中生效。只有原生外壳发生变化时才需要新的商店版本,例如更换应用图标或新增原生功能。

总共需要多少费用?

WebViewGold for iOS 一次性付费 $109(免费更新),加上 Apple Developer Program 账号(每年 $99)。可选:Cloud Builder 附加组件(每个许可证 $349,一次性付费),让您无需 Mac 即可在浏览器中构建;或 Full Service 套餐(每个平台 $698 起),由我们的团队为您配置、构建并提交应用。

让您的应用上架商店的三种方式

结果相同,只是您需要投入的工作量不同。三种方式都附带审核通过保证和 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 详情 服务提供方: WeSetupYourWebViewApp

冬季特惠价格有效期至 2026年12月31日。

准备好发布您的 Dyad 应用了吗?

Apple App Store 审核通过保证 – 否则 14 天内退款

想直接交给我们?Full Service:我们在 72 小时内完成配置、构建并交付,每个平台 $698 起。有疑问?通过 7×24 小时在线聊天联系我们。

退款依据我们 FAQ 中列出的条件:应用因非内容原因被 Apple 和/或 Google 拒审,并在购买后 14 天内提出申请。