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

Dyad → Google Play

把您的 Dyad 应用变成 Android 应用并发布到 Google Play

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

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

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

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

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

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

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

继续从 Dyad 发布更新

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

叠加原生功能

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

Google Play 审核通过保证

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

您需要准备什么

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

只要有一个优化良好的Web应用版本,几分钟内您就能拥有一个出色的移动应用。除此之外,客户服务非常友好且乐于助人!我只能说:推荐WebViewGold :-)

朱利安·科赫(Julian Koch) · 联合创始人 Dueldonkey · CodeCanyon

Dyad 到 Google Play:完整演练

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

  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 上运行免费的Google Play 上架就绪检查:它能在几秒内标出混合内容、缺失的 viewport 标签、构建工具预览域名和其他阻碍项。

  3. 获取 WebViewGold for Android

    一次性付费,免费更新。您会收到现成的 Android Studio 项目,或者激活 WebViewGold Cloud Builder,完全跳过 IDE。

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

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

  5. 开启原生功能

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

  6. 构建已签名的 App Bundle

    在 Android Studio 中:Build → Generate Signed Bundle。在 Cloud Builder 中:点击 Build,已签名的 .aab 会为您准备并上传。

  7. 创建 Play Console 详情页

    在 Play Console 中创建应用,填写商店详情,上传图标、置顶大图和截图,完成数据安全、内容分级和应用访问权限部分。

  8. 先测试,再提交

    新的个人账号需先进行 14 天、12 名测试人员的封闭测试。然后将版本提升到正式发布轨道并提交审核。我们的审核通过保证为您兜底。

提交前针对 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。

Google Play 审核:对 Dyad 应用重要的规则

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

  • 最低功能要求

    垃圾内容和最低功能要求政策

    Google 会拒绝未经网站所有者许可仅封装网站的应用,或没有任何实际功能的应用。封装您自己的产品并加入原生功能是没有问题的。

  • 数据安全

    用户数据政策

    每个应用都需要一个隐私政策 URL,以及一份填写完整的数据安全表单,列出应用及其 SDK 收集的内容。

  • 账号删除

    用户数据政策

    允许用户创建账号的应用必须在应用内提供账号删除功能,并通过您在 Play Console 中提供的网页链接提供删除途径。

  • 测试要求

    个人开发者账号

    2023 年 11 月之后创建的个人账号必须先进行一次至少 12 名测试人员、连续 14 天的封闭测试,才能申请正式发布权限。

  • 目标 API 级别

    目标 API 要求

    新应用必须以较新的 Android 版本为目标。WebViewGold 的更新会保持模板最新;只需使用最新版本构建即可。

  • 支付

    Google Play 结算

    在应用内销售的数字商品和订阅通常必须使用 Google Play 结算(WebViewGold 支持 RevenueCat)。实体商品和服务可以使用其他支付方式。

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

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

Google Play 提交前检查清单

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

  • 全站 HTTPS:当前版本的 Android 默认阻止明文 http:// 流量。
  • 从 320 px 到平板宽度的响应式布局,返回键行为可预期(WebViewGold 将返回键映射到网页历史记录)。
  • 准备好隐私政策 URL,并如实填写数据安全表单。
  • 如果用户可以注册,应用内须提供账号删除功能,并附一个网页删除链接。
  • 如果内容需要登录才能查看,为审核人员提供应用访问凭据。
  • 在首次上传前设置好唯一的包名(例如 com.yourcompany.yourapp):之后永远无法更改。
  • 一个 512 × 512 px 的图标和一个 1024 × 500 px 的置顶大图。
  • 至少两张从真实应用截取的手机截图(建议也提供平板截图)。
  • 新的个人账号:为 14 天封闭测试安排好 12 名测试人员。
  • 使用最新 WebViewGold 版本构建的已签名 Android App Bundle(.aab)。

示例:从 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 为您提供

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

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

常见问题

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 端的更改无需新的商店构建就能到达用户。

我需要 Android Studio 吗?

使用 Android Studio(免费,可在 Windows、macOS 和 Linux 上运行),或使用 WebViewGold Cloud Builder,它能在浏览器中构建并上传已签名的 App Bundle。

什么是 12 名测试人员规则?

Google 要求 2023 年 11 月之后创建的个人开发者账号在首次正式发布前,先进行一次至少 12 名已选择加入的测试人员、连续 14 天的封闭测试。朋友、同事或一个 Discord 社区就足够了;组织账号不受此限制。

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

Google 会注明涉及的政策,您可以修复后重新提交。WebViewGold 附带 Google Play 审核通过保证:如果 Google 因非内容原因拒绝应用,您可在购买后 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 Android 一次性付费 $109(免费更新),加上 Google Play Console 开发者账号(一次性 $25)。可选: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 应用了吗?

Google Play Store 审核通过保证 – 否则 14 天内退款

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

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