__CAPGO_KEEP_0__ accueil
CI/CD

Construction automatique et mise en production de l'application avec GitLab

Créez votre propre pipeline CI/CD avec GitLab gratuitement, déployez votre application Ionic Capacitor JS à chaque fois que vous poussez vers la branche principale.

Anik Dhabal Babu

Anik Dhabal Babu

Spécialiste du contenu

Construction automatique et mise en production de l'application avec GitLab

Cet article vous guidera sur la mise en place de la configuration de pipeline CI/CD avec GitLab.

Avant-propos

Assurez-vous d'avoir ajouté votre application Capacitor en premier lieu à Capgo, ce tutoriel se concentre uniquement sur la phase d'upload. Si vous avez besoin d'ajouter votre application à Capgo, vous pouvez suivre ce Tutoriel.

Convention de commit

Tout d'abord, vous devez commencer à suivre la convention de commit committees conventionnels` cela aidera les outils à comprendre comment mettre à jour le numéro de version, cela prend 5 minutes pour l'apprendre.

Committees conventionnels

GitLab CI/CD pour Tag

Créez un fichier .gitlab-ci.yml dans le répertoire racine de votre dépôt GitLab avec le contenu suivant

 stages:
      - tag

 bump_version:
   stage: tag
   only:
     - main
  except:
    variables:
  - $CI_COMMIT_MESSAGE =~ /^chore\(release\):/
  script:
   - git config --global user.email "gitlab@yourdomain.com"
   - git config --global user.name "GitLab CI/CD"
   - git checkout $CI_COMMIT_REF_NAME
   - git pull origin $CI_COMMIT_REF_NAME
   - npx capacitor-standard-version
   - git push origin $CI_COMMIT_REF_NAME --tags

Remplacez « gitlab@votredomaine.com » et « GitLab CI/CD » par votre adresse e-mail et votre nom d'utilisateur GitLab dans la section script. Cette configuration déclenche uniquement la tâche lors des push vers la branche principale et exclut les commits avec des messages commençant par « chore(release): ».

GitLab CI/CD pour Build

Ajoutez une autre étape à votre fichier .gitlab-ci.yml pour la build :

    stages:
      - deploy

   deploy:
     stage: deploy
     only:
       - tags  # This job will only run for tag pushes
     script:
       - apt-get update -qy && apt-get install -y nodejs npm
       - npm install -g @capgo/cli
       - npm ci
       - npm run build
       - npx @capgo/cli bundle upload -a $CAPGO_TOKEN -c production
     variables:
       FIREBASE_CONFIG: $FIREBASE_CONFIG  # Define this in your GitLab project settings
     environment:
       name: production

Assurez-vous d'avoir ajouté votre clé Capgo API (CAPGO_TOKEN) en tant que variable CI/CD dans votre projet GitLab. Allez dans votre projet dans GitLab, naviguez jusqu'aux Paramètres > CI/CD > Variables, et ajoutez une variable nommée CAPGO_TOKEN avec la valeur de votre clé API.

Personnalisez le script de build pour correspondre au processus de build spécifique de votre projet, tel que la modification de la commande de build npm.

Conclusion

Voilà ! Nous avons pris une étape supplémentaire dans notre parcours technologique. Dans le développement logiciel moderne, le CICD est un facteur essentiel à prendre en compte. J'espère donc que ce guide fera sens à tous.

Continuez de la section suivante : Déploiement automatique et de libération d'applications avec GitLab

Si vous utilisez Déploiement automatique et de libération d'applications avec GitLab pour planifier l'automatisation de CI/CD, connectez-le à Capgo CICD pour le flux de travail du produit dans Capgo CICD, Capgo Builds natifs pour le flux de travail du produit dans Capgo Builds natifs, Capgo Intégrations pour le flux de travail du produit dans Capgo Intégrations, Intégration CI/CD pour les détails d'implémentation dans l'intégration CI/CD, et GitHub Actions d'intégration pour les détails d'implémentation dans GitHub Actions d'intégration.

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

Lorsqu'un bug de la couche web est en ligne, expédiez la correction à travers 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 changements natifs restent dans la voie de revue normale.

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.