Trushid's blog

🚀 DevOps project: Automating Web App Deployment with Jenkins & GitHub Pipeline!🔧

Trushid Hatmode's photo
Trushid Hatmode
¡

6 min read

🚀 DevOps project: Automating Web App Deployment with Jenkins & GitHub Pipeline!🔧

Table of contents

Welcome to Day 81 of the #90DaysOfDevOps challenge. Today’s project focuses on automating the deployment process of a web application using Jenkins and its declarative syntax. By the end of this project, you will have a pipeline that includes various stages such as cloning, building, pushing to Docker Hub, clean up, and deploying. Let’s dive in and start working on our DevOps Project 2!

Project Description

Automate the entire web application development process using Jenkins and GitHub. Our goal is to build a powerful Jenkins pipeline for continuous integration and continuous deployment (CI/CD). Leverage Jenkins’ automation capabilities and GitHub’s version control to achieve seamless software delivery.

Project Workflow:

  1. Code Changes Detection: The pipeline automatically detects code changes in the GitHub repository.

  2. Build Stage: Jenkins initiates the build stage, compiling code and generating artifacts.

  3. Deployment Stage: After a successful build stage, the application goes live for users.

Notifications and Alerts:

To stay informed about the pipeline’s status and any critical issues, we’ll configure notifications and alerts. Jenkins will send notifications to relevant team members through various communication channels, such as email, Slack, or other messaging platforms. This proactive approach ensures swift resolution of any potential problems.

Step 1: Set Up Jenkins

  1. Ensure you have Jenkins installed and running. If not, follow the installation instructions for your specific platform. I’ll use an Ubuntu EC2 instance and the below User Data file.
 #!/bin/bash

 echo "Docker installation"
 echo "------------------------------------------------------------------"
 sudo apt update
 sudo apt install -y apt-transport-https ca-certificates curl software-properties-common
 curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo gpg --dearmor -o /usr/share/keyrings/docker-archive-keyring.gpg
 echo "deb [arch=amd64 signed-by=/usr/share/keyrings/docker-archive-keyring.gpg] https://download.docker.com/linux/ubuntu $(lsb_release -cs) stable" | sudo tee /etc/apt/sources.list.d/docker.list > /dev/null
 sudo apt update
 sudo apt install -y docker-ce docker-ce-cli containerd.io
 sudo systemctl start docker
 sudo systemctl enable docker
 sudo usermod -aG docker $USER

 echo "Jenkins installation"
 echo "------------------------------------------------------------------"
 sudo apt update
 sudo apt install -y openjdk-17-jre
 curl -fsSL https://pkg.jenkins.io/debian-stable/jenkins.io-2023.key | sudo tee \
   /usr/share/keyrings/jenkins-keyring.asc > /dev/null
 echo deb [signed-by=/usr/share/keyrings/jenkins-keyring.asc] \
   https://pkg.jenkins.io/debian-stable binary/ | sudo tee \
   /etc/apt/sources.list.d/jenkins.list > /dev/null
 sudo apt-get update
 sudo apt-get install -y jenkins

 echo "Add Jenkins to Docker Group"
 echo "------------------------------------------------------------------"
 sudo usermod -aG docker jenkins

2. Access the Jenkins web interface by navigating to http://localhost:8080 or the URL where Jenkins is hosted.

3. Once logged in, proceed to install the suggested plugins.

4. Set up the necessary global configurations, such as DockerHub credentials and email notification settings, in Jenkins.

Step 2: Create a New Jenkins Job

  1. Click on “New Item” on the Jenkins dashboard to create a new Jenkins job.

  2. Enter a suitable name for the job (e.g., “DevOps Project 2”).

  3. Choose the “Pipeline” option and click “OK” to create the job.

Step 3: Configure the Jenkins Pipeline

  1. In the General Section, tick the GitHub project box and provide your repository URL.

2. Move to the “Build Triggers” section, and select Poll SCM to trigger the Jenkins Pipeline when changes are discovered. We’ll schedule it to run a scan every minute.

3. Navigate to the “Pipeline” section.

4. Select the “Pipeline script” option and enter the declarative pipeline syntax for your project.

 pipeline {
     agent any
     stages {
         stage('Clone Code') {
             steps {
                 // Build steps go here
                 git url: 'https://github.com/estebanmorenoit/django-notes-app.git', branch: 'main'
             }
         }
         stage("Build") {
             steps {
                 sh 'docker build . -t django-notes-app'
             }
         }
         stage("Push to Docker Hub") {
             steps {
                 withCredentials([usernamePassword(credentialsId: "dockerhub", passwordVariable: "dockerhubPass", usernameVariable: "dockerhubUser")]) {
                     sh "docker tag django-notes-app ${env.dockerhubUser}/django-notes-app:latest"
                     sh "docker login -u ${env.dockerhubUser} -p ${env.dockerhubPass}"
                     sh "docker push ${env.dockerhubUser}/django-notes-app:latest"
                 }
             }
         }
         stage("Cleanup") {
             steps {
                 // Stop and remove the container if it exists
                 sh 'docker stop django-notes-app || true'
                 sh 'docker rm django-notes-app || true'
             }
         }
         stage("Deploy") {
             steps {
                 // Run the container and bind port 8000
                 sh 'docker run -d -p 8000:8000 --name django-notes-app django-notes-app'
             }
         }
     }
     post {
         success {
             emailext (
                 to: 'morenoramirezesteban@gmail.com',
                 subject: 'Deployment Successful',
                 body: 'The deployment to production was successful. You can access the application at http://<ec2-instance-public-ip-address>:8000',
             )
         }
         failure {
             emailext (
                 to: 'morenoramirezesteban@gmail.com',
                 subject: 'Deployment Failed',
                 body: 'The deployment to production failed. Please check the Jenkins console output for more details.',
             )
         }
     }
 }

5. Apply the changes and save the Pipeline.

Step 4: Configure Notifications and Alerts:

To set up email notifications using Gmail as the SMTP server in Jenkins, follow these steps:

  1. Install the Email Extension Plugin:

  • Go to “Manage Jenkins” > “Manage Plugins” > “Available” tab.

  • Search for “Email Extension” in the filter box.

  • Check the checkbox next to “Email Extension” and click “Install without restart.”

2. Configure Gmail SMTP Server in Jenkins:

  • Go to “Manage Jenkins” > “Configure System.”

  • Scroll down to the “Extended E-mail Notification” section.

  • In the “SMTP server” field, enter Gmail’s SMTP server address: smtp.gmail.com

  • Set the “Default user e-mail suffix” to @gmail.com

  • Click “Advanced” to expand additional settings.

  • Set “SMTP port” to 465.

  • Check the “Use SMTP Authentication” box.

  • Enter your Gmail email address in the “User Name” field.

  • Click “Add” to add a new “Password” and enter your Gmail account’s password.

  • Check the “Use SSL” box.

  • Save the configuration.

3. Enable “Less Secure Apps” in Gmail (Only if Required):

  • If you encounter authentication issues, you may need to enable “Less Secure Apps” in your Gmail account settings.

  • Go to https://myaccount.google.com/security.

  • Under “Signing in to Google,” click “App passwords.”

  • Sign in to your Google account if prompted.

  • Scroll down to “Allow less secure apps” and turn it ON.

  • Generate an app password and use it in the Jenkins email configuration instead of your regular Gmail password.

Step 5: Trigger the Jenkins Job

  1. Push changes to your project’s repository on GitHub to trigger the Jenkins job.

  2. Jenkins will automatically detect the changes and start running the pipeline.

Step 6: Monitor and Verify the Pipeline

  1. Monitor the progress of the pipeline execution in the Jenkins web interface. Check the console output for any errors or issues.

2. Navigate to http://<ec2-instance-public-ip-address>:8000 and access your newly deployed app.

3. Wait for an email notification to land in your inbox

In today’s challenge, we tackled DevOps Project 2, automating the deployment process of a web application using Jenkins. We covered setting up Jenkins, creating a Jenkins pipeline, defining stages, triggering the pipeline, and deploying the web application to our environment. By completing this project, we have gained practical experience in continuous integration and continuous deployment (CI/CD) practices. Stay tuned for a new project on Day 82 of the #90daysofdevops challenge!

I hope you learned something from this blog. If you have, don’t forget to follow and click the clap 👏 button below to show your support 😄. Subscribe to my blogs so that you won’t miss any future posts.

If you have any questions or feedback, feel free to leave a comment below. Thanks for reading and have an amazing day ahead!

Connect with me on LinkedIn: www.linkedin.com/in/trushid-hatmode

Connect with me on GitHub: https://github.com/Trushid

#90daysofdevopsTrainWithShubhamDevopsDevops articlesAWS Jenkins, DevOps
Â