快速导航至主要内容

适合团队的 web 应用

将您的 web 应用转换为 iOS 和 Android 应用

将您的现有 web 构建包裹在 Capacitor 中,使用 Capgo Build 构建签名二进制文件,并发布到 App Store 和 Google Play。发布后,通过实时更新将 web 变更推送。您的 web code 将保持为源代码。

适用于 Web、iOS 和 Android
一份代码
典型的原生构建
2–3 分钟
发布后 Web 端的变化
实时更新
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 项目,通过无线网络更新

问题

您的团队每天都部署 Web 应用。移动端增加了新的工作。

一个响应式网站并不是一个商店应用

商店存在、推送通知和设备API需要一个原生应用壳围绕你的web code

原生工具是新的一个web团队

Xcode、Android Studio、签名证书、keystore和商店记录是你团队之前没有做过的工作

两个发布速度

你的web应用在你合并时发布。一个商店应用等待每次更改的审查,通常需要24-48小时,有时更长

开始之前

在你的web应用中检查什么

大多数web应用在Capacitor中工作,需要很少的修改。这些三个检查可以早期捕捉到常见的问题

静态构建输出

Capacitor从一个文件夹(webDir)中加载你的构建文件。Vite、Angular和Vue默认会产生这个。Next.js需要静态导出

Next.js与Capacitor

路由和登录重定向

确保客户端路由、OAuth 重定向和链接在应用程序内工作,而不仅仅是在您的域名内。

Web app to Capacitor guide

您需要的设备功能

列出需要原生插件的功能:推送通知、相机、文件、生物识别或应用内购买。

Capacitor plugins

解决方案

What Capacitor and Capgo handle

Capacitor 为您的 Web 应用提供原生外壳。 Capgo 构建它,发送它到应用商店,并保持其更新。

Capacitor 将您的 Web 构建

Capacitor 将您的构建的 Web 应用程序放置在本机 iOS 和 Android 项目中。插件使您的 JavaScript 可以访问设备功能。

Capacitor plugins

Capgo 构建编译和签名

从 CLI 请求 iOS 和 Android 构建。 iOS 构建在云 Mac 上运行,因此团队中没有人需要一台 Mac。一个典型的构建需要 2-3 分钟。

Capgo 构建文档

上传到商店

已签名的构建上传到 App Store Connect 和 Google Play。第一个发布和每个本地更改仍然需要商店审查。

Capgo 构建文档

Live 更新

在发布后将 JavaScript、HTML、CSS 和资产更改发送到安装的应用程序,无需新发布商店。首先在测试环境中测试。

__CAPGO_KEEP_0__ 通道文档

如何工作

如何 web 团队使用 Capgo 发布移动应用

从现有的 web 应用到商店构建和 Live 更新。 Capacitor 命令来自 Capacitor CLI, Capgo 命令来自 Capgo CLI 文档。

  1. 将 Capacitor 添加到您的 Web 应用

    安装 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 指南
  2. 将应用连接到 Capgo

    首次体验将您的应用添加到 Capgo,创建生产频道,安装更新插件,并引导您完成首次测试更新

    npx @capgo/cli@latest init
    CLI 首次体验指南
  3. 在云中构建签名应用

    设置签名一次,然后请求 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 构建文档
  4. 在云中构建签名应用

    在云中构建签名应用

    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.

Poll Everywhere应用图标 BUSINESS

Poll Everywhere

在网页和手机上使用的观众投票产品,演讲者和参与者都期望相同的流程。

Google Play安装
1.1百万
商店评分
3.2
自由职业者:招聘与求职 app 图标 企业

自由职业者:招聘与求职

市场平台,拥有大量的网页产品,招聘、消息和账户屏幕也在商店应用中发布。

谷歌播放安装
8.9万
应用评分
4.1
电视节目 - 电视节目 app 图标 娱乐

电视剧电影 - 电视节目表

拥有繁忙网站和商店应用的电视节目表服务,商店应用显示相同的节目指南和编辑内容。

Google Play 安装
下一个发布通道
使用相同的发布控制来管理您的应用。
4.4

客户证明

使用 Capgo 的团队的评价

5.0/5 开发者团队评分 9,400+ 团队 查看评论

sikafanka

设计,半径 5

“Capgo Build帮助我们简化了Capacitor应用发布流程。我们可以从一个清晰的工作流程中构建和部署iOS和Android应用。”

Kapil

NuTriQ创始人

“能够立即推送生产OTA更新而不必等待完整的App Store审查周期,这对我们来说是一个巨大的运营优势。”

路易斯·多明格斯的肖像

路易斯·多明格斯

支付者,Anirol

“自从我开始使用Capgo,一切都变得更快,我可以给我的用户留出时间而不忽视我的日常生活。”

常见问题

团队常问的问题

将 web 应用转换为移动应用的团队可以快速找到答案

我们需要重写我们的 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 guide

Capgo 是否支持 Next.js?

Yes, 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 Capacitor

我们需要 Mac 来构建 iOS 应用吗?

No. 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或原生构建?

是否可以从我们的现有CI推送移动更新?

是的。运行bundle upload在GitHub Actions、GitLab CI或任何管道之后,并从同一管道请求原生code构建。

CI/CD集成

将您的Web应用推送到商店

开始14天免费试用,包装您的应用于Capacitor,并从CLI请求您的第一个iOS和Android构建。