⚙️ Mettez vos applications dans des conteneurs Docker grâce à Github Actions 📦🚀

🐳 Comment conteneuriser une application web avec Docker, GitHub Actions et GHCR ? Dans cette vidéo DevOps, je montre comment transformer une petite application web en image Docker, puis automatiser le processus de build et publication avec GitHub. L’objectif : partir d’une application très simple, ici un générateur de mots mêlés, et la rendre exécutable localement sous forme de conteneur Docker. Au programme : ✅ création d’un Dockerfile avec l’aide de ChatGPT ✅ ajout d’un fichier .dockerignore ✅ test de l’image en local dans un GitHub Codespace ✅ utilisation de docker build et docker run ✅ création d’un workflow GitHub Actions ✅ build automatique de l’image à chaque commit sur main ✅ publication de l’image dans GitHub Container Registry / GHCR ✅ récupération de l’image avec docker pull ✅ lancement du conteneur en local avec Docker Desktop et PowerShell ✅ démonstration de l’application fonctionnant en local, même sans internet Cette vidéo montre une démarche simple et concrète pour automatiser la conteneurisation d’une application avec la plateforme GitHub. Même si l’exemple est volontairement très simple, le principe peut être adapté à des applications plus complexes, notamment avec backend ou données locales. 🎯 Une vidéo utile si vous vous intéressez à Docker, GitHub Actions, GitHub Container Registry, au DevOps ou à l’automatisation du build et de la publication d’images Docker. 💬 Dites-moi en commentaire si vous utilisez déjà Docker et si vous voulez d’autres vidéos DevOps sur la chaîne. 👍 Si la vidéo vous a plu, pensez à liker, commenter et vous abonner. 0:00 Introduction 1:19 Process de conteneurisation : build image, push registry, pull, run 4:05 Application de démo : Mots Mêlés 6:14 Génération (par ChatGPT) du Dockerfile 10:59 Test de l'image en local dans un GitHub CodeSpace (Docker pull et Docker run) 13:10 Workflow GitHub Action de build et de push de l'image dans GHCR 16:53 Observer l'image Docker dans GHCR 17:38 Création d'un conteneur en local sur mon PC (git pull, docker run) 20:36 Conclusion ======================== ❤️ LIKE, FOLLOW & PARTAGE ======================== 👍🏽 N'oubliez pas de liker si tu as aimé cette vidéo 🔔 Pensez à vous abonner et à activer la cloche pour ne pas rater les futures vidéos 😵 Le compte X de la chaîne : https://x.com/AgileToolkit2 🤠 Mon LinkedIn perso / bertrand-boisvert 🪙 Soutenir la chaîne sur Tipee : https://fr.tipeee.com/agile-toolkit/ ============= 💬 LE PROMPT ============= Dans un dépot Github, j'ai l'application "mots mêlés". Actuellement l'application est juste un seul fichier index.html qui contient du HTML/CSS/JS. Ce que je veux faire c'est : à chaque fois que je commit sur main, créer une nouvelle image à partir d'un dockerfile Il faut mettre le dockerfile dans le dépot Git Je veux que l'image soit stockée dans GHCR Je voudrais que tout le process de build/publication de l'image soit automatisé via Github Actions Je connais un peu mais j'ai oublié donc donne-moi la démarche complète avec explications car je connais un peu mais j'ai oublié Pour information, voici le dépot Github : https://github.com/AgileAndDevOpsTool... ============== 🔗 LIENS UTILES ============== 📌 Le live où j'ai vibe-codé la petite application Mots Mêlés : https://youtube.com/live/JBDHmYqGMms 📌 Le dépôt Github de l'application Mots Mêlés : https://github.com/AgileAndDevOpsTool... 📌 La page de l'image de l'application Mots Mêlés sur GitHub Container Registry : https://github.com/AgileAndDevOpsTool... 📌 Le tuto pour héberger une petite appli web sur Github Pages :    • 🤖 DevOps #01 : Héberger un site web en 5 m...   📌 La vidéo tuto GitHub Code Spaces :    • 🤖 TUTO Github Code Spaces - VSCode dans vo...   ================================================ 💡 LES ÉTAPES DU WORKFLOW PRÉSENTÉ DANS LA VIDÉO ================================================ ✅ Prérequis : avoir déjà une petite application sur un dépôt Github 1️⃣ Créer un Dockerfile 2️⃣ Tester dans un GitHub Code Space 3️⃣ Créer un workflow GitHub Actions pour build et push l'image dans GHCR 4️⃣ Vérifier que l'image est bien présente dans l'onglet "Packages" de votre compte 5️⃣ Avec Docker Desktop et Powershell, vérifiez que vous pouvez faire un pull et un run de l'image #devops #github #githubcodespaces #automation #docker #githubactions #GHCR #dockerfile #GitHubContainerRegistry