Aller au contenu principal

Guide de configuration du pipeline CI/CD Capacitor

Automatisez le build, les tests et le déploiement de votre app Capacitor grâce à un pipeline CI/CD pour des mises à jour plus rapides et une efficacité accrue.

Guide de configuration du pipeline CI/CD Capacitor Capgo illustration du blog

Want faster mises à jour d'app avec un effort minimal ? Mettre en place un pipeline CI/CD pour votre Capacitor app automatise la compilation, les tests et le déploiement, ce qui fait gagner du temps et réduit les erreurs. Voici ce que vous obtiendrez :

  • Live Update(s): Envoyez des mises à jour instantanément sans les délais des stores. 95 % des utilisateurs reçoivent les mises à jour en 24 heures.
  • L'essentiel du pipeline: Automatisez les builds déclenchés par l'activité des branches (main, staging, feature/*) et définissez des environnements distincts pour le staging et la production.
  • Capgo Intégration: Utilisez Capgo pour déployer des mises à jour sécurisées et chiffrées, gérer canaux de mise à jour, et suivre les performances.
  • Des plans abordables: Les plans commencent à 12 $/mois avec les live updates, les analytics et environ 15 Native Build/mois.

Capacitor : les pipelines CI/CD simplifient les workflows, améliorent l’efficacité et garantissent que votre application reste à jour en continu. Plongeons dans les détails.

Prérequis de configuration

Prerequisites

Assurez-vous d’avoir installé et configuré les éléments suivants :

Une fois cela prêt, définissez vos déclencheurs et étapes de build dans votre plateforme CI.

Intégrez Appflow à votre pipeline CI/CD

Étapes de configuration du pipeline

Maintenant que vous avez réglé les prérequis, il est temps de configurer les déclencheurs et les paramètres d'environnement de votre pipeline.

Déclencheurs et étapes de build

Configurez votre pipeline CI/CD pour déclencher automatiquement des builds en fonction de l'activité de certaines branches. Voici comment le configurer :

  • Déclencheurs de branche:

    • Utiliser main pour les builds de production.
    • Utiliser staging pour les tests.
    • Utiliser feature/* pour le développement.
  • Étapes de build:

    • Installer toutes les dépendances nécessaires.
    • Run unit tests to ensure code quality.
    • Compiler les assets web de l'application.
    • Générer les binaires natifs pour les plateformes mobiles ou desktop.
    • Déployez le build dans votre environnement de test pour une validation supplémentaire.

Paramètres d’environnement

Définissez des fichiers de configuration d’environnement distincts pour le staging et la production afin de garder les choses organisées et sécurisées. Voici un exemple de configuration :

# staging.env
ENVIRONMENT=staging
API_ENDPOINT=https://api-staging.example.com
LIVE_UPDATES_ENABLED=true

# production.env
ENVIRONMENT=production
API_ENDPOINT=https://api.example.com
LIVE_UPDATES_ENABLED=true

Pour les données sensibles comme les clés API et les certificats, assurez-vous de les stocker en toute sécurité dans le système de gestion des secrets de votre plateforme CI. Cela garantit que votre pipeline reste à la fois fonctionnel et sécurisé.

Capgo Guide d'intégration

Interface du dashboard Capgo Live Update

Une fois vos étapes de build et de déploiement configurées, il est temps d’intégrer Capgo. Cela vous permet de pousser des live updates directement vers votre application, en contournant les délais d’approbation des stores.

Étapes de configuration de Capgo

Après avoir préparé votre pipeline CI/CD, suivez ces étapes pour ajouter Capgo à votre projet :

Tout d'abord, installez le Capgo CLI:

npx @capgo/cli init

Ensuite, exécutez ces commandes :

  • Compiler votre application: npm install && npm run build
  • Déployer des mises à jour: npx @capgo/cli deploy
  • Rollback des mises à jour: npx @capgo/cli rollback

Voici un exemple de job GitHub Actions pour déployer des mises à jour :

- name: Deploy to Capgo
  run: |
    npm install @capgo/cli
    npx @capgo/cli deploy
  env:
    CAPGO_TOKEN: ${{ secrets.CAPGO_TOKEN }}

Fonctionnalités clés de Capgo

Capgo apporte plusieurs avantages aux applications Capacitor, notamment :

  • Mises à jour sécurisées et efficaces: Les mises à jour différentielles chiffrées réduisent la taille des payloads tout en garantissant une livraison sécurisée.
  • Gestion des canaux: Créez des canaux de staging et de production pour contrôler le déploiement des mises à jour.
  • Dashboard analytics: Track update success rates and monitor user adoption with detailed insights.

Plans et tarifs Capgo

Capgo propose des plans flexibles adaptés à vos besoins :

  • SOLO: 12 $/mois (1 000 MAU, 2 Go de stockage, 50 Go de bande passante)
  • MAKER: 33 $/mois (10 000 MAU, 5 Go de stockage, 500 Go de bande passante)
  • TEAM: 83 $/mois (100 000 MAU, 10 Go de stockage, 2 000 Go de bande passante)
  • PAYGÀ partir de 249 $/mois, avec options de mise à l’échelle sur mesure, accès API et domaines personnalisés.

Actuellement, Capgo prend en charge plus de 1 900 apps en production, ce qui en fait un choix fiable pour le déploiement continu [1].

Gestion du pipeline

Suivi de l’état

Surveiller votre pipeline de près est essentiel pour maintenir la qualité de l’app et la satisfaction des utilisateurs. Utilisez votre plateforme CI/CD pour configurer des alertes automatiques sur :

  • État du build et progression du déploiement
  • Taux de réussite des mises à jour
  • Métriques d’adoption des utilisateurs
  • Rapports d’erreurs et logs de crash

Associez ces alertes à une documentation claire pour assurer un suivi fluide et une résolution rapide des problèmes.

Guide de documentation

Une bonne documentation permet à votre équipe de rester alignée et à vos opérations de tourner rond. Assurez-vous que votre documentation couvre :

  • Configuration du pipeline: Détails tels que les déclencheurs de build, les variables d’environnement et les paramètres de sécurité.
  • Procédures de mise à jour: Étapes de déploiement, instructions de rollback et gérer les canaux de mise à jour.
  • Configuration du monitoring: Comment configurer les alertes, suivre les métriques et répondre aux incidents.
  • Directives de conformité: Règles spécifiques aux plateformes, restrictions de mise à jour et autres exigences.

Versionnez toute la documentation et mettez-l’à jour à chaque changement de pipeline. Incluez des étapes de dépannage pour les erreurs courantes afin de gagner du temps en cas de problème.

Directives des plateformes

Suivez les politiques de mise à jour d’Apple et d’Android grâce au système de canaux de Capgo pour des déploiements fluides et conformes :

  • Tests bêta: Release updates to small user groups pour valider les changements.
  • Déploiements progressifs: Roll out updates gradually to catch issues early.
  • Correctifs d'urgence: Effectuez un rollback rapide en un clic si un problème survient.

Résumé

Aperçu des étapes de configuration

Pour commencer, vous devrez installer le CLI, configurer les builds et les variables d’environnement, sécuriser vos secrets, activer le monitoring et déployer les mises à jour. Ce processus s’intègre parfaitement aux outils de monitoring et de rollback, pour que votre app reste en ligne avec un temps d’arrêt minimal.

Avantages du CI/CD

Le lien entre la configuration et les résultats montre comment Capgo booste l’efficacité : les mises à jour atteignent 95 % des utilisateurs en seulement 24 heures. De plus, les tarifs de Capgo commencent à 12 $/mois, offrant un avantage de coût considérable par rapport aux services legacy qui peuvent facturer plus de 500 $/mois. Actuellement, Capgo prend en charge plus de 1 900 apps en production [1].

Continuez avec le guide de configuration du pipeline CI/CD de Capacitor

Si vous utilisez Guide de configuration du pipeline CI/CD Capacitor pour planifier l'automatisation CI/CD, et le connecter avec CI/CD Capgo pour le workflow produit dans le CI/CD de Capgo, Capgo Native Build pour le workflow produit dans les Native Builds de Capgo, Intégrations Capgo pour le workflow produit dans les intégrations de Capgo, Intégration CI/CD pour le détail d'implémentation dans l'intégration CI/CD, et Intégration GitHub Actions pour les détails d'implémentation de l'intégration GitHub Actions.

Live updates pour les apps Capacitor

Lorsqu'un bug de la couche web est en ligne, déployez le correctif via Capgo au lieu d'attendre des jours l'approbation des stores. Les utilisateurs reçoivent la mise à jour en arrière-plan, tandis que les changements natifs suivent le circuit de validation habituel.

Les derniers articles du blog

Capgo vous offre les meilleures informations pour créer une application mobile vraiment professionnelle.