Allez directement au contenu principal

Pour les équipes avec une application web

Transformez votre application web en applications iOS et Android

Enveloppez votre build web existant avec Capacitor, construisez des binaires signés avec Capgo Build, et publiez-les sur l'App Store et Google Play. Après le lancement, expédiez des mises à jour web en temps réel. Votre web code reste la source.

Pour web, iOS et Android
Une base de code
Une construction native typique
2–3 min
Les changements apportés au web après le lancement
Mises à jour en direct
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

Votre application web

React, Vue, Angular, Svelte ou tout autre ensemble qui génère des fichiers statiques

Stockez les applications que vous mettez à jour

Projets iOS et Android natifs, construits dans le cloud, mis à jour par Wi-Fi

Le problème

Votre équipe livre le web tous les jours. La mobilité ajoute de nouvelles tâches.

Un site réactif n'est pas une application de magasin

Présence du magasin, notifications push et API de périphérique nécessitent un noyau d'application native autour de votre web code.

Un outil natif est nouveau pour une équipe web

Xcode, Android Studio, les certificats de signature, les coffres-forts et les enregistrements de magasin sont des tâches que votre équipe n'a pas encore réalisées.

Deux vitesses de mise à jour

Votre application web est déployée dès que vous fusionnez. Une application de magasin attend la revue après chaque modification, souvent 24 à 48 heures, parfois beaucoup plus longtemps.

Avant de commencer

Vérifiez d'abord ce dans votre application web

Most web apps work inside Capacitor with few changes. These three checks catch the common problems early.

Un résultat de construction statique

Capacitor charge vos fichiers construits à partir d'un seul dossier (webDir). Vite, Angular et Vue produisent cela par défaut. Next.js nécessite une exportation statique.

Next.js avec Capacitor

Navigation et redirections d'authentification

Vérifiez que les routes côté client, les redirections OAuth et les liens fonctionnent à l'intérieur de l'application, et non seulement sur votre domaine.

Web app to Capacitor guide

Fonctionnalités de l'appareil dont vous avez besoin

Listez les éléments nécessitant un plugin natif : notifications push, caméra, fichiers, biométrie ou achats en application.

Capacitor plugins

La Solution

Quels Capacitor et Capgo gèrent

Capacitor offre à votre application web une coquille native. Capgo la construit, la publie dans les magasins et la met à jour régulièrement.

Capacitor wraps your web build

Capacitor place votre application web native dans les projets iOS et Android. Les plugins vous donnent accès aux fonctionnalités du dispositif via JavaScript.

Capacitor plugins

Capgo Construction compile et signe

Demandez des builds iOS et Android à partir de CLI. Les builds iOS s'exécutent sur des Macs cloud, il n'est donc pas nécessaire que quelqu'un sur l'équipe en ait un. Une build typique prend 2-3 minutes.

Capgo Build docs

Téléversez vers les magasins

Les builds signés téléversent sur App Store Connect et Google Play. La première mise en production et chaque changement natif passent encore par la revue des magasins.

Capgo Build docs

Mises à jour en temps réel après le lancement

Envoyez les modifications JavaScript, HTML, CSS et des actifs vers les applications installées sans une nouvelle mise à jour de magasin. Testez d'abord sur un canal de test.

Canal de documentation

Comment ça marche

How web teams ship mobile apps with Capgo

From an existing web app to store builds and live updates. Capacitor commands come from the Capacitor CLI, Capgo commands from the Capgo CLI docs.

  1. Ajoutez Capacitor à votre application web

    Installez Capacitor, configurez le nom de l'application, l'ID de l'application et le répertoire de sortie de build, puis ajoutez les projets iOS et 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
    Guide de l'application web à Capacitor
  2. Connectez l'application à Capgo

    L'onboarding ajoute votre application à Capgo, crée un canal de production, installe le plugin de mise à jour et vous guidez à travers une première mise à jour de test.

    npx @capgo/cli@latest init
    CLI guide d'inscription
  3. Construisez des applications signées dans le cloud

    Configurez la signature une fois, puis demandez des builds iOS et Android. Les builds signés sont envoyés à App Store Connect et Google Play pour examen.

    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. Envoyez des mises à jour en direct

    After users install the store app, upload each new web build to a channel. Native changes still need a new store build.

    npm run build
    npx @capgo/cli@latest bundle upload --channel production
    Envoyez une mise à jour

Agent de codage facultatif : l'intelligence artificielle

Donnez à votre agent de codage un bref de lancement mobile

If you use an AI coding agent, paste this brief. It inspects the app and writes a handoff file with the config, plugin needs, and open tasks before anyone runs native tooling.

Lancement mobile avec intelligence artificielle

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.

Apps built with Capacitor

Web products that also ship store apps

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.

Icône de l'application Poll Everywhere ENTREPRISE

Poll Everywhere

Un produit de sondage d'audience utilisé sur le web et sur les téléphones, où les présentateurs et les participants attendent les mêmes flux.

Téléchargements sur Google Play
1.1M
Note de notation
3.2
Icône Freelancer : Embauche et Trouvez des emplois ENTREPRISE

Freelancer : Embauche et Trouvez des emplois

Marché avec un grand produit web où l'embauche, les messages et les écrans de compte sont également livrés dans une application de magasin.

Téléchargements Google Play
8,9M
Note de notation
4.1
Icône TV SPIELFILM - TV-Programm : Divertissement ENTERTAINMENT

TV SPIELFILM - Programme TV

Service de listings TV avec un site web occupé et une application de magasin qui affiche le même guide et le contenu éditorial.

L'installation de Google Play
12,1M
Notation de l'application
4.4

La preuve de nos clients

Ce que les équipes qui utilisent Capgo disent

5.0/5 Noté par les équipes de développeurs 9,400+ Les équipes Lire les commentaires

sikafanka

Conception, rayon 5

“Capgo Build helped us simplify our Capacitor app release process. We can build and ship iOS and Android apps from one clear workflow.”

Kapil

Fondateur, NuTriQ

« La capacité de pousser des mises à jour OTA en production instantanément sans attendre les cycles de revue complets de l'App Store a été un avantage opérationnel massif. »

Portrait de Luis Dominguez

Luis Dominguez

Qui paie, Anirol

“Depuis que j'ai commencé à utiliser Capgo, tout est plus rapide, et je peux donner à mes utilisateurs le temps qu'ils méritent sans négliger ma vie quotidienne.”

FAQ

Questions que les équipes web se posent

Réponses rapides pour les équipes qui portent une application web existante à l'App Store et Google Play.

Faut-il réécrire notre application web ?

Non. Capacitor exécute votre build web existant à l'intérieur de projets natifs iOS et Android. Vous ajoutez des plugins là où vous avez besoin de fonctionnalités de périphérique et vous conservez un code unique pour web et mobile.

Guide de l'application web à Capacitor

Fonctionne-t-il avec Next.js ?

Oui, avec une exportation statique. Capacitor charge les fichiers à partir de votre dossier de sortie de build, donc définissez output : 'export' et pointez webDir sur le dossier exporté. Vite, Angular et Vue produisent une sortie statique par défaut.

Next.js avec Capacitor

Faut-il un Mac pour la construction iOS ?

Non. Capgo Build exécute les constructions iOS sur des machines Mac cloud et télécharge la construction signée sur App Store Connect. Vous avez toujours besoin d'un compte développeur Apple.

Capgo Build docs

What can we change without a store release?

JavaScript, HTML, CSS, and assets can ship as live updates. Adding a plugin, changing permissions, or updating Capacitor needs a new store build.

Live update ou une mise à niveau native ?

Can mobile updates ship from our existing CI?

Oui. Exécutez l'upload de bundle après votre build web dans GitHub Actions, GitLab CI ou tout pipeline, et demandez des mises à niveau natives du même pipeline lorsque les code natives changent.

Intégration CI/CD

Mettez votre application web dans les magasins

Commencez la période d'essai gratuite de 14 jours, enveloppez votre application avec Capacitor, et demandez vos premières mises à niveau iOS et Android du CLI.