应用止步于浏览器
Replit 项目是 Web App。应用商店上架、推送通知和设备功能都需要一层 native shell。
面向 Replit 开发者:无需 Mac,无需 Xcode
导出你的 Replit 项目,使用 Capacitor 进行封装,并通过 Capgo Build 构建已签名的 App Store 和 Google Play 应用。无需 Mac。发布后,你在 Replit 中做的更改将以 Live Update 的形式推送到已安装的应用中。
14 天无限免费试用。无需信用卡 14 天退款保证。随时取消。
Replit 项目
使用 Replit Agent 构建应用。使用 Shell,或从 Git 面板连接 GitHub。
导出并封装
Capacitor 外壳
使用 Capacitor 构建静态 dist 目录并添加 iOS 和 Android 项目。
构建和更新
Capgo 发布循环
使用 Capgo Build 构建已签名的二进制文件,然后通过 GitHub Actions 将 Web 变更作为 Live Updates 发布。
问题
Replit 项目是 Web App。应用商店上架、推送通知和设备功能都需要一层 native shell。
签名、Xcode、Android Studio 和商店上传都在 Replit 之外完成。你需要 code 和构建服务。
首次上架应用商店后,每个新版本都要重新走商店审核,通常 24–48 小时,有时更久。
技术栈
通过 prompt 迭代界面、流程、文案和后端对接。生产 build 会生成一个静态 dist 文件夹,供你封装。
Capacitor 使用你的 App ID、图标和权限,将构建好的 Web 应用放入原生 iOS 和 Android 项目中。code 保持不变。
Capgo Build 会创建已签名的二进制文件并上传到应用商店。Live Updates 则把后续的 Web 变更推送到已安装的应用。
解决方案
Replit 持续构建产品。Capacitor 和 Capgo 则补上 Native Build、应用商店上传和更新步骤。
Replit 提供 Shell,所有步骤都能在那里运行。也可以从 Git 面板连接 GitHub 并 clone 仓库。构建一次,然后找到包含 index.html 的文件夹。
向 CLI 申请已签名的 iOS 和 Android build。iOS build 在云端 Mac 上运行,一次典型 build 需要 2–3 分钟。
从 Replit Git 面板 push 到仓库,或直接在 Shell 中运行 upload 命令。GitHub Action 会构建应用并上传 bundle,这样已安装的应用无需在应用商店发布新版本,就能获得 Web 端改动。
Capgo MCP server 让 Claude Code、Codex 或 Cursor 能够 upload bundle、管理 channel 并请求 build。Capgo skills 为 agent 添加 Capgo 专用指令。
工作原理
从 Replit 项目到应用商店构建和 Live Updates。这些命令你可以自己运行,也可以交给 coding agent 执行。
Replit 提供 Shell,所有步骤都能在那里运行。也可以从 Git 面板连接 GitHub 并 clone 仓库。构建一次,然后找到包含 index.html 的文件夹。
npm install
npm run build
ls dist # full-stack templates may use dist/public Web 应用转 Capacitor 指南 添加原生项目,然后运行 Capgo onboarding。它会添加你的应用、创建 production channel,并安装 updater 插件。
npm install @capacitor/core @capacitor/cli @capacitor/ios @capacitor/android
npx cap init "Your App" com.company.app --web-dir dist
npx cap add ios && npx cap add android
npx @capgo/cli@latest init CLI onboarding 指南 签名只需配置一次,之后即可发起 iOS 和 Android 构建。签名后的构建会上传到 App Store Connect 和 Google Play 进行审核。
npx @capgo/cli@latest build init
npx @capgo/cli@latest build request --platform ios
npx @capgo/cli@latest build request --platform android Capgo 构建文档 将 CAPGO_TOKEN 添加为 GitHub secret,并添加一个在 push 时构建并上传的 workflow。新增插件或权限仍需要重新打一次商店包。
# step in .github/workflows, with CAPGO_TOKEN from secrets
npm ci && npm run build
npx @capgo/cli@latest bundle upload --channel=production --auto-bump GitHub Actions 集成 AI Agent Prompt
拿到 Replit code 后,把这段内容粘贴到 Claude Code、Codex 或 Cursor 这类编程 Agent 中。它会安装 Capgo MCP server,添加 Capacitor 和 updater,并为签名环节预留 TODO,而不是凭空编造密钥。
给你的 coding agent 的 prompt
I want this project, exported from Replit, to become a Capacitor mobile app using Capgo from the start.
Set up the project so an AI agent can use Capgo's MCP release tools through install-mcp:
1. Install the Capgo CLI MCP server for the active AI client. For Codex, run:
- npx @capgo/cli@latest login
- npx install-mcp 'npx @capgo/cli@latest mcp' --client codex
Replace codex with cursor, claude-code, gemini-cli, or windsurf if that is the client this project uses.
2. Read Capgo's MCP metadata when tool details are needed (the hosted server is https://api.capgo.app/mcp):
- https://capgo.app/.well-known/mcp/server-card.json
- https://capgo.app/.well-known/agent-skills/capgo-cli-mcp/SKILL.md
If this client supports agent skills, also run: npx skills add Cap-go/capgo-skills
3. Add a short docs/agent-mobile-release.md file that tells the agent to use the Capgo CLI MCP server as a local stdio server, not a remote HTTP endpoint.
4. Add Capacitor for iOS and Android using the package manager already used by this project.
5. Configure capacitor.config.ts with:
- appName: the current Replit app name
- appId: a production-style bundle ID I can edit later, such as com.company.app
- webDir: the production build output folder (usually dist)
- plugins.CapacitorUpdater.defaultChannel: production
6. Install and configure @capgo/capacitor-updater.
7. Add package scripts for:
- building the web app
- syncing Capacitor
- uploading a production Capgo bundle
- starting Capgo Build setup for iOS
- requesting an iOS cloud build
8. Create a first production channel plan:
- production for users
- preview for stakeholder review
- staging for internal testing
9. Keep normal docs and README commands copy-pasteable with npm/npx unless this project already uses another package manager. Keep the Capgo MCP install command exactly as shown above.
10. Do not fake native signing credentials. Leave clear TODOs for the Capgo API key, Apple team details, and bundle ID.
11. After making changes, summarize exactly what changed and what command I should run next. 使用 Capacitor 构建的应用
创作类和学习类 App 说明,只要打包、签名和更新处理得当,Web 风格的流程也能变成可直接上架的移动端体验。
模板驱动的设计流程,能自然地从响应式网页映射到移动端。
专注学习的应用,课程和 onboarding 的小改进会持续累积。
学习工作流:应用打包后仍可继续迭代 Web 产品。
设计,圆角半径 5
“Capgo Build 帮我们简化了 Capacitor 应用的发布流程。通过一套清晰的工作流,我们就能构建并发布 iOS 和 Android 应用。”
NuTriQ 创始人
“无需等待完整的 App Store 审核周期,就能即时推送生产环境的 OTA 更新,这为我们带来了巨大的运营优势。”
谁付钱,谁说了算
“自从开始使用 Capgo,一切都更快了,我也能在不耽误日常生活的情况下,把用户应得的时间留给他们。”
常见问题
把 Replit 应用上架 App Store 和 Google Play 的简要解答。
不可以。Replit 构建的是 Web 应用。你需要导出 code,用 Capacitor 封装,再用 Capgo Build 构建已签名的 iOS 和 Android 应用,它会将应用上传到 App Store Connect 和 Google Play。
Web 应用转 Capacitor 指南不需要。Capgo Build 在云端 Mac 机器上执行 iOS 构建。你仍然需要 Apple Developer 账号才能上架 App Store,以及 Google Play 开发者账号才能发布 Android 应用。
Capgo 构建文档可以。Capacitor 只包含前端构建产物。让服务器继续部署在 Replit 上,并在应用里用完整的 https URL 调用它,而不是相对路径 /api。
是的。Replit Shell 可以运行 npx @capgo/cli,所以 build 和 upload 都能直接在浏览器里完成。在 Shell 中用你的 Capgo API key 运行一次 npx @capgo/cli@latest login 即可。
适用于 Replit 的 Capgo从 Replit Git 面板 push 到仓库,或直接在 Shell 里运行 upload 命令。对于 Web 层改动,可以。GitHub Action 会在每次 push 时执行 bundle upload,已安装的 App 会下载更新。但新增插件或权限仍需要新的 store build。
GitHub Actions 集成可以。npx @capgo/cli mcp 会启动一个本地 MCP server,Claude Code、Codex 或 Cursor 可以用它来上传 bundle、管理 channel 和发起 build。Capgo skills 会为 agent 添加 Capgo 专属指令。
Capgo MCP 服务器开始 14 天免费试用,导出你的 Replit 项目,并从 CLI 申请你的首批 iOS 和 Android build。 选择带 14 天退款保证的方案,导出你的 Replit 项目,并从 CLI 申请首批 iOS 和 Android build。
使用 Capgo Build 将你的 Replit App 变成 iOS 和 Android 应用。
来自 Martin 的人工支持
14 天无限免费试用。无需信用卡 14 天退款保证。随时取消。