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

Claude Code

用 Claude Code 网页版和 Claude 应用,在手机上发布应用更新

WebViewGold 应用加载的是您的生产 URL,所以大多数应用更新其实就是一次 Web 部署。Claude Code 云端会话运行在 Anthropic 的基础设施上,而不是您的笔记本电脑上。这意味着您可以在手机上的 Claude 应用中描述一个 bug,审阅 diff,合并,iOS 和 Android 应用下次加载时就会显示修复后的版本。下面介绍设置方法、工作循环,以及哪些改动仍然需要商店构建版本。

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

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

为什么这对 WebViewGold 应用特别有效

App Store 和 Google Play 中的二进制文件包含的是原生外壳:URL、名称、图标、权限以及您开启的功能。您的页面、文字、流程和 bug 修复都在 Web 应用里。当您部署 Web 应用时,两个商店应用在下次加载时就会显示新版本,无需新的构建版本,也无需等待审核。“修复应用”变成了“修复一个网站”,而网站在哪里都能修。

Claude Code 网页版位于 claude.ai/code,它在云端会话中运行每个任务:一台全新的虚拟机,里面克隆了您的 GitHub 仓库,Claude 在其中编辑文件、运行构建和测试,并推送分支。iOS 和 Android 版 Claude 应用在其 Code 标签页中可以访问同样的会话。锁屏后会话仍会继续运行,之后您可以在任何设备上接着处理。您需要一个包含 Claude Code 的付费 Claude 方案,以及一个 GitHub 上的仓库。

一次性设置

在电脑上完成一次;之后,有手机就够了。

  1. 从 Git 部署

    把仓库连接到 Vercel、Netlify 或 Cloudflare Pages,让 main 分支部署到生产环境,每个 pull request 都获得一个预览 URL。合并就成了您的部署按钮,云端会话永远不需要部署令牌。

  2. 把 GitHub 连接到 Claude

    打开 claude.ai/code,为仓库授权 Claude GitHub App。如果您已经在使用 GitHub CLI,也可以在 Claude Code 的终端会话中运行 /web-setup。

  3. 检查云端环境

    Default 环境使用 Trusted(可信)网络访问:可以访问软件包注册表和 GitHub,但不能访问任意主机。这足以安装依赖、构建和测试。不要把机密信息放进它的环境变量;每个使用该环境的人都能读到它们。

  4. 自动安装依赖

    把下面的 SessionStart hook 添加到 .claude/settings.json 中,再加上旁边那个小脚本,这样每个云端会话启动时 node_modules 都已就位。在您自己的机器上,这个脚本什么也不做。

  5. 提交项目上下文

    云端会话会读取仓库中的 CLAUDE.md、.claude/settings.json、命令、技能和子代理。CLAUDE.md 模板和localhost 防护 hook在手机上对您的保护,和在办公桌前完全一样。

  6. 安装 Claude 应用

    在您的 iPhone 或 Android 手机上安装 Claude 应用,用同一个账号登录,然后打开 Code 标签页。开始新会话时,您的仓库应该会出现在列表中。

.claude/settings.json 中的 SessionStart hook

PreToolUse 代码块就是发布指南中的 localhost 防护;两个 hook 放在同一个文件里。$CLAUDE_PROJECT_DIR 始终指向仓库根目录。

json
{
  "hooks": {
    "SessionStart": [
      {
        "matcher": "startup|resume",
        "hooks": [
          {
            "type": "command",
            "command": "bash \"$CLAUDE_PROJECT_DIR\"/scripts/cloud-setup.sh"
          }
        ]
      }
    ],
    "PreToolUse": [
      {
        "matcher": "Bash",
        "hooks": [
          {
            "type": "command",
            "command": "\"$CLAUDE_PROJECT_DIR\"/.claude/hooks/guard-native-config.sh",
            "timeout": 30
          }
        ]
      }
    ]
  }
}

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

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

scripts/cloud-setup.sh

CLAUDE_CODE_REMOTE 检查让它不会在本地运行,node_modules 检查则会在依赖已存在时跳过安装。

bash
#!/bin/bash
# scripts/cloud-setup.sh
# Runs at the start of every Claude Code session; does nothing on your own machine.
[ "$CLAUDE_CODE_REMOTE" = "true" ] || exit 0
cd "$CLAUDE_PROJECT_DIR" || exit 1
[ -d node_modules ] || npm ci

在手机上的工作循环

1. 描述修复内容

打开 Code 标签页,选择仓库和分支,像写 bug 报告一样描述问题:哪个页面、哪台设备、您期望的结果是什么。下面的提示词是一个很好的范例,用语音输入也完全没问题。

2. 让它工作

Claude 在云端虚拟机中编辑、构建和测试。您想锁屏就锁屏;会话会继续运行,等您回来时再回答它的问题。

3. 审阅 diff

打开 Changes 卡片,点按行数即可查看 diff。如果有不对的地方,可以对单独某一行发表评论,并随下一条消息一起发送这些评论。

4. 打开 pull request

让 Claude 创建 pull request。您的托管服务会构建一个预览部署,GitHub Actions 中的商店上架就绪检查会就商店风险发表评论。

5. 检查预览,然后合并

在手机浏览器中打开预览 URL,试一试修复后的流程,然后在 GitHub 应用或浏览器中合并。合并会触发生产部署。

6. 在商店应用中确认

完全关闭 WebViewGold 应用,然后重新打开。它会加载新的生产版本,您用户的应用在下次启动时也一样。

一份在手机上也好用的 bug 报告

具体的页面、设备和期望结果,一个明确的修复方向,需要运行的检查,以及一条边界(“不要改动 native/ 下的任何内容”)。云端会话需要的就是这些。

在 Claude 应用的 Code 标签页中输入或口述
iPhone 应用中的生产环境 bug(一个加载 https://app.example.com 的 WebViewGold 应用):在结账页面上,iPhone 15 及更新机型的“支付”按钮被主屏幕指示条挡住了。期望:整个按钮都显示在主屏幕指示条上方,就像在 Safari 中一样。

在固定的结账栏上使用 env(safe-area-inset-bottom) 内边距来修复,保持桌面端布局不变,并检查是否还有其他固定在底部的栏存在同样的问题。运行 npm run lint 和 npm run build。在新分支上 commit,并打开一个 pull request,附上一段我能在手机上读完的三行描述。不要改动 native/ 下的任何内容。

部署还是商店构建?

改动随 Web 部署发布需要新的商店构建版本
布局修复、文字、新页面和新流程是否
一个使用您已开启的桥接功能(比如分享面板)的新按钮是否
开启新的原生功能、推送服务或权限仅 Web 部分是:Config.swift、Config.java、Info.plist 或 AndroidManifest.xml 会改变
新的生产域名或起始 URL否是,URL 被编译进了应用
应用名称、图标、启动画面否是
新的应用内购买产品仅 Web 部分在 App Store Connect 和 Play Console 中添加产品;如果原生配置有变,还需要一个构建版本
新的 WebViewGold 版本否是

什么时候还是需要您自己的电脑

云端会话运行在 Linux 虚拟机上。它们装有 Node.js、Python、Java 和 Gradle,但没有 Xcode,也没有 Android SDK,所以无法构建原生应用。对于原生改动,您有三个选择。在 Mac 上用 claude remote-control 启动 Claude Code,然后在 Code 标签页中操控这个本地会话;工作和构建工具都留在您的机器上。把构建交给 Cloud Builder,它会在浏览器中构建并上传两个应用。或者把它安排到您下一次坐在办公桌前的时候。

还有两种交接方式值得了解。在 Claude 应用中,您可以让 Claude 盯着某个 pull request,在 CI 失败或审查评论出现时随即修复;这项自动修复功能需要仓库上安装了 Claude GitHub App。回到电脑前时,claude --teleport 会把云端会话连同分支和对话一起拉到您的终端中。想全面了解哪些改动需要商店发布,请参阅上线后的 Web 改动与原生改动。

从手机安全部署的检查清单

  • 对于您修改过的流程,预览部署在手机浏览器中运行正常。
  • Lint、构建和商店上架就绪检查在 pull request 上都显示为绿色。
  • native/ 下没有任何改动;如果有,请安排一次商店构建。
  • 您知道托管服务控制台中的即时回滚功能在哪里。
  • HTML 使用较短的缓存头提供,资源文件名带有哈希值,所以应用在下次启动时会获取新版本。
  • 部署后您亲自打开了真实的应用。

常见陷阱

  • 不看预览就合并。商店应用会立刻显示生产环境的内容。在手机上看一眼预览 URL,比发布一次紧急修复要省事得多。
  • 云端环境中的机密信息。它的环境变量对每个使用它的人都可见。UI 修复不需要生产环境的机密信息,部署 secret 则留在您的托管服务商那里。
  • 网络调用被阻止。Trusted 访问允许软件包注册表和 GitHub,但不允许访问您的预发布(staging)API。如果测试需要它,请通过 Custom(自定义)网络访问添加您的域名。
  • 过于激进的缓存。如果您的 HTML 或 service worker 缓存了旧的 bundle,用户在重新加载之前会一直看到旧版本。让 Claude 检查一次缓存头和 service worker 的更新逻辑。
  • 会话过期。空闲的云端会话最终会释放其虚拟机。重新打开会话会恢复对话,但不会恢复正在运行的进程,所以必要时让 Claude 重新运行构建。
  • 共享的用量限制。云端会话和其他 Claude Code 工作一样计入您方案的用量,并行会话会消耗得更快。

常见问题

用这种方式发布修复,我需要笔记本电脑吗?

对于 Web 应用的改动不需要:Claude 应用、GitHub 和您的托管服务商就足够了。对于原生外壳的改动,您需要一台运行 Xcode 的 Mac、一台运行 Android Studio 的电脑,或者在浏览器中使用 Cloud Builder。

哪些 Claude 方案包含云端会话?

在撰写本文时,云端会话包含在含 Claude Code 的付费方案中(Pro、Max、Ultra 和 Team),以及带 Claude Code 的 Enterprise 席位中。由于这些会有变化,请查看 Anthropic 当前的方案页面。

用户必须从商店更新应用才能获得修复吗?

不需要。WebViewGold 应用加载的是您的生产 URL,所以修复会在下次启动或重新加载时出现。只有对原生外壳的改动才需要商店更新。

不经过新的审核就修改已获批的应用,这样允许吗?

对于基于 Web 的应用,在 Web 应用中更新内容和修复 bug 是正常做法。改变应用的用途或添加违反准则的功能则不行,而且下一次原生更新时,审核会针对当时的 Web 应用进行。

Claude 能直接从云端会话部署到生产环境吗?

最好不要。让 Claude 打开 pull request,让您的托管服务商在合并时部署。这样部署凭据就不会进入会话,您也能在手机上多一道审阅步骤。

Android 应用也是这样更新的吗?

是的。两个应用加载的是同一个生产 URL,所以一次合并就能同时更新 iOS 和 Android。

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

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