Au début de l’année dernière, j’ai travaillé sur un modèle de projet basé Vue et Supabase, et j’ai pensé qu’il serait judicieux d’automatiser certaines étapes, comme le recommande la communauté en matière de bonnes pratiques.
Je vais en décrire deux afin de montrer comment utiliser les actions GitHub pour effectuer ces étapes automatiquement lorsqu’un événement déclencheur se produit sur mon référentiel de code.
L’action « Vérifier que le code compile »
Souvent, nous mettons en œuvre une bonne pratique consistant à automatiser la vérification que le code poussé vers un référentiel de code fonctionne pour tout le monde.
Ainsi, lorsqu’un programmeur soumet une requête de tirage pour fusionner ses modifications de code dans la branche develop et pour garantir que sa branche se compile avec succès, nous déclenchons automatiquement une compilation et la commande de compilation appropriée pour le projet est exécutée.
Dans mon projet, je dois exécuter npm run build.
Le déclencheur
Dans GitHub Actions, vous définissez le déclencheur comme suit.
|
|
Il cible la branche develop dans le contexte d’une requête de tirage. Il ne se déclenche que sur les requêtes de tirage ouvertes ou réouvertes.
Il se déclenche également lorsque du nouveau code est poussé vers la branche feature uniquement lorsqu’une requête de tirage existe entre cette branche et develop. Ce dernier cas d’utilisation se produit souvent lorsque les développeurs examinent mutuellement leur code et suggèrent des ajustements dans le code.
Les étapes
Ensuite, nous définissons les étapes à exécuter :
- L’étape Checkout code extrait le code du référentiel dans le processus d’exécution.
- L’étape Configurer Node.js installe la dernière version LTS de Node.js et active la mise en cache
npmpour des installations plus rapides. - L’étape Installer les dépendances installe tous les paquets
npmrequis à l’aide denpm cipour une configuration propre et reproductible. - L’étape Exécuter la compilation exécute le processus de compilation du projet à l’aide de
npm run build.
|
|
Comment tester
Créez un fichier YAML pr-build.yml contenant les extraits décrits ci-dessus dans un dossier .github/workflows à la racine de votre projet.
Ensuite, poussez la branche de fonctionnalité et créez une requête de tirage. Cela devrait déclencher l’action GitHub.
L’action « Créer une version sémantique »
Ce processus nécessite une configuration plus complexe, mais je vais vous guider pas à pas, comme d’habitude.
Abonnez-vous !
J’ai prévu un article sur le sujet des versions sémantiques en février 2026. Il complétera bien cette action GitHub.
Pour l’instant, permettez-moi de commenter les parties importantes du code YAML ci-dessous :
|
|
Abonnez-vous pour connaître tous les détails nécessaires à la mise en place sur le projet le versionning sémantique et à sa configuration selon vos besoins. L’article est prévu pour le 9 février 2026.
Conclusion
Vous pouvez aller beaucoup plus loin avec les GitHub Actions, mais c’est déjà un bon début !
Et vous, à quoi vous sert GitHub Actions dans vos tâches quotidiennes ?
Suivez-moi !
Merci d’avoir lu cet article. Assurez-vous de me suivre sur X, de vous abonner à ma publication Substack et d’ajouter mon blog à vos favoris pour ne pas manquer les prochains articles.
Photo de Pixabay.