Un sito rispondente non è un'app di negozio
Presenza negli store, notifiche push e API dei dispositivi richiedono un contenitore nativo per il tuo web code.
Per le squadre con un'app web
Avvolgi la tua build web esistente con Capacitor, costruisci binari firmati con Capgo Build e pubblica su App Store e Google Play. Dopo il lancio, invia cambiamenti web come aggiornamenti live. La tua web code rimane la fonte.
14 giorni di prova gratuita illimitata. Nessuna carta di credito richiesta
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
La tua app web
Con React, Vue, Angular, Svelte o qualsiasi stack che costruisce file statici
Mantieni aggiornate le tue app
Progetti nativi iOS e Android, costruiti in cloud, aggiornati in rete
Il Problema
Presenza negli store, notifiche push e API dei dispositivi richiedono un contenitore nativo per il tuo web code.
I tuoi team non hanno mai fatto Xcode, Android Studio, certificati di firma, keystore e registri di archiviazione.
La tua app web viene rilasciata ogni volta che fai merge. Un'app di store attende la revisione per ogni modifica, spesso 24-48 ore, a volte molto più a lungo.
Prima di iniziare
La maggior parte delle app web funziona all'interno di Capacitor con poche modifiche. Questi tre controlli catturano i problemi comuni in modo tempestivo
Capacitor carica i tuoi file costruiti da un unico cartella (webDir). Vite, Angular e Vue producono questo per impostazione predefinita. Next.js richiede un'esportazione statica
Next.js con CapacitorVerifica che le rotte client-side, i redirect OAuth e i collegamenti funzionino all'interno dell'app, non solo sul tuo dominio.
Web app to Capacitor guideElenca le funzionalità native che richiedi: notifiche push, fotocamera, file, rilevamento biometrico o acquisti in-app.
Capacitor pluginsLa Soluzione
Il tuo app web riceve una shell nativa grazie a Capacitor. Capgo la costruisce, la invia nei negozi e la tiene aggiornata.
Capacitor colloca la tua build web in progetti nativi iOS e Android. I plugin danno accesso alle funzionalità del dispositivo tramite JavaScript.
Capacitor pluginsRichiedi i build iOS e Android dal CLI. I build iOS vengono eseguiti su Mac in cloud, quindi nessuno del team ne ha bisogno. Un build tipico richiede 2-3 minuti.
Capgo Build docsIl caricamento dei build firmati avviene su App Store Connect e Google Play. Le prime rilasci e ogni modifica nativa devono comunque passare alla revisione dei negozi.
Capgo Build docsInvia modifiche JavaScript, HTML, CSS e asset alle app installate senza una nuova release dei negozi. Testa prima sul canale di staging.
Canali docsCome funziona
Da un'app web esistente a build dei negozi e aggiornamenti live. I comandi Capacitor vengono dal Capacitor CLI, i comandi Capgo dal Capgo CLI docs.
Installa Capacitor, imposta il nome dell'app, l'ID bundle e la cartella di output di compilazione, quindi aggiungi i progetti iOS e 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
Guida per l'app web a Capacitor
L'onboarding aggiunge il tuo'app a Capgo, crea un canale di produzione, installa il plugin di aggiornamento e ti guida attraverso un primo aggiornamento di test.
npx @capgo/cli@latest init
Guida all'onboarding di CLI
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.
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 Build docs
Dopo l'installazione dell'app di negozio, caricare ogni nuova build web in un canale. Le modifiche native richiedono comunque una nuova build del negozio.
npm run build
npx @capgo/cli@latest bundle upload --channel production
Invia un aggiornamento
Agente di codifica AI (facoltativo)
Se utilizzi un agente di codifica AI, incolla questa breve. Ispeziona l'app e scrivi un file di handoff con la configurazione, le esigenze dei plugin e le attività aperte prima che qualcuno esegua gli strumenti nativi.
Breve di rilascio mobile 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.
Applicazioni costruite con 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.
Il prodotto di sondaggio dell'uditorio utilizzato sia sul web che sui telefoni, dove i presentatori e i partecipanti si aspettano gli stessi flussi.
Un mercato con un grande prodotto web dove l'assunzione, la messaggistica e le schermate di account sono anche disponibili in un'app di negozio.
Servizio di programmazione TV con un sito web affollato e un'app di negozio che mostra la stessa guida e contenuti editoriali.
Prova dei clienti
Diseño, 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.”
Fondatore, NuTriQ
“La possibilità di inviare aggiornamenti OTA in produzione istantaneamente senza dover attendere i cicli di revisione completo dell'App Store è stata un enorme vantaggio operativo.”
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
Risposte brevi per le squadre che portano un'app web esistente sulle App Store e Google Play
No. Capacitor esegue la tua build web esistente all'interno di progetti nativi iOS e Android. Aggiungi plugin dove hai bisogno di funzionalità di dispositivo e mantieni un unico codice per web e mobile
Guida per l'app web a CapacitorSì, con un'esportazione statica. Capacitor carica file dal tuo cartella di output di build, quindi imposta output: 'export' e puntala a cartella esportata. Vite, Angular e Vue producono output statico di default
Next.js con CapacitorNo. Capgo Build esegue build iOS sulle macchine Mac in cloud e carica il build firmato su App Store Connect. Hai ancora bisogno di un account di sviluppatore Apple
Costruzione Capgo documentazioneJavaScript, HTML, CSS e risorse possono essere inviati come aggiornamenti live. Aggiungere un plugin, modificare le autorizzazioni o aggiornare Capacitor richiede una nuova costruzione di store.
Live update o costruzione nativa?Sì. Esegui l'upload del bundle dopo la tua costruzione web in GitHub Azioni, GitLab CI o qualsiasi pipeline, e richiedi costruzioni native dallo stesso pipeline quando cambiano code native.
Integrazione CI/CDInizia il 14-giorni gratuito, avvolgi il tuo app con Capacitor, e richiedi le prime costruzioni iOS e Android dal CLI.
Trasforma il tuo app web in app iOS e Android con Capgo Costruzione.
Supporto umano da Martin
14-giorni di prova gratuita illimitata. Nessuna carta di credito richiesta.
Hai bisogno di un'azienda? Parla con il nostro team