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 store firmate con Capgo Build. Dopo il lancio, ogni pubblicazione in Lovable può raggiungere le app installate come un live update attraverso GitHub Azioni.

Sostegno umano da Martin

GitHub
Un repository per Lovable, Capacitor, e CI
2–3 min
costruzione nativa tipica
Aggiornamenti in tempo reale
da ogni pubblicazione in Lovable

Progetto Lovable

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

Esporta e avvolgi

Capacitor shell

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

Costruisci e aggiorna

Capgo ciclo di rilascio

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

Il Problema

Lovable costruisce l'app. Le store richiedono di più.

L'app si ferma al browser

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

Lovable non può eseguire gli 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 la prima rilascio di negozio, ogni nuova versione torna attraverso la revisione del negozio, spesso 24-48 ore, a volte molto più a lungo.

La pila

Cosa fa ogni strumento

Lovable costruisce l'app web

Schermate, flussi, copia e connessioni backend, iterati con promemoria. Un'app unica pagina vi dà un dist statico per avvolgere.

Capacitor lo avvolge

Ecco il GitHub che tiene il code. Capacitor inserisce l'app web costruita in progetti nativi iOS e Android con il tuo ID app, icone e autorizzazioni.

Ecco il percorso Capgo da Lovable alle store

Costruisce Capgo ed esegue l'upload dei binari firmati nei negozi. Le nuove funzionalità vengono inviate in aggiornamento alle app installate.

La Soluzione

Ecco il percorso Capgo da Lovable alle store

Lovable continua a sviluppare 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.

Documentazione Capgo Build

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

Lascia che il tuo agente AI esegua i rilasci

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.

Come funziona

Come gli sviluppatori di Lovable distribuiscono app mobili con Capgo

Da un progetto Lovable a costruzioni di store e aggiornamenti in tempo reale. Esegui questi comandi sul tuo computer o lascia che un agente di codifica li esegua.

  1. Esporta su 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 a Capacitor tutorial
  2. Aggiungi Capacitor e Capgo

    Aggiungi i progetti nativi, quindi esegui l'onboarding di Capgo. 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 caricate su 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

    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
    Guida di pubblicazione a live update

Promemoria per l'agente di codifica

Let your coding agent do the setup

Capgo non può eseguire il CLI. Dopo aver clonato il repository, incollare questo in un agente di codifica locale come Claude Code, Codex o Cursor. Installa il server MCP Capgo, aggiunge Capacitor e l'aggiornatore, e lascia i TODO per la firma al posto delle segrete

Promemoria per l'agente 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.

Applicazioni costruite con Capacitor

Sono naturalmente dei candidati per i prodotti di apprendimento e di template

Applicazioni di creazione e app di 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 di Invitazione Maker Card Design EVENTI

Invitazione Maker Card Design

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

Illegittimi installati su Google Play
20,0M
Valutazione del negozio
4.6
Infinite icona dell'app giapponese Educativo

Infinite giapponese

Apprendimento focalizzato dove piccole lezioni e miglioramenti di onboarding si accumulano.

Installazioni su Google Play
1,8M
Valutazione della store
4.6
Icona dell'app StudySmarter - Scuola e università ISTRUZIONE

StudySmarter - Scuola e università

Il flusso di lavoro dove l'iterazione del prodotto web può continuare dopo la confezione dell'app.

Installa Google Play
6,5M
Valutazione della store
4.8

Clienti soddisfatti

Che squadre che utilizzano Capgo

5.0/5 Valutato da team di sviluppatori 9,400+ teami Leggi le recensioni

amorevole

Progettazione, raggio 5

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

Kapil

Fondatore, NuTriQ

Ecco cosa significa per noi poter inviare aggiornamenti OTA in produzione istantaneamente, senza dover attendere i cicli di revisione completi dell'App Store.

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 si pongono gli amanti del codice

Risposte brevi per portare un'app Lovable o codificata per vibrazione sullo Store App e Google Play.

Può Lovable pubblicare direttamente sullo Store App?

No. Lovable builds the web app. You export it to GitHub, wrap it with Capacitor, and build signed iOS and Android apps with Capgo Build, which uploads them to App Store Connect and Google Play.

Tutorial Lovable a Capacitor

Devo avere un Mac o Xcode?

No. Build di Capgo esegue le costruzioni iOS su macchine cloud. Tuttavia, hai bisogno di un account di sviluppatore Apple per lo Store App e un account di sviluppatore Google per Android.

Capgo Build docs

Le modifiche che faccio in Lovable raggiungono l'app mobile?

Sì, per le modifiche al layer web. Con GitHub sincronizzato, Publish invia un commit, un'azione di GitHub esegue l'upload del pacchetto e le app installate scaricano l'aggiornamento. Nuovi plugin o autorizzazioni richiedono ancora una nuova costruzione dello store.

Lovable Publish a live update guide

Il mio progetto Lovable utilizza Next.js. Funziona?

Sì, con un'esportazione statica. Puntale il webDir di Capacitor sull'out folder al posto di dist. Le app a pagina singola di Vite funzionano come sono.

Prossimo.js con Capacitor

Posso il mio agente AI gestire 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 pacchetti, gestire i canali e richiedere le costruzioni. Le Capgo competenze aggiungono istruzioni specifiche per l'agente Capgo.

Capgo server MCP

Metti la tua app Lovable nei negozi

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

Sostegno umano da Martin