Saltare al contenuto principale

Per le squadre con un'app web

Trasforma la tua app web in app iOS e Android

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.

Per web, iOS e Android
Un unico codice
Costruzione nativa tipica
2-3 min
Aggiornamenti dopo il lancio
Aggiornamenti in tempo reale
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

Il tuo team invia la web ogni giorno. Il mobile aggiunge nuove attività.

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.

Gli strumenti nativi sono nuovi per un team web

I tuoi team non hanno mai fatto Xcode, Android Studio, certificati di firma, keystore e registri di archiviazione.

Due velocità di rilascio

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

Cosa controllare nella tua app web prima

La maggior parte delle app web funziona all'interno di Capacitor con poche modifiche. Questi tre controlli catturano i problemi comuni in modo tempestivo

Un output di costruzione statico

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 Capacitor

Routing e redirect al login

Verifica 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 guide

Le funzionalità del dispositivo che ti servono

Elenca le funzionalità native che richiedi: notifiche push, fotocamera, file, rilevamento biometrico o acquisti in-app.

Capacitor plugins

La Soluzione

Cosa Capacitor e Capgo gestiscono

Il tuo app web riceve una shell nativa grazie a Capacitor. Capgo la costruisce, la invia nei negozi e la tiene aggiornata.

La tua build web viene avvolta da Capacitor

Capacitor colloca la tua build web in progetti nativi iOS e Android. I plugin danno accesso alle funzionalità del dispositivo tramite JavaScript.

Capacitor plugins

Capgo Build compiles and signs

Richiedi 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 docs

Carica nei negozi

Il 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 docs

Aggiornamenti live dopo il lancio

Invia modifiche JavaScript, HTML, CSS e asset alle app installate senza una nuova release dei negozi. Testa prima sul canale di staging.

Canali docs

Come funziona

Come le squadre web inviano app mobili con Capgo

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.

  1. Aggiungi Capacitor al tuo'app web

    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
  2. Collega l'app a Capgo

    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
  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.

    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
  4. Invia modifiche web come aggiornamenti in tempo reale

    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)

Dai al tuo agente di codifica una breve di rilascio mobile

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

Prodotti web che inviano anche app di negozio

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.

Icona dell'app Poll Everywhere AUDIENZA

Poll Everywhere

Il prodotto di sondaggio dell'uditorio utilizzato sia sul web che sui telefoni, dove i presentatori e i partecipanti si aspettano gli stessi flussi.

Installazioni su Google Play
1,1M
Valutazione della store
3.2
Icona Freelancer: Assunzioni e ricerca di lavoro AZIENDA

Freelancer: Assunzioni e ricerca di lavoro

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.

Installazioni Google Play
8,9M
Valutazione dell'app
4.1
Icona TV SPIELFILM - TV-Programma DIVERTIMENTO

TV SPIELFILM - Programm TV

Servizio di programmazione TV con un sito web affollato e un'app di negozio che mostra la stessa guida e contenuti editoriali.

Sito Google Play
12,1M
Valutazione della store
4.4

Prova dei clienti

Cosa dicono i team che utilizzano Capgo

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

sikafanka

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.”

Kapil

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.”

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 le squadre web si pongono

Risposte brevi per le squadre che portano un'app web esistente sulle App Store e Google Play

Devo riscrivere la mia app web?

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 Capacitor

Funziona con Next.js?

Sì, 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 Capacitor

Devo avere un Mac per il build iOS?

No. 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 documentazione

Cosa possiamo cambiare senza una rilascio di store?

JavaScript, 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?

Possono le aggiornamenti mobili partire dal nostro CI esistente?

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/CD

Porta la tua app web nei negozi

Inizia il 14-giorni gratuito, avvolgi il tuo app con Capacitor, e richiedi le prime costruzioni iOS e Android dal CLI.