快速访问主内容

适合Lovable和vibe-coding开发者

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

将您的Lovable项目导出到GitHub，将其包装在Capacitor中，并使用Capgo Build构建签名的商店应用。发布后，每次在Lovable中发布，都可以通过live update在GitHub中访问已安装的应用。

来自Martin的人性化支持

开始免费试用 阅读Lovable教程
GitHub
一个Lovable、Capacitor和CI的仓库
2–3分钟
典型的原生构建
实时更新
从每个发布的Lovable

Lovable项目

使用提示和视觉编辑构建 Web 应用程序。将GitHub连接到code，使其在仓库中存活。

导出和包装

Capacitor shell

克隆仓库，构建静态 dist 文件夹，并使用Capacitor添加 iOS 和 Android 项目。

构建和更新

Capgo发布循环

使用Capgo Build构建签名二进制文件，然后从GitHub Actions将 Web 更改作为实时更新发送。

问题

可爱的构建了应用。商店需要更多。

应用在浏览器中停止

可爱的项目是一个web应用。商店列表、推送通知和设备功能需要一个原生壳围绕它。

可爱的不能运行原生工具

签名、Xcode、Android Studio和商店上传发生在可爱的外面。你需要一个仓库和一个构建服务。

每次更改都需要等待审查

首次发布商店后，每个新版本都需要通过商店审查，通常需要24-48小时，有时更长时间。

堆栈

每个工具的作用

可爱的构建了web应用

屏幕、流程、复制和后端编程，通过提示进行迭代。一个单页应用给你一个静态dist文件夹来包装。

Capacitor 包裹它

GitHub holds the code. Capacitor 将 web 应用程序打包到 iOS 和 Android 项目中，带有您的应用 ID、图标和权限。

Capgo 构建和更新它

Capgo Build 创建签名二进制文件并上传到商店。Live 更新将后续的 web 更改发送到已安装的应用程序。

解决方案

从 Lovable 到商店的 Capgo 路径

Lovable 继续构建产品。Capacitor 和 Capgo 添加原生构建、商店上传和更新步骤。

导出到 GitHub 并添加 Capacitor

将 Lovable 连接到 GitHub，克隆仓库，构建静态 dist 文件夹，并添加 iOS 和 Android 项目中的 Capacitor。

从 Lovable 到 Capacitor 的教程

使用 Capgo Build 构建它

从 CLI 请求签名的 iOS 和 Android 构建。iOS 构建在云 Mac 上运行，一个典型的构建需要 2-3 分钟。

Capgo Build 文档

让您的 AI agent 运行发布

The Capgo MCP server lets Claude Code, Codex, or Cursor upload bundles, manage channels, and request builds. Capgo skills add Capgo-specific instructions for the agent.

MCP 服务器 Capgo AI 技能 Capgo

如何工作

如何使用 Lovable 构建者将 Capgo 部署到移动应用

从 Lovable 项目到商店构建和实时更新。您可以在计算机上运行这些命令，或者让编码代理运行它们。

  1. 将项目导出到 GitHub 并克隆

    在 Lovable 中连接 GitHub。克隆仓库并检查构建是否创建了一个 dist 文件夹，包含 index.html。

    git clone https://github.com/you/your-lovable-app.git
cd your-lovable-app
npm install
npm run build
    Capacitor 到 Lovable 教程

  2. 添加 Capacitor 和 Capgo

    添加原生项目，然后运行 Capgo 入门指南。它会添加您的应用，创建一个生产频道，并安装更新插件。

    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 入门指南

  3. 在云端构建签名应用

    设置签名一次，然后请求 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 构建文档

  4. 将每次发布作为一个 live update

    Add CAPGO_TOKEN as a GitHub secret and a workflow that builds and uploads on push. New plugins or permissions still need a new store build.

    # step in .github/workflows, with CAPGO_TOKEN from secrets
npm ci && npm run build
npx @capgo/cli@latest bundle upload --channel=production --auto-bump
    Lovable Publish to live update guide

可爱编码

可爱编码

Lovable cannot run the Capgo CLI. After you clone the repo, paste this into a local coding agent such as Claude Code, Codex, or Cursor. It installs the Capgo MCP server, adds Capacitor and the updater, and leaves TODOs for signing instead of inventing secrets.

可爱编码

I want this project, exported from Lovable, 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 public MCP metadata when tool details are needed:
   - 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 Lovable app name
   - appId: a production-style bundle ID I can edit later, such as com.company.app
   - webDir: the production build output folder
   - 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 构建的应用

模板和学习产品是自然的移动候选者

创建和学习应用展示了如何将网页流程转换为处理打包、签名和更新的清洁方式的商店准备移动体验

邀请制作卡设计应用图标 活动

邀请制作卡设计

模板驱动的设计流程自然地映射了从响应式网页到移动

谷歌播放安装
20.0万
商店评分
4.6
无限日本应用图标 教育

无限日本

专注学习的应用，微小的课程和引导改进会相互累积。

Google Play 安装
180万
应用商店评分
4.6
StudySmarter - 学校 & 大学应用图标 教育

StudySmarter - 学校 & 大学

学习工作流程，了解如何在应用打包后继续迭代Web产品。

Google Play安装
6,500万
应用商店评分
4.8

客户证明

What teams shipping with Capgo say

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

移动开发

设计，半径5

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

Kapil

NuTriQ创始人

“推送生产OTA更新的能力，立即不用等待App Store完整审核周期，带来了巨大的运营优势。”

路易斯·多明格斯的肖像

路易斯·多明格斯

付款方，Anirol

“自从我开始使用Capgo，一切都变得更快，我可以给我的用户提供他们应有的时间，而不忽视我的日常生活。”

常见问题

上下文:Capgo Builder / 原生云构建产品页面。角色:小标题或标语。位置:页面native-build.astro。消息键native_build_builder_faq_eyebrow（原生构建构建器FAQ眉毛）。|上下文:Capgo解决方案营销页面。角色:小标题或页面标题。位置:页面solutions/cordova-to-capacitor.astro。消息键solutions_cordova_to_capacitor_faq_title（解决方案Cordova到CapacitorFAQ标题）。

将可爱或 vibe 编码的应用程序快速发布到 App Store 和 Google Play。

可爱是否可以直接发布到 App Store?

不。可爱构建了 Web 应用程序。您将其导出到 GitHub，将其包装在 Capacitor 中，并使用 Capgo Build 构建签名的 iOS 和 Android 应用程序，上传它们到 App Store Connect 和 Google Play。

可爱到 Capacitor 教程

是否需要 Mac 或 Xcode?

不。Capgo Build 在云 Mac 机器上运行 iOS 构建。您仍然需要 Apple Developer 帐户来发布到 App Store，以及 Google Play 开发者帐户来发布 Android。

Capgo Build 文档

是否会将可爱中的更改推送到移动应用程序?

是，针对 Web 层的更改。启用 GitHub 同步时，发布将推送一个提交，GitHub 动作将运行打包上传，安装的应用程序将下载更新。新插件或权限仍然需要一个新的商店构建。

可爱发布到 live update 指南

我的可爱项目使用 Next.js。它是否有效?

是，使用静态导出。将 Capacitor 的 webDir 指向 out 文件夹，而不是 dist。Vite 单页应用程序将按原样工作。

下一.js与Capacitor

我的AI代理是否可以处理发布步骤?

是。npx @capgo/cli mcp启动一个本地MCP服务器，Claude Code、Codex或Cursor可以使用它上传包、管理频道和请求构建。Capgo技能添加Capgo-特定的指示。

Capgo MCP服务器

将您的Lovable应用程序发布到商店

启动14天的免费试用，导出您的项目到GitHub，并从CLI请求您的第一个iOS和Android构建。

来自马丁的人性化支持

开始免费试用 阅读Lovable教程