Guide d'inscription de CLI

Vue d'ensemble rapide

Le Capgo CLI fournit une onboarding interactive qui configure les mises à jour en temps réel pour votre application Capacitor. Vous allez :

1. ✅ Enregistrer votre application sur Capgo
2. 🔌 Installez et configurez le plugin de mise à jour
3. 🚀 Déployez votre première mise à jour en direct
4. 📱 Testez la mise à jour sur votre appareil

Temps estimé : 10-20 minutes (varie en fonction de votre vitesse de connexion et du temps de construction)

Conseil

L'onboarding est entièrement résumable - quittez à tout moment et continuez plus tard depuis où vous avez arrêté.

Démarrage de l'Onboarding

Exécutez la commande d'initialisation avec votre clé API :

npx @capgo/cli@latest init [APIKEY]

Vous verrez le message d'accueil :

Capgo onboarding 🛫

Ce qui se passe lors de l'inscription

Le CLI vous guidera à travers 13 étapes interactives :

Phase de configuration (Étapes 1-6) :

• Vérifiez votre environnement de développement (Xcode/Android Studio)
• Ajoutez votre application à Capgo et créez un canal de production
• Installez le @capgo/capacitor-updater plugin
• Injectez le code requis dans votre application
• Activer l'encryption fin-à-fin (facultatif)
• Choisissez une plateforme de test (iOS ou Android)

Phase de test (Étapes 7-12) :

• Construirez votre application et l’exécutez sur un appareil/simulateur
• Faites une modification visible (code) (automatique ou manuelle)
• Envoyez le bundle mis à jour vers Capgo
• Voyez l'actualisation en direct apparaitre sur votre appareil en temps réel

Terminaison (Étape 13) :

• Votre application est prête pour les mises à jour en direct ! 🎉

Le Processus d'Onboarding en 13 Étapes

Étape 1 : Vérifiez les Prérequis

Le CLI vérifie votre environnement de développement pour vous assurer que vous disposez des outils nécessaires.

Ce qui est vérifié :

• Xcode (seulement macOS) - pour le développement iOS
• Android SDK - pour le développement Android

Résultats possibles :

✅ Les deux environnements trouvés :

✅ Xcode detected - iOS development ready
✅ Android SDK detected - Android development ready

⚠️ Aucun environnement trouvé :

⚠️ Xcode not found
⚠️ Android SDK not found
❌ No development environment detected

📱 To develop mobile apps with Capacitor, you need:
   • For iOS: Xcode (macOS only) - https://developer.apple.com/xcode/
   • For Android: Android Studio - https://developer.android.com/studio

Questions que vous pourriez être posées :

Attention

Si aucun environnement de développement n'est détecté, vous serez interrogé sur votre volonté de continuer. Il est recommandé d'installer au moins une plateforme avant de poursuivre.

Étape 2 : Ajoutez votre application

Le CLI vous connectera à Capgo et ajoutera votre application à votre compte.

(spinner) Running: npm @capgo/cli@latest login ***
Login Done ✅

❓ Add {appId} in Capgo?

Si votre ID d'application est déjà pris :

Le CLI vous proposera des alternatives :

❌ App ID "com.example.app" is already taken
💡 Here are some suggestions:
   1. com.example.app2
   2. com.example.app3
   3. com.example.app.new
   4. com.example.app.app

❓ What would you like to do?

Vous pouvez choisir une suggestion ou entrer un ID d'application personnalisé.

Remarque

Les identifiants d'application doivent suivre la notation de domaine inversé (par exemple, com.example.myapp)

Étape 3 : Créer un canal de production

Les canaux vous permettent de gérer différents flux d'actualisation pour votre application.

❓ Create default channel production for {appId} in Capgo?

Conseil

Ne vous inquiétez pas ! C'est juste pour les tests locaux pendant l'inscription. La création d'un « canal de production » ne signifie pas que vos mises à jour seront immédiatement disponibles pour les clients. Vous avez tout contrôle sur la mise en ligne des mises à jour. Sélectionnez Oui sauf si vous avez des exigences spécifiques pour le canal.

Si vous sélectionnez Oui :

(spinner) Running: npm @capgo/cli@latest channel add production {appId} --default
Channel add Done ✅  (or "Channel already added ✅")

Un canal de production sera créé et défini comme canal par défaut. Il s'agit de l'option recommandée pour la plupart des utilisateurs.

Si vous sélectionnez Non :

If you change your mind, run it for yourself with: "npm @capgo/cli@latest channel add production {appId} --default"

Vous devrez créer et configurer les canaux manuellement plus tard. Alternativement, vous pouvez :

• Définir le canal dans votre capacitor.config.ts fichier
• Utiliser la méthode JavaScript pour définir dynamiquement le canal setChannel() Configurer les canaux plus tard à partir de la console web __CAPGO_KEEP_0__
• Configure channels later from the Capgo web console

Étape 4 : Installer le Plugin de Mise à Jour

The CLI will install the @capgo/capacitor-updater plugin compatible with your Capacitor version.

❓ Automatic Install "@capgo/capacitor-updater" dependency in {appId}?

Compatibilité de la version :

• Capacitor 5v5 @capgo/capacitor-updater Capgo 6 : Installe
• Capacitor 6Copy to clipboard @capgo/capacitor-updater Version compatibility:
• Capacitor 7: Installe @capgo/capacitor-updater v7
• Capacitor 8+: Installe la dernière version

Attention

Capgo ne prend en charge que Capacitor v5 et ultérieur. Si vous utilisez une version plus ancienne, vous devrez d'abord la mettre à jour.

Option d'actualisation instantanée :

Après l'installation, vous serez interrogé :

❓ Do you want to set instant updates in {appId}?
   Read more: https://capgo.app/docs/live-updates/update-behavior/#applying-updates-immediately

Conseil

Qu'est-ce que les mises à jour instantanées ? Avec les mises à jour instantanées activées, votre application applique les mises à jour immédiatement lorsque l'application est mise en arrière-plan et rouvert. Cela fonctionne de manière fluide car Capgo peut distribuer les mises à jour dans le monde entier en moins de 300 ms. Sans cela (mode standard), les mises à jour téléchargent en arrière-plan et s'appliquent lors du prochain redémarrage de l'application. Les mises à jour instantanées sont excellentes pour une itération plus rapide pendant le développement et les corrections critiques de bogues en production.

Si vous sélectionnez Oui :

• Les mises à jour seront configurées pour s'appliquer immédiatement lorsque l'application est mise en arrière-plan et rouvert
• autoUpdate: 'always' et autoSplashscreen: true contexte : Page/zone : Site web de marketing Capgo. Rôle : Étiquette de navigation ou élément UI court. Vu dans : page trust.astro. Clé de message `et` (Et).
• seront ajoutés à votre config capacitor.config.ts Votre
• seront mis à jour automatiquement Mises à jour delta

contexte : Page/zone : Page de tarification produit Entreprise. Rôle : Étiquette de navigation ou élément UI court. Vu dans : page enterprise.astro. Clé de message `entreprise_delta_updates` (Mises à jour delta Entreprise). Mises à jour delta seront activées automatiquement - cela envoie uniquement les fichiers qui ont changé entre les mises à jour au lieu du bundle complet, ce qui rend les mises à jour beaucoup plus rapides. Si vous sélectionnez Non :

• Les mises à jour utiliseront le comportement standard (téléchargement en arrière-plan, application à la prochaine redémarrage)
• Vous pouvez toujours activer les mises à jour instantanées plus tard en modifiant votre capacitor.config.ts

Étape 5 : Ajouter l'intégration Code

Le CLI injectera automatiquement les code requis dans votre fichier d'application principal.

❓ Automatic Add "CapacitorUpdater.notifyAppReady()" code and import in {appId}?

Ce qui est ajouté :

import { CapacitorUpdater } from '@capgo/capacitor-updater'

CapacitorUpdater.notifyAppReady()

Détection du type de projet :

• Nuxt.js : Crée plugins/capacitorUpdater.client.ts
• Autres frameworks: Ajoutez-l’à votre fichier d'entrée principal

Conseil

Si l'injection automatique échoue, vous pouvez ajouter le code manuellement à votre fichier d'application principal :

Pour Nuxt.js : Créer plugins/capacitorUpdater.client.ts:

import { CapacitorUpdater } from '@capgo/capacitor-updater'

export default defineNuxtPlugin(() => {
  CapacitorUpdater.notifyAppReady()
})

Pour d'autres frameworks : Ajoutez-l’à votre fichier d'entrée principal (par exemple, main.ts, index.js, App.tsx):

import { CapacitorUpdater } from '@capgo/capacitor-updater'

CapacitorUpdater.notifyAppReady()

Placez ce code après vos importations et avant l'initialisation de votre application. Pour plus de détails, voir la Guide d'ajout d'une application.

Étape 6 : Configuration de l'encodage (Facultatif)

L'encodage de bout en bout ajoute une couche de sécurité supplémentaire pour vos mises à jour.

🔐 End-to-end encryption
   ✅ Use this for: Banking, healthcare, or apps with legal encryption requirements
   ⚠️  Note: Makes debugging harder - skip if you don't need it

❓ Enable end-to-end encryption for {appId} updates?

Remarque

L'encodage n'est disponible que pour Capacitor v6 et versions ultérieures.

Si vous activez l'encodage, le CLI fera :

1. Générer des clés d'encodage
2. Proposer de synchroniser votre configuration de Capacitor

Étape 7 : Sélectionner une plateforme

Choisissez la plateforme pour tester pendant le processus d'inscription.

📱 Platform selection for onboarding
   This is just for testing during onboarding - your app will work on all platforms

❓ Which platform do you want to test with during this onboarding?
   Options:
   - iOS
   - Android

Conseil

Cela n'affecte que le processus d'inscription. Votre application finale prendra en charge toutes les plateformes.

Étape 9 : Construire votre projet

Le CLI construira votre application et la synchronisera avec Capacitor.

❓ Automatic build {appId} with "npm run build"?

Ce qui se passe :

1. Détecte le type de projet
2. Exécutez votre script de build
3. Exécute npx cap sync {platform}

Si le script de build manque :

Vous serez invité à savoir si vous souhaitez ignorer la build ou ajouter un script de build à votre package.json.

Étape 9 : Exécution sur appareil

Testez la première version de votre application sur un appareil ou un simulateur.

❓ Run {appId} on {PLATFORM} device now to test the initial version?

Si vous sélectionnez Oui:

(spinner) Running: npx cap run {platform}
(device picker appears)
App started ✅
📱 Your app should now be running on your {platform} device with Capgo integrated
🔄 This is your baseline version - we'll create an update next

Étape 10 : Faire une modification de test

Maintenant, il est temps de tester le système d'actualisation de Capgo en apportant une modification visible.

🎯 Now let's test Capgo by making a visible change and deploying an update!

❓ How would you like to test the update?
   Options:
   - Auto: Let Capgo CLI make a visible change for you
   - Manual: I'll make changes myself

Mode automatique : Le CLI modifiera automatiquement vos fichiers pour ajouter un bandeau de test visible ou une modification.

Mode manuel : Vous apportez vos propres modifications (par exemple, modifier le texte, les couleurs ou ajouter des éléments).

Gestion de version :

❓ How do you want to handle the version for this update?
   Options:
   - Auto: Bump patch version ({currentVersion} → {nextVersion})
   - Manual: I'll provide the version number

Construire avec des modifications :

❓ Build {appId} with changes before uploading?

Conseil

Si vous devez construire manuellement dans un autre terminal, sélectionnez « Non » et construisez vous-même, puis continuez.

Étape 11 : Chargement du Bundle

Chargement de votre bundle d'application mis à jour vers Capgo.

❓ Upload the updated {appId} bundle (v{version}) to Capgo?

La commande CLI s'exécute :

npx @capgo/cli@latest bundle upload

Conseil

Mises à jour delta avec mises à jour instantanées : Si vous avez activé les mises à jour instantanées dans l'étape 4, le CLI demandera automatiquement si vous souhaitez activer les mises à jour delta. Les mises à jour delta envoient uniquement les fichiers qui ont changé entre les versions au lieu de l'intégralité du bundle. Puisque généralement, seuls quelques fichiers changent entre les mises à jour, cela accélère considérablement les téléchargements. Sélectionnez Oui pour obtenir la meilleure expérience avec les mises à jour instantanées.

Mise à jour delta (si un mode d'application instantanée est activé) :

💡 Instant updates are enabled in your config
   Delta updates send only changed files instead of the full bundle

❓ Enable delta updates for this upload? (Recommended with instant updates)

Attention

Pour les monorepos, vous devrez peut-être fournir des chemins supplémentaires à votre package.json et node_modules.

Réussite :

✅ Update v{version} uploaded successfully!
🎉 Your updated bundle is now available on Capgo

Étape 12 : Tester la mise à jour sur le dispositif

C'est l'heure de voir la mise à jour en action !

🧪 Time to test the Capgo update system!
📱 Go to your device where the app is running

Pour des mises à jour instantanées :

🔄 IMPORTANT: Background your app (swipe up/press home button) and then reopen it
⏱️  The update should be downloaded and applied automatically

Pour des mises à jour standard :

📱 With standard updates, you will need to:
   1. Background the app (swipe up/press home button) to start download
   2. Wait a few seconds for download to complete
   3. Background and foreground again to see the update

Surveiller les journaux :

❓ Monitor Capgo logs to verify the update worked?

Si vous sélectionnez Oui, vous verrez les journaux en temps réel de votre appareil montrant le processus de mise à jour.

Étape 13 : Complétion

Welcome onboard ✈️!

Félicitations ! Vous avez réussi à configurer les mises à jour en direct Capgo pour votre application.

Ce que vous avez accompli

Après avoir terminé l'inscription, vous avez :

✅ L'application enregistrée

Votre application est enregistrée dans Capgo avec un canal de production

✅ Plugin installé

Le plugin de mise à jour Capacitor est installé et configuré

✅ Code Intégré

Intégration code est ajoutée à votre application

✅ Mise à jour testée

Vous avez réussi à déployer et à recevoir une mise à jour en direct

Flux de travail quotidien

Pour les mises à jour ultérieures, utilisez :

npm run build
npx @capgo/cli@latest bundle upload --channel=production

Pour plus d'options de déploiement, voir Déployer une mise à jour en direct.

Reprise de l'inscription

Si vous quittez le processus d'abonnement, vous pouvez le reprendre à tout moment :

npx @capgo/cli@latest init [APIKEY]

Vous verrez :

You have already got to the step {stepNumber}/13 in the previous session
❓ Would you like to continue from where you left off?

Conseil

Le progrès est sauvegardé localement, vous pouvez donc quitter en toute sécurité et reprendre le processus d'abonnement.

Aide et support

Section intitulée « Aide et support »

Problème : Ni Xcode ni Android SDK n'est détecté.

Solution :

• Pour iOS: Installer Xcode (seulement macOS)
• Pour Android: Installer Android Studio

ID d'application déjà pris

Problème : Votre ID d'application est déjà enregistré.

Solution : Choisissez l'une des alternatives suggérées ou entrez un ID d'application personnalisé en notation de domaine inversé.

Manque de script de construction

Problème : Aucun script de construction trouvé dans package.json.

Solution : Ajoutez un script de construction à votre package.json:

{
  "scripts": {
    "build": "your-build-command"
  }
}

Échec de l'injection automatique

Problème : CLI ne peut pas injecter automatiquement l'intégration code.

Solution : Ajoutez code manuellement à votre fichier principal :

import { CapacitorUpdater } from '@capgo/capacitor-updater'

CapacitorUpdater.notifyAppReady()

Capacitor Version trop ancienne

Problème : Votre version de Capacitor est inférieure à v5.

Solution : Mettez à jour Capacitor vers v5 ou une version supérieure :

• Mise à niveau vers Capacitor 5
• Mise à niveau vers Capacitor 6
• Mise à niveau vers Capacitor 7

Étapes suivantes

Explorez maintenant ces sujets :

Liste de vérification de configuration unique

Configurez les canaux, CI et l'envoi de delta une seule fois pour une stabilité à long terme

Déploiement de mises à jour

Apprenez à déployer des mises à jour à partir de la console de gestion Capgo

Types de mise à jour

Référence de tous les types de mise à jour OTA : application de timing, conditions de retard, blocage de version et de livraison

Intégration CI/CD

Automatisez vos déploiements d'actualisation avec CI/CD

Canaux

Gérer plusieurs flux d'actualisation avec les canaux

Chiffrement

Protégez vos mises à jour avec un chiffrement de bout en bout

Comportement de mise à jour

Personnalisez quand et comment les mises à jour sont appliquées (direct, delta, etc.)

Aide

Vérifiez le

• Intégration CI/CD Guide de dépannage
• Rejoignez la Communauté Discord
• Examinez le FAQ
• Contactez Aide

Keep going from CLI Onboarding Guide

Si vous utilisez CLI Onboarding Guide to plan dashboard and API operations, connect it with API Présentation Générale pour les détails d'implémentation dans API Présentation Générale Introduction pour les détails d'implémentation dans Introduction API Clés pour les détails d'implémentation dans API Clés Appareils pour les détails d'implémentation dans Appareils, et Paquets pour les détails d'implémentation dans Paquets.