Aller au contenu principal

Pour les équipes avec une web app

Transformez votre web app en apps iOS et Android

Encapsulez votre build web existant avec Capacitor, compilez des binaires signés avec Capgo Build, puis publiez sur l'App Store et Google Play. Après le lancement, déployez vos modifications web via des live updates. Votre code web reste la source.

pour le web, iOS et Android
Une seule codebase
build natif classique
2–3 min
pour les changements web après le lancement
Live updates
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 toute stack qui génère des fichiers statiques

Vos apps sur les stores, toujours à jour

Des projets iOS et Android natifs, compilés dans le cloud, mis à jour via Live Update

Le problème

Votre équipe déploie le web quotidiennement. Le mobile ajoute une charge de travail.

Un site responsive n'est pas une application de store

Présence sur les stores, notifications push et API d'appareil nécessitent une coque native autour de votre code web.

Les outils natifs sont nouveaux pour une équipe web

Xcode, Android Studio, certificats de signature, keystores et comptes de store sont des tâches que votre équipe n'a jamais gérées.

Deux vitesses de release

Votre application web est déployée dès que vous fusionnez. Une application de store attend la validation à chaque changement, souvent 24 à 48 h, parfois bien plus.

Avant de commencer

What to check in your web app first

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

Un build statique

Capacitor charge vos fichiers compilés depuis un seul dossier (webDir). Vite, Angular et Vue le font par défaut. Next.js nécessite un export statique.

Next.js avec Capacitor

Routage et redirections de connexion

Vérifiez que les routes côté client, les redirections OAuth et les liens fonctionnent dans l'app, et pas seulement sur votre domaine.

Guide web app vers Capacitor

Les fonctionnalités de l'appareil nécessaires

Listez ce qui nécessite un plugin natif : notifications push, caméra, fichiers, biométrie ou achats in-app.

Plugins Capacitor

La solution

Ce que Capacitor et Capgo gèrent

Capacitor fournit une enveloppe native à votre web app. Capgo la compile, l'envoie sur les stores et la maintient à jour.

Capacitor encapsule votre build web

Capacitor intègre votre web app compilée dans des projets natifs iOS et Android. Les plugins donnent à votre JavaScript l'accès aux fonctionnalités de l'appareil.

Plugins Capacitor

Capgo Build compile et signe

Demandez des builds iOS et Android via CLI. Les builds iOS tournent sur des Mac dans le cloud, donc personne dans l'équipe n'a besoin d'un Mac. Un build typique prend 2 à 3 minutes.

Documentation Capgo Build

Envoyer sur les stores

Les builds signés sont envoyés vers App Store Connect et Google Play. La première release et chaque changement natif passent toujours par la revue des stores.

Documentation Capgo Build

Live updates après le lancement

Déployez des changements JS, HTML, CSS et assets sur les apps installées sans nouvelle release sur les stores. Testez d'abord sur un canal de staging.

Doc sur les canaux

Comment ça marche

Comment les équipes web déploient des apps mobiles avec Capgo

D'une web app existante aux builds pour les stores et aux live updates. Les commandes Capacitor proviennent de la Capacitor CLI, et les commandes Capgo de la Capgo CLI.

  1. Ajoutez Capacitor à votre web app

    Installez Capacitor, configurez le nom de l'app, le bundle ID et le dossier de sortie du 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 web app vers Capacitor
  2. Connectez l'app à Capgo

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

    npx @capgo/cli@latest init
    Guide d'onboarding CLI
  3. Compilez des apps signées dans le cloud

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

    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
    Documentation Capgo Build
  4. Déployez vos changements web en live updates

    Une fois l'app installée depuis le store, envoyez chaque nouveau build web vers un canal. Les changements natifs nécessitent toujours un nouveau build pour les stores.

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

Optionnel : agent IA de codage

Un brief de release mobile pour votre agent de code

Si vous utilisez un agent IA de code, collez ce brief. Il inspecte l'app et écrit un fichier de handoff avec la config, les plugins nécessaires et les tâches ouvertes avant que quiconque ne lance les outils natifs.

Brief de release mobile pour l'IA

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 développées avec Capacitor

Produits web qui publient aussi sur les stores

Les produits déjà présents sur le web peuvent packager le même code avec Capacitor, publier sur l'App Store et Google Play, et continuer à livrer des améliorations de la couche web en live updates.

Icône de l'app Poll Everywhere ENTREPRISE

Poll Everywhere

Produit de sondage d'audience utilisé sur le web comme sur mobile, où les présentateurs et les participants attendent les mêmes parcours.

Installations Google Play
1,1 M
Note du store
3.2
Icône de l'application Freelancer : Hire & Find Jobs ENTREPRISE

Freelancer : recrutez et trouvez des missions

Marketplace au vaste produit web dont les écrans de recrutement, messagerie et compte sont aussi livrés en app sur les stores.

Installations Google Play
8,9 M
Note du store
4.1
Icône de l'application TV SPIELFILM - TV-Programm Divertissement

TV SPIELFILM - Programme TV

Service de programmes TV avec un site très fréquenté et une app sur les stores affichant le même guide et contenu éditorial.

Installations Google Play
12,1 M
Note du store
4.4

Témoignages clients

Ce que disent les équipes qui déploient avec Capgo

5.0/5 noté par les équipes de développeurs 9,400+ équipes Lire les avis

sikafanka

Design, rayon 5

“Capgo Build nous a aidés à simplifier notre processus de release de l’app Capacitor. Nous pouvons compiler et déployer des apps iOS et Android depuis un workflow unique et clair.”

Kapil

Fondateur, NuTriQ

“Pouvoir pousser instantanément des mises à jour OTA en production sans attendre les cycles complets de validation de l’App Store est un avantage opérationnel énorme.”

Portrait de Luis Dominguez

Luis Dominguez

Celui qui paie, Anirol

« Depuis que j'utilise Capgo, tout est plus rapide, et je peux offrir à mes utilisateurs le temps qu'ils méritent sans négliger ma vie quotidienne. »

FAQ

Questions des équipes web

Réponses rapides pour les équipes qui font passer une app web existante sur l'App Store et Google Play.

Devons-nous réécrire notre application web ?

Non. Capacitor exécute votre build web existant dans des projets natifs iOS et Android. Vous ajoutez des plugins là où vous avez besoin de fonctionnalités de l'appareil et conservez une seule base de code pour le web et le mobile.

Guide web app vers Capacitor

Est-ce que ça fonctionne avec Next.js ?

Oui, avec un export statique. Capacitor charge les fichiers depuis le dossier de sortie de votre build : configurez output: 'export' et faites pointer webDir vers le dossier exporté. Vite, Angular et Vue produisent une sortie statique par défaut.

Next.js avec Capacitor

Faut-il un Mac pour le build iOS ?

Non. Capgo Build exécute les builds iOS sur des machines Mac dans le cloud et envoie le build signé vers App Store Connect. Il vous faut toujours un compte Apple Developer.

Documentation Capgo Build

Que peut-on modifier sans nouvelle release sur les stores ?

Le JavaScript, le HTML, le CSS et les assets peuvent être déployés via des live updates. Ajouter un plugin, modifier les permissions ou mettre à jour Capacitor nécessitent un nouveau build pour les stores.

Live update ou build natif ?

Can mobile updates ship from our existing CI?

Oui. Lancez l'upload du bundle après votre build web dans GitHub Actions, GitLab CI ou tout autre pipeline, et demandez des builds natifs depuis le même pipeline quand les code natifs changent.

Intégration CI/CD

Publiez votre web app sur les stores

Lancez votre essai gratuit de 14 jours, enveloppez votre app avec Capacitor et demandez vos premiers builds iOS et Android depuis le CLI. Choisissez un plan avec une garantie de remboursement de 14 jours, enveloppez votre app avec Capacitor et demandez vos premiers builds iOS et Android depuis le CLI.