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

Claude Code

从 Claude Code 项目到 App Store 和 Google Play:完整工作流程

您已经在终端里用 Claude Code 构建好了 Web 应用。把它作为原生应用发布,只是在同一个循环里再走一遍:部署,让代理修复审核人员在意的问题,用 WebViewGold 封装 URL,构建,提交。下面按顺序给出完整路径,以及您需要的提示词和配置。

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

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

您实际构建的是什么

WebViewGold 应用是一个原生 iOS 或 Android 应用,它的主界面是一个 WKWebView(iOS)或 Android WebView,显示您已部署的 Web 应用。您的 Next.js、Vite、SvelteKit 或纯 HTML 项目继续运行在原来的 URL 上;原生外壳则补上浏览器标签页做不到的东西:推送通知、启动画面、离线页面、生物识别登录、原生分享面板、深度链接,以及 App Store 中的商店页面。代码库里的任何内容都无需重写,这也正是它与代理配合得如此默契的原因:Claude Code 继续编辑 Web 应用,您继续部署,商店里的应用就会自动更新。

工作分布在三个地方:Web 项目(大部分由 Claude Code 完成)、WebViewGold 项目(Config.swift 和 Config.java 中的少量设置),以及商店控制台(商店页面、隐私问卷答案、审核备注,Claude 可以起草,但由您来提交)。

分步工作流程

首次提交预计需要一到两个工作日,其中大部分时间花在等待账号开通和审核上。

  1. 部署到永久的 HTTPS URL

    把仓库推送到 GitHub,并连接到 Vercel、Netlify 或 Cloudflare Pages;可以让 Claude Code 为您添加部署配置和环境变量。然后绑定您自己的域名。*.vercel.app 这样的 URL 在技术上可行,但自定义域名能让您日后免于重新提交,因为 URL 会被编译进应用里。

  2. 用 Claude Code 做一轮上架就绪检查

    粘贴下面的提示词。代理会审查移动端布局,添加 /privacy 和 /terms 路由、账户删除操作、错误状态和空状态,并移除“下载我们的应用”横幅这类只属于网站的元素。审阅 diff,在手机上运行应用,然后部署。

  3. 添加一两项原生功能

    审核人员会对基于 Web 的应用套用准则 4.2,所以请给他们一些 Safari 标签页做不到的东西。推送通知是最常见的选择;JavaScript 桥接指南展示了 Claude Code 如何把它们接入应用。

  4. 配置 WebViewGold

    iOS:打开 Config.swift,设置 host 和 webviewurl;Android:打开 Config.java,设置 HOST 和 HOME_URL。设置应用名称和图标,然后开启您用到的功能(推送服务、Social Login Helper 触发规则、下拉刷新)。Claude Code 也可以编辑这些文件;项目配置指南列出了哪些内容可以交给它改。

  5. 构建

    有 Mac 的话:打开 Xcode 项目,设置 Team 和 Bundle ID,归档,上传。Android Studio:重命名包名,构建一个已签名的 App Bundle。没有 Mac,或者不想安装这两个 IDE,Cloud Builder 会在浏览器中构建两个应用,并上传到 App Store Connect 和 Play Console。

  6. 撰写商店页面

    让 Claude Code 基于真实的代码库撰写隐私政策、App Privacy 和数据安全(Data safety)问卷答案、描述、关键词和审核备注,然后为真实运行的应用截图。商店页面指南里有对应的提示词。

  7. 提交并回应

    Apple 通常在 24 到 48 小时内答复,Google 需要几天(新账号最长一周)。如果收到拒审,把它粘贴进 Claude Code;拒审指南讲解了如何分诊处理。

上架就绪提示词

运行一次,阅读总结,然后部署。在您的技术栈需要做决定的地方(用哪个身份验证提供商、用户数据存在哪里),代理会向您提问。

在项目根目录中粘贴到 Claude Code
这个 Web 应用将通过 WebViewGold 发布为原生 iOS 和 Android 应用。WebViewGold 是一个原生封装层,会在 WKWebView / Android WebView 中加载我们已部署的 URL。请为 App Store 和 Google Play 审核准备好代码库。逐项完成以下内容,每完成一项单独 commit 一次,最后总结改了哪些内容、还有哪些需要我手动完成。

1. 移动端布局:存在 viewport meta 标签;在 320 px 到 1024 px 之间没有横向溢出;点按区域至少 44 x 44 px;固定的页眉和页脚使用 env(safe-area-inset-top) 和 env(safe-area-inset-bottom) 留出内边距;没有只能靠悬停触发的交互;没有仅限桌面端的导航。
2. 法律页面:添加 /privacy 和 /terms 路由,内容必须真实,依据应用实际收集的数据撰写(检查身份验证、分析和支付相关的代码)。在页脚和设置页面中链接这两个页面。不要使用 Lorem ipsum 或占位内容。
3. 账户删除:如果用户可以注册,就在设置中添加“删除账户”操作,带确认步骤,在服务器端删除该用户的数据和身份验证记录,让用户退出登录并显示确认信息。再添加一个公开的 /delete-account 页面说明删除流程。
4. Sign in with Apple:如果存在 Google、Facebook、GitHub 或任何其他第三方登录,添加 Sign in with Apple 作为同等地位的选项(Apple 准则 4.8)。
5. 支付:列出所有销售数字产品、订阅或积分包的位置。暂时不要修改;把它们报告给我,由我在应用内购买和 Web 结账之间做决定。
6. 状态:每一次数据获取都需要加载状态、空状态,以及带“重试”按钮的错误状态。不能出现空白页面,也不能有用户可见的未捕获 Promise 拒绝。
7. 当应用在原生封装层中运行时,移除只属于网站的元素:法律上并非必需的 Cookie 横幅、应用商店徽章、“下载我们的应用”横幅、构建工具徽标、外部推广链接。优先通过检测我们将在 WebViewGold 中设置的 User-Agent 字符串(其中包含标记 WebViewGoldApp)来隐藏这些元素。
8. 死胡同:找出指向 404 页面的链接、占位按钮以及标注为“即将推出”的功能。修复或移除它们。
9. 把 HTML title 设为应用名称(最多 30 个字符),并添加 meta description。
10. 密钥:确认没有任何本应留在服务器端的 API 密钥被打包进客户端代码中。

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

Kevin Joling · FlightConnections & TrainConnections · Trustpilot

用 CLAUDE.md 让代理了解应用的运行环境

Claude Code 会在每次会话开始时读取项目根目录中的 CLAUDE.md 文件。像这样简短的一段,就能让今后的每一次改动都符合商店要求。完整模板涵盖得更全面。

markdown
## Native app context (WebViewGold)

- This web app is also published as iOS and Android apps. The native apps load
  https://app.example.com inside a WebView. Everything we deploy is live in the apps.
- Keep the layout working from 320 px width; respect env(safe-area-inset-*) on fixed bars.
- Never add "Download our app" banners, cookie walls or builder badges.
- Store rules we follow: Apple 4.2 (not just a website), 4.8 (Sign in with Apple when
  other social logins exist), 5.1.1 (privacy policy + in-app account deletion),
  3.1.1 (digital goods inside the iOS app go through in-app purchase).
- Native features are plain URL schemes handled by the wrapper, documented at
  https://www.webviewgold.com/llms-full.txt. Call them only when the user agent contains
  "WebViewGoldApp"; in normal browsers fall back to web behavior.

谁负责什么

Claude Code您
Web 应用布局修复、法律页面路由、账户删除、错误状态、原生桥接调用、部署配置审阅 diff、在真实手机上测试、部署
WebViewGold 项目编辑 Config.swift / Config.java 中的值、权限说明文字、清单条目(需经您审阅)签名、证书、keystore、App Store Connect 中的 Bundle ID
商店控制台起草隐私政策、隐私问卷答案、描述、关键词、审核备注创建应用、上传截图、填写问卷、提交
审核反馈分诊拒审内容、提出修复方案、起草回复做决定、重新提交

按下“提交”之前

  • 应用加载的是您的生产域名,而不是 localhost、预览部署或隧道 URL。
  • 开启飞行模式时显示的是 WebViewGold 离线页面,而不是白屏。
  • 给审核人员的演示账号第一次就能登录成功,并已写入审核备注。
  • 两个控制台中填写的隐私政策 URL 都能打开已部署的 /privacy 页面。
  • 推送权限在新手引导之后才请求(registerpush://),而不是在应用的第一个页面上。
  • 在您的 URL 上运行免费的就绪检查,并修复它标出的问题。

常见问题

Apple 会在意应用是用 Claude Code 构建的吗?

不会。审核关注的是行为、完整性、隐私和支付。代码由哪个编辑器或代理编写,审核人员既看不到,也不关心。

我需要 Mac 吗?

走手动 Xcode 路线的话,需要。WebViewGold Cloud Builder 可以在浏览器中构建并上传 iOS 应用,所以整个流程在 Windows 或 Linux 上同样能完成。

同一个 URL 能同时用于 iOS 和 Android 应用吗?

可以。两个 WebViewGold 项目都指向同一个已部署的 Web 应用。平台差异通过封装层的设置来处理,必要时再在您的代码中检测 User-Agent。

如果我的 Web 应用每天都还在变怎么办?

没关系。每次部署都会立即更新两个应用。只有对原生外壳的改动(新的权限、新的推送服务、新的应用名称)才需要新的构建版本和商店更新。

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

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

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

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

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

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