Passer au contenu principal
CI/CD

Application de construction et de mise en production automatique avec GitLab

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

Anik Dhabal Babu

Anik Dhabal Babu

Spécialiste du contenu

Application de construction et de mise en production automatique 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 au Capgo en premier lieu, car ce tutoriel se concentre uniquement sur la phase d'upload. Si vous avez besoin d'ajouter votre application au Capgo, vous pouvez suivre ce Tutoriel.

Convention de commit

Commencez par suivre la convention de commit Commits conventionnelsConnaître la convention de commit prendra 5 minutes.

Commits conventionnels

GitLab CI/CD pour Tag

Créez un fichier `.gitlab-ci.yml` à la 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 de script. Cette configuration déclenche uniquement la tâche lors de la mise à jour de la branche principale et exclut les commits dont les messages commencent par `

    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 votre clé Capgo API (CAPGO_TOKEN) ajoutée comme une variable CI/CD dans votre projet GitLab. Allez dans votre projet GitLab, naviguez jusqu'aux paramètres, puis à CI/CD > Variables, et ajoutez une variable nommée CAPGO_TOKEN avec la valeur de votre clé API.

Personnalisez le script de construction pour qu'il corresponde au processus de construction spécifique de votre projet, comme la modification de la commande de construction npm.

Conclusion

Voilà ! Nous avons fait un pas 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 vous sera utile.

Continuez de la même manière à partir de l'article "Application automatique de build et de release avec GitLab".

Si vous utilisez Application automatique de build et de release avec GitLab pour planifier l'automatisation du CICD, connectez-l’à Capgo CI/CD pour le flux de travail du produit dans Capgo CI/CD, Capgo Builds natifs pour le flux de travail du produit dans Capgo Builds natifs, Intégrations Capgo pour le flux de travail 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 Intégration d'actions.

Mises à jour en direct pour les applications Capacitor

When a web-layer bug is live, ship the fix through Capgo instead of waiting days for app store approval. Users get the update in the background while native changes stay in the normal review path.

Lorsqu'un bug de couche web est en direct, expédiez la correction par __CAPGO_KEEP_0__ 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 le chemin de revue normal.

Support humain de Martin

Contexte : Page/zone : Copie de marketing du site web. Rôle : Phrase de copie du site web. Vu dans : composant HumanSupport.astro, composant pricing/Plans.astro. Message clé `home_hero_human_support` (Support humain de la page d'accueil).

Capgo gives you the best insights you need to create a truly professional mobile app.