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

Dyad 指南合集

您的 Dyad 应用上架 App Store 和 Google Play

在本地用您选择的模型构建,部署到 Vercel,再上架两个应用商店。 为 Dyad 开发者准备的全部指南集中在一处:iOS 和 Android 演练、每项原生功能及对应的 Dyad 提示词,以及商店拒绝时该怎么办。

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

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

Dyad 一览

它是什么

Dyad 是一款免费、开源的 AI 应用构建工具,在您的 Mac 或 Windows 电脑上本地运行,可搭配您选择的 AI 模型,并把应用写成您掌控的文件夹中的普通代码。 注重隐私、想要本地开源工具并使用自己 AI 密钥的构建者和开发者。

技术栈

默认模板为 React + TypeScript + Vite,搭配 React Router、Tailwind CSS 和 shadcn/ui(也提供 Next.js 模板),认证和数据使用 Supabase 或 Neon

发布与托管

Dyad 本身不托管应用。在应用详情中连接 GitHub,点击 Sync to GitHub,然后在 Vercel(或其他托管服务)导入该仓库;您会得到一个类似 dyad-app-name.vercel.app 的公开 URL。之后每次 Sync to GitHub 都会触发新的构建。

身份验证

通过 Supabase 集成使用 Supabase Auth(默认为邮箱和密码),或使用 Neon 集成自带的认证

支付

没有内置支付;可以让 Dyad 接入 Stripe 等支付服务,并把它的密钥放在 Supabase 服务器函数中

构建工具徽标

Made with Dyad: 默认模板会在主页面底部放一个“Made with Dyad”链接。构建应用之前,请让 Dyad 在所有页面上移除 MadeWithDyad 组件。

示例:从 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:// 请求评分。

上架准备提示词

粘贴到 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。

WebViewGold 为您提供

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

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

常见问题

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

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

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

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

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

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

结果相同,只是您需要投入的工作量不同。三种方式都附带审核通过保证和 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 应用了吗?

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

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

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