Salta al contenuto principale

Per team con una web app

Trasforma la tua web app in app iOS e Android

Racchiudi la tua build web esistente con Capacitor, crea binari firmati con Capgo Build e pubblica su App Store e Google Play. Dopo il lancio, rilascia le modifiche web come live update. La tua code web resta la fonte.

per web, iOS e Android
Un'unica codebase
tipica build nativa
2–3 min
per modifiche web post-lancio
Live Update
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 web app

React, Vue, Angular, Svelte o qualsiasi stack che genera file statici

App negli store che continui ad aggiornare

Progetti nativi iOS e Android, compilati nel cloud e aggiornati over the air

Il problema

Il tuo team rilascia il web ogni giorno. Il mobile aggiunge nuovo lavoro.

Un sito responsive non è un'app per gli store

Presenza negli store, notifiche push e API del dispositivo richiedono un app shell nativo attorno al tuo code web.

Il tooling nativo è nuovo per un team web

Xcode, Android Studio, certificati di firma, keystore e record degli store sono attività che il tuo team non ha mai gestito.

Due velocità di rilascio

La tua web app viene rilasciata a ogni merge. Un'app store aspetta la revisione a ogni modifica, spesso 24–48 ore, a volte molto di più.

Prima di iniziare

Cosa controllare subito nella tua web app

La maggior parte delle web app funziona in Capacitor con poche modifiche. Questi tre controlli intercettano subito i problemi comuni.

Una build statica

Capacitor carica i tuoi file compilati da una cartella (webDir). Vite, Angular e Vue lo fanno di default. Next.js richiede un export statico.

Next.js con Capacitor

Routing e redirect di login

Verifica che le rotte client-side, i redirect OAuth e i link funzionino dentro l'app, non solo sul tuo dominio.

Guida da web app a Capacitor

Funzionalità del dispositivo necessarie

Elenca cosa richiede un plugin nativo: notifiche push, camera, file, biometria o acquisti in-app.

plugin Capacitor

La soluzione

Cosa gestiscono Capacitor e Capgo

Capacitor fornisce alla tua web app una shell nativa. Capgo la builda, la invia agli store e la mantiene aggiornata.

Capacitor incapsula il tuo web build

Capacitor inserisce la tua web app nei progetti nativi iOS e Android. I plugin permettono al tuo JavaScript di accedere alle funzioni del dispositivo.

plugin Capacitor

Capgo Build compila e firma

Richiedi build iOS e Android da CLI. Le build iOS girano su Mac in cloud, quindi nessuno del team deve possederne uno. Una build tipica richiede 2–3 minuti.

Capgo Documentazione build

Upload sugli store

Le build firmate vengono caricate su App Store Connect e Google Play. Il primo rilascio e ogni modifica nativa passano comunque dalla revisione dello store.

Capgo Documentazione build

Live updates dopo il lancio

Pubblica modifiche a JavaScript, HTML, CSS e asset sulle app installate senza un nuovo rilascio negli store. Testa prima su un canale di staging.

Docs canali

Come funziona

Come i team web pubblicano app mobile con Capgo

Da una web app esistente alle build per gli store e ai live update. I comandi Capacitor vengono dalla documentazione Capacitor CLI, i comandi Capgo da Capgo CLI.

  1. Aggiungi Capacitor alla tua web app

    Installa Capacitor, imposta il nome dell'app, il bundle ID e la cartella di output, 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 da web app a Capacitor
  2. Connetti l'app a Capgo

    L'onboarding aggiunge la tua app a Capgo, crea un canale di produzione, installa il plugin updater e ti guida nel primo aggiornamento di test.

    npx @capgo/cli@latest init
    Guida all'onboarding di CLI
  3. Crea app firmate nel cloud

    Configura la firma una sola volta, poi richiedi i build per iOS e Android. I build firmati vengono caricati 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 Documentazione build
  4. Rilascia le modifiche web come live update

    Dopo che gli utenti installano l'app dallo store, carica ogni nuova build web su un channel. Le modifiche native richiedono comunque una nuova build dello store.

    npm run build
    npx @capgo/cli@latest bundle upload --channel production
    Rilascia un update

Opzionale: AI coding agent

Fornisci al tuo coding agent un brief per il rilascio mobile

Se usi un AI coding agent, incolla questo brief. Analizza l'app e scrive un file di handoff con la config, i plugin necessari e i task aperti prima che qualcuno avvii i tool nativi.

Brief AI per il rilascio mobile

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.

App buildate con Capacitor

Prodotti web che pubblicano anche app sugli store

I prodotti già presenti sul web possono pacchettizzare lo stesso code con Capacitor, pubblicare su App Store e Google Play e continuare a rilasciare miglioramenti al web layer come live update.

Icona app Poll Everywhere AFFARI

Poll Everywhere

Prodotto di audience polling usato su web e smartphone, dove relatori e partecipanti si aspettano gli stessi flussi.

Installazioni Google Play
1,1M
Valutazione store
3.2
Freelancer: icona dell'app Hire & Find Jobs AFFARI

Freelancer: Assumi e trova lavoro

Marketplace con un ampio prodotto web in cui le schermate di assunzione, messaggistica e account vengono pubblicate anche in un'app store.

Installazioni Google Play
8,9M
Valutazione store
4.1
Icona dell'app TV SPIELFILM - TV-Programm INTRATTENIMENTO

TV SPIELFILM - Programmazione TV

Servizio di palinsesti TV con un sito web molto frequentato e un'app che mostra la stessa guida e i contenuti editoriali.

Installazioni Google Play
12,1M
Valutazione store
4.4

Cosa dicono i clienti

Cosa dicono i team che rilasciano con Capgo

5.0/5 valutato dai team di sviluppatori 9,400+ team Leggi le recensioni

sikafanka

Design, raggio 5

“Capgo Build ci ha aiutato a semplificare il processo di rilascio delle nostre app Capacitor. Possiamo buildare e rilasciare app iOS e Android con un unico workflow chiaro.”

Kapil

Fondatore, NuTriQ

“Poter rilasciare aggiornamenti OTA in produzione all'istante, senza attendere i cicli completi di revisione dell'App Store, è stato un enorme vantaggio operativo.”

Ritratto di Luis Dominguez

Luis Dominguez

Chi paga, Anirol

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

FAQ

Le domande dei team web

Risposte rapide per i team che portano una web app esistente su App Store e Google Play.

Dobbiamo riscrivere la nostra web app?

No. Capacitor esegue la tua build web esistente all'interno di progetti nativi iOS e Android. Aggiungi i plugin dove servono le funzionalità del dispositivo e mantieni un'unica codebase per web e mobile.

Guida da web app a Capacitor

Funziona con Next.js?

Sì, con un export statico. Capacitor carica i file dalla cartella di build, quindi imposta output: 'export' e punta webDir alla cartella esportata. Vite, Angular e Vue producono output statico di default.

Next.js con Capacitor

Serve un Mac per la build iOS?

No. Capgo Build esegue le build iOS su Mac cloud e carica la build firmata su App Store Connect. Ti serve comunque un account Apple Developer.

Capgo Documentazione build

Cosa possiamo cambiare senza un rilascio sugli store?

JavaScript, HTML, CSS e asset possono essere distribuiti come live update. Aggiungere un plugin, cambiare i permessi o aggiornare Capacitor richiede una nuova build sullo store.

Live update o Native Build?

Possiamo pubblicare gli update mobile dalla nostra CI esistente?

Sì. Esegui il bundle upload dopo la build web in GitHub Actions, GitLab CI o qualsiasi pipeline, e richiedi le Native Build dalla stessa pipeline quando cambiano i code nativi.

Integrazione CI/CD

Porta la tua web app negli store

Inizia la prova gratuita di 14 giorni, wrappa la tua app con Capacitor e richiedi le tue prime build iOS e Android tramite CLI. Scegli un piano con garanzia di rimborso di 14 giorni, wrappa la tua app con Capacitor e richiedi le tue prime build iOS e Android tramite CLI.