一个响应式网站并不是一个商店应用
商店存在、推送通知和设备API需要一个原生应用壳围绕你的web code
适合团队的 web 应用
将您的现有 web 构建包裹在 Capacitor 中,使用 Capgo Build 构建签名二进制文件,并发布到 App Store 和 Google Play。发布后,通过实时更新将 web 变更推送。您的 web code 将保持为源代码。
14 天无限免费试用。无需信用卡。
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
npx @capgo/cli@latest build request --platform ios
您的 Web 应用
使用 React、Vue、Angular、Svelte 或任何构建为静态文件的堆栈
您不断更新的应用
在云端构建的原生 iOS 和 Android 项目,通过无线网络更新
问题
商店存在、推送通知和设备API需要一个原生应用壳围绕你的web code
Xcode、Android Studio、签名证书、keystore和商店记录是你团队之前没有做过的工作
你的web应用在你合并时发布。一个商店应用等待每次更改的审查,通常需要24-48小时,有时更长
开始之前
大多数web应用在Capacitor中工作,需要很少的修改。这些三个检查可以早期捕捉到常见的问题
Capacitor从一个文件夹(webDir)中加载你的构建文件。Vite、Angular和Vue默认会产生这个。Next.js需要静态导出
Next.js与Capacitor确保客户端路由、OAuth 重定向和链接在应用程序内工作,而不仅仅是在您的域名内。
Web app to Capacitor guide列出需要原生插件的功能:推送通知、相机、文件、生物识别或应用内购买。
Capacitor plugins解决方案
Capacitor 为您的 Web 应用提供原生外壳。 Capgo 构建它,发送它到应用商店,并保持其更新。
Capacitor 将您的构建的 Web 应用程序放置在本机 iOS 和 Android 项目中。插件使您的 JavaScript 可以访问设备功能。
Capacitor plugins从 CLI 请求 iOS 和 Android 构建。 iOS 构建在云 Mac 上运行,因此团队中没有人需要一台 Mac。一个典型的构建需要 2-3 分钟。
Capgo 构建文档已签名的构建上传到 App Store Connect 和 Google Play。第一个发布和每个本地更改仍然需要商店审查。
Capgo 构建文档在发布后将 JavaScript、HTML、CSS 和资产更改发送到安装的应用程序,无需新发布商店。首先在测试环境中测试。
__CAPGO_KEEP_0__ 通道文档如何工作
从现有的 web 应用到商店构建和 Live 更新。 Capacitor 命令来自 Capacitor CLI, Capgo 命令来自 Capgo CLI 文档。
安装 Capacitor,设置应用名称、包 ID 和构建输出目录,然后添加 iOS 和 Android 项目
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
Web 应用到 Capacitor 指南
首次体验将您的应用添加到 Capgo,创建生产频道,安装更新插件,并引导您完成首次测试更新
npx @capgo/cli@latest init
CLI 首次体验指南
设置签名一次,然后请求 iOS 和 Android 构建。已签名的构建上传到 App Store Connect 和 Google Play 进行审查
npm run build && npx cap sync
npx @capgo/cli@latest build init
npx @capgo/cli@latest build request --platform ios
npx @capgo/cli@latest build request --platform android
Capgo 构建文档
在云中构建签名应用
npm run build
npx @capgo/cli@latest bundle upload --channel production
在云中构建签名应用
可选:AI 编码代理
如果您使用 AI 编码代理,请粘贴此说明。它检查应用并将配置、插件需求和打开任务写入手动文件,供任何人运行原生工具之前使用。
AI 移动发布说明
You are preparing this existing web app to become an installable iOS and Android app.
Do not assume you can run local tooling. If this environment cannot create native projects or run local tools, create a clean handoff document instead.
Inspect the app and return:
1. The framework, package manager, production build process, and build output folder.
2. Whether the app can be exported or committed to a real Git repository.
3. The app name, bundle ID or package ID suggestion, app icon and splash-screen source, and any missing brand assets.
4. Auth, redirect, deep-link, storage, camera, push, payment, geolocation, file, or notification features that need native plugin planning.
5. Routing, environment variables, API URLs, and asset assumptions that could break inside a native WebView.
6. A proposed Capacitor configuration, including appId, appName, webDir, and required plugins, without inventing secrets.
7. A release-channel plan: production, staging, preview, and rollback expectations for web-layer updates.
8. A list of tasks that must happen outside this environment, such as Apple signing, Android keystore setup, native sync, store records, and signed builds.
9. A docs/mobile-release-handoff.md file with the exact checklist, open questions, and files that a developer or build service should handle next.
10. A short summary of what you changed, what you could not do in this environment, and the next human action.
使用Capacitor构建的应用
Products that already live on the web can package the same code with Capacitor, publish to the App Store and Google Play, and keep shipping web-layer improvements as live updates.
在网页和手机上使用的观众投票产品,演讲者和参与者都期望相同的流程。
市场平台,拥有大量的网页产品,招聘、消息和账户屏幕也在商店应用中发布。
拥有繁忙网站和商店应用的电视节目表服务,商店应用显示相同的节目指南和编辑内容。
设计,半径 5
“Capgo Build帮助我们简化了Capacitor应用发布流程。我们可以从一个清晰的工作流程中构建和部署iOS和Android应用。”
NuTriQ创始人
“能够立即推送生产OTA更新而不必等待完整的App Store审查周期,这对我们来说是一个巨大的运营优势。”
支付者,Anirol
“自从我开始使用Capgo,一切都变得更快,我可以给我的用户留出时间而不忽视我的日常生活。”
常见问题
将 web 应用转换为移动应用的团队可以快速找到答案
No. Capacitor runs your existing web build inside native iOS and Android projects. You add plugins where you need device features and keep one codebase for web and mobile.
Web app to Capacitor guideYes, with a static export. Capacitor loads files from your build output folder, so set output: 'export' and point webDir at the exported folder. Vite, Angular, and Vue produce static output by default.
Next.js with CapacitorNo. Capgo Build runs iOS builds on cloud Mac machines and uploads the signed build to App Store Connect. You still need an Apple Developer account.
Capgo 构建文档JavaScript、HTML、CSS 和资源可以作为实时更新。添加插件、更改权限或更新Capacitor需要新商店构建。
Live update或原生构建?是的。运行bundle upload在GitHub Actions、GitLab CI或任何管道之后,并从同一管道请求原生code构建。
CI/CD集成