Passer au contenu principal

Capacitor CI/CD Pipeline Setup Guide

Automate your Capacitor app's build, test, and deployment process with a CI/CD pipeline for faster updates and improved efficiency.

Capacitor CI/CD Pipeline Setup Guide

Des mises à jour plus rapides des mises à jour d'applications avec un minimum d'efforts ? La mise en place d'une chaîne d'outils CI/CD pour votre Capacitor app automatise la construction, le test et le déploiement, ce qui vous permet de gagner du temps et de réduire les erreurs. Voici ce que vous obtiendrez :

  • Mises à jour en direct: Envoyez des mises à jour instantanément sans attendre les retards des magasins d'applications. 95 % des utilisateurs reçoivent des mises à jour en 24 heures.
  • Éléments de base de la chaîne d'outils: Automatisez les builds déclenchés par l'activité de branchement (main, staging, feature/*) et définissez des environnements séparés pour la mise en scène et la production.
  • Capgo Intégration: Utilisez Capgo pour déployer des mises à jour sécurisées et chiffrées, gérer les canaux de mise à jour et surveiller les performances. Plans Abordables: Les plans commencent à 12 $/mois avec des mises à jour en temps réel, des analyses et environ 15 builds natifs/mois.
  • __CAPGO_KEEP_0__ simplifie les flux de travail, améliore l'efficacité et assure que votre application reste à jour de manière fluide. Découvrons les détails.Exigences de configuration

Capacitor CI/CD pipelines simplify workflows, improve efficiency, and ensure your app stays up-to-date seamlessly. Let’s dive into the details.

Veuillez vous assurer d'avoir les éléments suivants installés et configurés :

Node.js

LTS

Une fois ces éléments prêts, procédez à définir vos déclencheurs et étapes de build dans votre plateforme CI.

Intégrer Appflow à votre pipeline CICD

Étapes de configuration de la pipeline

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

Étapes de construction et de déclencheurs

Configurez votre pipeline CI/CD pour déclencher automatiquement des constructions en fonction d'activités spécifiques sur les branches. Voici comment le configurer :

  • Déclencheurs de branch:

    • Utilisez main pour les constructions de production.
    • Utilisez staging à des fins de test.
    • Utilisez feature/* pour le travail de développement.
  • Étapes de construction:

    • Installez toutes les dépendances nécessaires.
    • Run unit tests to ensure code quality.
    • Construisez les actifs web pour l'application.
    • Générez des binaires natifs pour les plateformes mobiles ou de bureau.
    • Déployez la construction dans votre environnement de test pour une validation supplémentaire.

Paramètres d'environnement

Définez des fichiers de configuration d'environnement séparés pour la mise en scène et la production pour 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 et les certificats API, assurez-vous de les stocker de manière sécurisée 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

Capgo Interface de mise à jour en direct

Une fois que vous avez configuré vos étapes de construction et de déploiement, il est temps d'intégrer Capgo. Cela vous permet de pousser des mises à jour en direct vers votre application, en évitant les retards d'approbation des magasins d'applications.

Capgo Étapes de configuration

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

Premièrement, installez le Capgo CLI:

npx @capgo/cli init

Ensuite, procédez avec ces commandes :

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

Ici est un exemple d'une tâche GitHub Actions pour le déploiement de mises à jour :

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

Caractéristiques clés de Capgo

Capgo offre plusieurs avantages aux applications Capacitor, notamment :

  • Mises à jour sécurisées et efficaces: Les mises à jour chiffrées et différentielles réduisent les tailles des paquets tout en garantissant une livraison sécurisée.
  • Gestion de canauxcontext
  • Page/area: Capgo marketing website. Role: Short UI label or navigation item. Message key `channel_management` (Gestion de canaux).: Créez des canaux de pré-production et de production pour contrôler la mise en œuvre des mises à jour.

Capgo Plans and Pricing

Capgo offers flexible plans to suit different needs:

  • __CAPGO_KEEP_0__ Plans et tarifs__CAPGO_KEEP_0__ propose des plans flexibles pour répondre à différents besoins :
  • SOLO : 12 $/mois (1 000 MAU, 2 Go de stockage, 50 Go de bande passante): 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 des options pour une mise à l'échelle personnalisée, l'accès API et des domaines personnalisés.

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

Pipeline Management

Status Tracking

Maintenir un œil rapproché de votre pipeline est essentiel pour maintenir la qualité de votre application et garder vos utilisateurs heureux. Utilisez votre plateforme CI/CD pour configurer des alertes automatiques pour :

  • L'état de la construction et l'avancement du déploiement
  • Les taux de réussite des mises à jour
  • Les métriques d'adoption des utilisateurs
  • Rapports d'erreurs et journaux de panne

Associez ces alertes à une documentation claire pour vous assurer d'une surveillance fluide et d'une résolution rapide des problèmes.

Guide de la documentation

Une bonne documentation maintient votre équipe sur la même page et vos opérations en cours de manière fluide. Assurez-vous que votre documentation couvre :

  • Configuration de la pipeline: Détails comme les déclencheurs de construction, les variables d'environnement et les paramètres de sécurité.
  • Procédures d'actualisation: Étapes pour les déploiements, les instructions de retrait et la gestion des canaux d'actualisation. Configuration de la surveillance.
  • : Comment configurer les alertes, suivre les métriques et répondre aux problèmes.Lignes directrices de conformité
  • Rapports d'erreurs et journaux de panne : Règles spécifiques à la plateforme, restrictions d'actualisation et autres exigences.

Stockez toutes vos documents dans un contrôle de version et mettez-les à jour chaque fois que votre pipeline change. Incluez les étapes de dépannage pour les erreurs courantes pour économiser du temps lorsque des problèmes surgissent.

Directives de la plateforme

Suivez les politiques d'actualisation d'Apple et d'Android en utilisant le système de canal de Capgo pour vous assurer de lancements lisses et conformes :

: Annulez rapidement les mises à jour avec un clic unique si quelque chose se produit mal.

Étapes de configuration Résumé

Pour commencer, vous devez installer le CLI, configurer les builds et les variables d'environnement, sécuriser vos secrets, activer la surveillance et déployer les mises à jour. Ce processus s'intègre de manière fluide avec les outils de surveillance et de retrait, vous assurant que votre application reste en ligne avec un temps d'arrêt minimal.

Avantages CI/CD

La connexion entre la configuration et les résultats démontre comment Capgo accélère l'efficacité : les mises à jour atteignent 95% des utilisateurs en seulement 24 heures. De plus, le prix de Capgo commence à $12/moisune offre de tarification qui offre un avantage considérable par rapport aux services legacy qui peuvent facturer jusqu'à $500/mois. Actuellement, Capgo prend en charge plus de 1 900 applications de production [1].

Continuez à partir de la Guide de configuration de la chaîne d'intégration/continu de Capacitor

If vous utilisez Capacitor Guide de configuration de la chaîne d'automatisation CI/CD pour planifier l'automatisation CI/CD, connectez-l’à Capgo CI/CD pour le flux de workflow du produit dans Capgo CI/CD, Capgo Bâtiments natifs pour le flux de workflow du produit dans Capgo Bâtiments natifs, Capgo Intégrations pour le flux de workflow du produit dans Capgo Intégrations, Intégration CI/CD pour les détails d'implémentation dans Intégration CI/CD, et GitHub Intégration d'actions pour les détails d'implémentation dans GitHub Actions Integration.

Mises à jour en temps réel pour les applications Capacitor

Lorsqu'un bug de la couche web est en ligne, expédiez la correction par le biais de Capgo au lieu d'attendre des jours pour l'approbation de la boutique d'applications. Les utilisateurs reçoivent la mise à jour en arrière-plan tandis que les modifications natives restent dans la voie de revue normale.

Un soutien humain de Martin

Démarrer maintenant

Dernières actualités de notre blog

Capgo vous donne les meilleures informations dont vous avez besoin pour créer une application mobile vraiment professionnelle.