Saltare al contenuto principale

Per costruttori di Lovable e vibe-coding

Trasforma il tuo'app Lovable in app iOS e Android

Esporta il tuo progetto Lovable in GitHub, avvolgilo con Capacitor, e costruisci app di negozio firmate con Capgo Build. Dopo il lancio, ogni pubblicazione in Lovable può raggiungere le app installate come un live update attraverso GitHub Azioni.

GitHub
un repository per Lovable, Capacitor, e CI
2-3 min
costruzione nativa tipica
aggiornamenti in tempo reale
dal Publish in Lovable

Progetto Lovable

Costruisci l'app web con promp e modifiche visive. Collega GitHub affinché il code viva in un repository.

Esporta e avvolgi

shell di Capacitor

Clona il repository, costruisci un cartella di distribuzione statica e aggiungi progetti iOS e Android con Capacitor.

Costruisci e aggiorna

Ciclo di rilascio Capgo

Costruisci binari firmati con Capgo Build, poi invia modifiche web come aggiornamenti live da GitHub Actions.

Il Problema

Lovable costruisce l'app. Le librerie richiedono altro.

L'app si ferma al browser

Un progetto Lovable è un'app web. Le liste dei negozi, le notifiche push e le funzionalità del dispositivo richiedono una shell nativa intorno.

Lovable non può eseguire strumenti nativi

Istruzioni, Xcode, Android Studio e caricamenti negli store avvengono al di fuori di Lovable. È necessario un repository e un servizio di build.

Ogni modifica aspetta la revisione

Dopo il primo rilascio dei negozi, ogni nuova versione torna attraverso la revisione dei negozi, spesso 24-48 ore, a volte molto più a lungo.

La pila

Cosa fa ogni strumento

Costruisce l'app web

Schermi, flussi, copia e cablaggio backend, iterati con promemoria. Un'applicazione a pagina singola ti offre un cartello dist statico per avvolgere.

Capacitor wraps it

GitHub contiene i code. Capacitor inserisce l'app web creata nel progetto nativo iOS e Android con il tuo ID dell'app, icona e autorizzazioni.

Capgo costruisce e aggiorna

Capgo Crea file binari firmati e li carica nei negozi. Le nuove funzionalità vengono poi inviate agli utenti tramite aggiornamenti automatici.

La Soluzione

Il percorso Capgo da Lovable alle store

Lovable continua a costruire il prodotto. Capacitor e Capgo aggiungono i passaggi di compilazione nativa, caricamento negli store e aggiornamento.

Esporta a GitHub e aggiungi Capacitor

Connetti Lovable a GitHub, clona il repository, crea una cartella di distribuzione statica e aggiungi i progetti iOS e Android con Capacitor.

Il tutorial amabile per Capacitor.

Costruiscilo con Capgo Costruisci

Richiedi costruzioni firmate per iOS e Android dal CLI. Le costruzioni per iOS vengono eseguite su Mac in cloud, e una costruzione tipica richiede 2-3 minuti.

Capgo Build docs

Lascia che il tuo agente AI esegua le rilascio

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.

Costruisci con Capgo Costruisci con Capgo

Costruisci con __CAPGO_KEEP_0__

How Lovable builders ship mobile apps with Capgo

Dal progetto Lovable a archiviazione e aggiornamenti in tempo reale. Esegui questi comandi sul tuo computer o lascia che un agente di codifica li esegua per te.

  1. Esporta a GitHub e clona

    In Lovable, collega GitHub. Clona il repository e controlla che la build crea una cartella dist con index.html.

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

  2. Aggiungi Capacitor e Capgo

    Aggiungi i progetti nativi, quindi esegui il Capgo onboarding. Aggiunge la tua app, crea un canale di produzione e installa il plugin di aggiornamento.

    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 guide

  3. Costruisci app firmate in cloud

    Imposta la firma una volta e richiedi costruzioni iOS e Android. Le costruzioni firmate vengono inviate a App Store Connect e Google Play per la revisione.

    npx @capgo/cli@latest build init
npx @capgo/cli@latest build request --platform ios
npx @capgo/cli@latest build request --platform android
    Capgo Build docs

  4. Pubblica ogni rilascio come un live update

    Aggiungi CAPGO_TOKEN come un segreto GitHub e un flusso di lavoro che costruisce e carica all'invio. Nuovi plugin o autorizzazioni richiedono ancora una nuova costruzione del negozio.

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

Prompt dell'agente AI

Let your coding agent do the setup

Lovable non può eseguire il comando Capgo CLI. Dopo aver clonato il repository, incollare questo nella tua agenzia di codifica locale come Claude Code, Codex o Cursor. Installa il server MCP Capgo, aggiungi Capacitor e l'aggiornatore, e lascia i TODO per la firma al posto di inventare segreti.

Prompt per la tua agenzia di codifica

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.

App costruite con Capacitor

Template e prodotti di apprendimento sono candidati naturali per la mobilità

Applicazioni di creazione e apprendimento mostrano come i flussi web possano diventare esperienze mobili pronte per il negozio quando la confezione, la firma e gli aggiornamenti sono gestiti in modo pulito.

Icona dell'app Invitazione Maker Card Design EVENTI

Invitazione Maker Card Design

Flusso di progettazione guidato da template che si mappa naturalmente da web responsivo a mobile.

Installazioni su Google Play
20,0M
Valutazione della Store
4.6
Icona dell'applicazione giapponese infinita Educativo

Infinite Giapponese

Apprendimento focalizzato dove piccole lezioni e miglioramenti dell'onboarding si accumulano.

Installa su Google Play
1,8M
Valutazione della Store
4.6
Icona dell'app StudySmarter - Scuola & università ISTRUZIONE

StudySmarter - Scuola & università

Il flusso di lavoro può continuare dopo la confezione dell'applicazione.

Installazioni di Google Play
6,5 milioni
Valutazione della store
4.8

Prova dei clienti

Ciò che gli squadre che utilizzano Capgo dicono

5.0/5 Valutato da squadre di sviluppatori 9,400+ Squadre Leggi le recensioni

sikafanka

Design, raggio 5

"Capgo Build ci ha aiutato a semplificare il nostro processo di rilascio dell'app Capacitor. Possiamo creare e distribuire app iOS e Android da un flusso di lavoro chiaro e unico."

Kapil

Fondatore, NuTriQ

"La possibilità di inviare aggiornamenti OTA in produzione istantaneamente, senza dover attendere i cicli di revisione completi dell'App Store, è stata un'enorme vantaggio operativo."

Ritratto di Luis Dominguez

Luis Dominguez

El che paga, Anirol

“Da quando ho iniziato ad utilizzare Capgo tutto è più veloce, e posso dare ai miei utenti il tempo che meritano senza trascurare la mia vita quotidiana.”

FAQ

Domande che i costruttori amabili si pongono

Risposte brevi per portare un'app Lovable o codificata con vibrazioni sulle App Store e Google Play

Possono le App Lovable pubblicare direttamente sulle App Store?

No. Lovable costruisce l'app web. Esegui l'esportazione dell'app web in GitHub, avvolgila con Capacitor, e costruisci app iOS e Android firmate con Capgo Build, che le carica sulle App Store Connect e Google Play.

Guida per portare Lovable su Capacitor

Ho bisogno di un Mac o di Xcode?

No. Capgo Build esegue le costruzioni iOS su macchine Mac in cloud. Hai ancora bisogno di un account Apple Developer per le App Store e un account Google Play per Android.

Documentazione di Capgo Build

Domande che si pongono gli amanti del codice

Sì, per le modifiche al layer web. Con la sincronizzazione di GitHub abilitata, Publish invia un commit, un GitHub Action esegue l'upload del bundle e le app installate scaricano l'aggiornamento. I nuovi plugin o le nuove autorizzazioni richiedono ancora una nuova build del store.

Lovable Publish a live update guide

Il mio progetto Lovable utilizza Next.js. Funziona?

Sì, con un esportazione statica. Punti Capacitor webDir al folder out al posto di dist. Le app single-page Vite funzionano come sono.

Next.js con Capacitor

Posso che il mio agente AI gestisca i passaggi di rilascio?

Sì. npx @capgo/cli mcp avvia un server MCP locale che Claude Code, Codex o Cursor possono utilizzare per caricare i bundle, gestire i canali e richiedere le build. Le Capgo competenze aggiungono istruzioni specifiche per l'agente Capgo.

Capgo server MCP

Metti il tuo app Lovable nei negozi

Inizia la tua 14-giorni prova gratuita, esporta il tuo progetto in GitHub e richiedi i primi build iOS e Android dal CLI.