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

Claude Code

从 Claude artifact 到 App Store 和 Google Play

Artifact 是 Claude 在聊天中为您构建的单文件应用。它可以变成真正的商店应用,但预览链接不是可以发布的 URL,而且对 Apple 来说,单个页面很少足够。下面是一条实事求是的路径:导出、托管、添加法律页面,然后决定是否把它发展成一个完整项目。

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

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

从技术上看,artifact 是什么

Claude 会生成两种 artifact:纯 HTML 文件(标记、CSS 和 JavaScript 都在一个文档中),以及在 artifact 预览中运行、使用预览环境所提供库的 React 组件。HTML 类型可以直接托管。React 类型需要一个小小的构建步骤,因为负责解析其 import 的预览运行时在您的服务器上并不存在。无论哪种情况,您在聊天中看到的预览 URL 都是临时的,不是生产地址;WebViewGold 需要一个由您掌控的永久 HTTPS URL。

适用于 Web 应用的其他要求在这里同样适用:Apple 期望应用不只是一个网站(准则 4.2),两个商店都要求隐私政策,而且应用必须能妥善处理离线状态。

导出、托管、封装

  1. 导出文件

    使用 artifact 上的下载或复制选项。如果是 HTML artifact,您现在就有了 index.html。如果是 React artifact,把代码交给 Claude Code,并告诉它:“把这个 artifact 转换成一个行为相同的 Vite + React 项目,添加构建脚本,并把 404 回退到 index.html。”产出是一个包含 dist 构建结果的文件夹。

  2. 托管

    Cloudflare Pages、Netlify 和 GitHub Pages 都能通过 HTTPS 免费提供静态文件。把文件夹拖进 Netlify,把仓库连接到 Cloudflare Pages,或者在 GitHub 仓库上启用 Pages。可以让 Claude Code 设置部署和自定义域名;域名指南解释了为什么要在提交之前就准备好域名。

  3. 添加隐私页面和离线安全的外壳

    创建 /privacy.html(如果有条款,再加 /terms.html),并在应用中链接它们。如果 artifact 只在浏览器中存储数据,就在政策中如实说明;这会是您写过的最简单的隐私政策。如果 artifact 缺少 manifest 和 meta viewport 标签,请补上。

  4. 适配移动端

    Artifact 是为聊天中的预览面板构建的,而不是为手机。让 Claude Code 检查安全区域内边距、44 px 的点按区域、16 px 的输入框字号,以及 320 px 宽度下的竖屏布局。

  5. 用 WebViewGold 封装

    把 URL 填入 Config.swift 和 Config.java,设置名称和图标,启用下拉刷新和原生分享面板,用 Xcode 和 Android Studio 或 Cloud Builder 构建,然后提交。

仅凭 artifact 能满足准则 4.2 吗?

通常还不够

单个计算器、换算器、计时器或测验页面,正是审核人员所说的“不是特别有用”或重新包装的网站。Google 更宽松一些,但也会对 WebView 应用适用它自己的最低功能政策。

什么能让它过关

账户或跨设备保存的状态、推送通知(哪怕只是通过 sendlocalpushmsg:// 发送的本地提醒)、原生分享、离线支持,以及至少几个具有真实导航的页面。也就是 Safari 标签页提供不了的功能。

WebViewGold 内的轻松加分项

原生离线页面、启动画面、下拉刷新、触觉反馈和分享面板,都只是开关或一行调用。它们无法替代实质内容,但能让应用用起来像个应用。

在审核备注中说清楚

描述应用做什么、面向谁,以及使用了哪些原生功能。审核人员会在打开应用之前先阅读备注。

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

Kevin Joling · FlightConnections & TrainConnections · Trustpilot

把 artifact 发展成项目

当您认定这个想法值得做成真正的应用时,运行这段提示词。Claude Code 会保留您喜欢的行为,并加上商店所期望的结构。

给 Claude Code 的提示词
这是一个最初作为 Claude artifact 诞生的单文件应用(附件为 artifact.html / artifact.jsx)。把它转换成一个易于维护的 Vite + React 项目,保持当前的外观和行为,并加入以下内容:
1. 路由:/(应用本体)、/privacy、/terms、/settings。在小屏幕上使用底部导航。
2. 持久化:保留现有的本地状态,但调整其结构,以便日后可以接入后端(Supabase)而无需重写组件。
3. 移动端:viewport meta 标签、安全区域内边距、44 px 的点按区域、320 px 宽度下无横向溢出、输入框最小字号 16 px。
4. 为我们将使用的 WebViewGold 封装层准备原生钩子:一个检查 User-Agent 中是否包含标记 WebViewGoldApp 的辅助函数 isNativeApp();一个在原生环境中导航到 shareapp://message?=TEXT&url=URL 的“分享”按钮;一个提醒功能,在原生环境中通过 sendlocalpushmsg://push.send?s=SECONDS=msg!MESSAGE&!#TITLE&!#URL 安排本地通知,在浏览器中则退回到 Notifications API。阅读 https://www.webviewgold.com/llms-full.txt 了解准确的语法。
5. 状态:每个异步步骤都有加载状态、空状态和错误状态;提供离线提示。
6. 部署:一个 GitHub Actions 工作流,或者一份 Cloudflare Pages / Netlify 配置,在推送到 main 时自动构建并部署。
最后写一份 README,说明如何运行、构建和部署。

托管方案对比

Cloudflare PagesNetlifyGitHub Pages
设置方式连接仓库或上传文件夹拖放或连接仓库在仓库设置中启用
自定义域名 + HTTPS支持,自动签发证书支持,自动签发证书支持,需要 CNAME 文件
React 构建步骤支持(构建命令)支持(构建命令)通过 GitHub Actions
适合全球快速分发,日后可用 Workers 提供 API最简单的首次部署代码已经在 GitHub 上

常见问题

我可以在 WebViewGold 中使用 artifact 预览链接吗?

不可以。预览链接是临时的,不受您控制,也不是为生产环境设计的 URL。请先把导出的文件托管到您自己的域名或静态托管服务上。

我的 artifact 把所有内容都存在 localStorage 里。这对商店来说是问题吗?

本身不是。在隐私政策中说明这一点,并且要知道数据只保存在设备上,重新安装就会清空。当用户需要在多台设备上访问自己的数据时,再加上后端。

如果我直接上传 React artifact 文件,它能运行吗?

通常不能,因为它导入的库只有预览运行时才提供。让 Claude Code 把它转换成 Vite 项目;这只需要几分钟,还能让您获得一条真正的构建流水线。

Apple 期望有多少个页面?

没有固定数字。审核人员看的是实用性,以及超越网站的原生能力。一个有账户、通知和离线行为的专注应用,比一个缺少这些却大而全的应用更容易通过。

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

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