In the world of DevOps, professionals frequently work with pipelines. Pipelines automatically build and test code projects to make them available to others, and work with just about any programming language or project type.
Pipelines do not just help developers make code easier to manage and deploy. They also save DevOps professionals a tremendous amount of time. With a pipeline, developers can build an IDE in 20 minutes or less and get their code into an IDE optimized to run on modern OSs.
In the course of this article, we will look at the step-by-step process of building a Jenkins CI/CD pipeline. Additionally, we will build a web app using the jQuery UI library. jQuery UI is a modern web UI framework that enables us to create a mobile web experience.
Weāre also going to use the IndexedDB storage framework to store our data, query it, and update it easily without cluttering up our JavaScript.
What is DevOps?
DevOps is a software engineering approach or culture that unifies the Development and Operations team under an umbrella of tools to automate every stage. The Development team is responsible for coding or scripting the software and integrating all the components needed to run that software. Meanwhile, the Operations team is responsible for managing the organization's diverse workforce to ensure effective and efficient daily operations.
DevOps helps achievers meet certain milestones:
- Frequent Release of Deliverables
- Team Collaboration
- Build Management of Unplanned Work
- Faster Resolution of Issues
Let's take a closer look at this pipeline that is making DevOps so popular today.
What is a CI/CD Pipeline?
The term āCI/CD pipelineā refers to the Continuous Integration/Continuous Delivery pipeline. Before we dive deep into this segment, let's first understand what is meant by the term āpipeline.ā
A pipeline is a concept that introduces a series of events or tasks that are connected in a sequence to make quick software releases. For example, there is a task, that task has got five different stages, and each stage has got several steps. All the steps in phase one must be completed, to mark the latter stage to be complete.
Now, consider the CI/CD pipeline as the backbone of the DevOps approach. This Pipeline is responsible for building codes, running tests, and deploying new software versions. The Pipeline executes the job in a defined manner by first coding it and then structuring it inside several blocks that may include several steps or tasks.
Before we tell you how to build this CI/CD pipeline using Jenkins, let us investigate a brief meaning of these two terms: Continuous Integration and Continuous Delivery.
What is Continuous Integration (CI)?
Continuous Integration is a practice that integrates code into a shared repository. It uses automated verifications for the early detection of problems. Continuous Integration doesn't eliminate bugs but helps in finding and removing them quickly.
What is Continuous Delivery (CD)?
Continuous Delivery is the phase where the changes are made in the code before deploying. The team in this phase decides what is to be deployed to the customers and when. The final goal of the pipeline is to make deployments.
When both these practices come together, all the steps are considered automated, resulting in the process we know as CI/CD. Implementation of CI/CD enables the team to deploy codes quickly and efficiently. The process makes the team more agile, productive, and confident.
Jenkins is the DevOps tool that is most used for CI/CD pipelines. Therefore, we must have a look at the basics of Jenkins and understand why it is the most sought-after tool to build this pipeline.
Best Practices for CI/CD Pipeline Security
DevOps comes with its own set of security risks, so itās important to have a set of best practices in place.Ā These include:
- Employ one-time passwords for your more sensitive systems and tools
- Use password managers and rotate your passwords after every use
- Take out all hardcoded secrets from CI/CD config files and Jenkins files
- Make sure secrets arenāt accidentally passed along during builds for pull requests occurring in CI/CD pipeline
- Follow the practice of least privilege. This means giving access only to the requisite secrets, nothing beyond that. This practice applies to applications, employee access, systems, and connected devices that require permissions or privileges to perform certain tasks.
- Use authentication measures to confirm machine identity
- Keep track of who has access to what resources. Create a clear repository of access management, regardless of whether itās task-based, time-based, or role-based.
- Distribute secrets among Jenkinsfiles to reduce the risk of attacks on the files
- Scan scripted builds and regularly monitor source code for vulnerabilities before deploying an app into production
What is Jenkins?
Jenkins is an open-source automation tool used to build and test software projects. The tool makes it more convenient for developers to integrate changes to the project. Jenkins achieves Continuous Integration with the help of plugins.
Jenkins happens to be the best fit for building a CI/CD pipeline because of its flexibility, openness, plugin-capabilities, and ease of use.
Building CI/CD Pipeline with Jenkins
There are six steps to building a pipeline with Jenkins. But, before you begin those six steps, make sure you have the following in your system.
- Java Development Kit
- Knowledge to execute some basic Linux commands
The steps to build CI/CD pipeline with Jenkins are:
1. Download Jenkins
- Download Jenkins from the Jenkins downloads page āhttps://www.jenkins.io/download/ā.
- Download the file āGeneric Java package (.war)ā.
2. Execute Jenkins as a Java binary
- Open the terminal window and enter cd <your path>.
- Use the command java ājar ./Jenkins. war to run the WAR file.
3. Create a Jenkins Job
- Open the web browser and open localhost:8080.
- The Jenkins dashboard opens creates new jobs there.
4. Create a Pipeline Job
- Select and define what Jenkins job that is to be created.
- Select Pipeline, give it a name and click OK.
- Scroll down and find the pipeline section.
- Either directly write a pipeline script or retrieve the Jenkins file from SCM (Source Code Management).
5. Configure and Execute a Pipeline Job With a Direct Script
- Choose Pipeline script as the Destination and paste the Jenkins file content in the Script from the GitHub.
- Click on Save to keep the changes.
- Now click on the Build Now to process the build.
- To check the output, click on any stage and click Log; a message will appear on the screen.
6. Configure and Execute a Pipeline With SCM
- Copy the GitHub repository URL by clicking on Clone or download.
- Now, click on Configure to modify the existing job.
- Scroll to the Advanced Project Options setting and select Pipeline script from the SCM option.
- Paste the GitHub repository URL here.
- Type Jenkinsfile in the Script, and then click on the Save button.
- Next, click on Build Now to execute the job again.
- There will be an additional stage, in this case, i.e., Declaration: Checkout SCM.
- Click on any stage and click on Log.
After you have grasped all the essential steps to build a CI/CD pipeline using Jenkins, a hands-on demonstration will serve as the icing on the cake.
Demo - To Build a CI/CD Pipeline With Jenkins
Go to your Jenkins Portal:
- Click on āCreate a jobā.
- In the item name dialog box, you may enter the āpipelineā.
- Select the pipeline job type in the list below.
- Click on OK.
A configuration related to the pipeline opens on the screen.
- Scroll down on that page.
- There in the dialog box, choose GitHub+Maven.
Some steps will appear on the screen. The next step is to integrate the Jenkins file into the Version Control system.
So, to do that, you must:
- Select āPipeline script from SCMā.
- Then in the SCM dialog box, select Git.
- āJenkins fileā is the name of the Script.
- Add the Git repository URL.
- You can add the credentials if any.
The credentials can be added with the help of the āAddā option.
- Then save the configuration
A page now appears on the screen that gives you various options like āBuild Nowā, āDelete Pipelineā, āConfigureā, etc.
- Click on the Build Now option.
The pipeline will start downloading. The checkout will be visible on the screen and you can see the build being complete on the screen.
You can go to the console output option to check the log that is taking place.
You will soon be able to see that all the segments of the pipeline are completed. The artifact will be present to download. The war file can be downloaded using that link.
The entire process helps us understand how the whole Pipeline is configured. Using similar types of steps, different kinds of automation pipelines can be configured.
Using CI/ CD Pipelines and IndexedDB for a jQuery UI Web Application
Using a simple PostgreSQL database, weāll be storing some client-side data in IndexedDB storage. This technique can be a convenient and robust solution for storing some data in the browser.
Using IndexedDB is a much better alternative to the Document Object Model (DOM) for storing and querying client-side data because of how easy it is to manage and query data. Letās get started with our project.
Creating a New Project
First, create a new directory for our project in a new directory and run this command:
git init
You should see something like the following:
$ mkdir jquery-ui-pipeline-demo $ cd jquery-ui-pipeline-demo $ bin/pipeline create
The āPipeline createā command lets you specify the template where your code will be built and tested. This method is like how a knitter uses yarn but in our case, weāre using the web toolbelt instead of the yarn.
The only difference is that you wonāt need to use your own build environment to run tests. The web toolbelt will do this for you automatically.
Thatās all you need to do to create a new project.
Building a jQuery UI Web App Using a Pipeline
To use the pipeline to build your sample app, we will open a new terminal window and type:
$ bin/pipeline build
This command will take a while because itās building and testing the app on our local development machine.
After the build process is complete, you can see that the completed project is stored in our index.html file. We can use these files in other apps or even deploy the app to a server to test it out.
Check out the Jenkins Certification Training Course to learn server automation, continuous integration, build pipelines, configuration tools, and more. Enroll now!
Summary
Hopefully, youāre now familiar with the concept of pipelines, and you can see the advantage they have when working with the web. Pipelines allow you to focus on the app and the business logic while the tooling handles the rest.
There are lots of other resources available on the Internet that can help you further understand pipelines. Simplilearn also offers courses and programs that will improve your skills with pipelines and other DevOps tools and platforms. Our CI/CD Pipelines with Jenkins Certification Training Course is specifically geared towards using pipelines.Ā If you want to develop a comprehensive set of DevOps skills, our Post Graduate Program in DevOps, offered in collaboration with Caltech CTME, has a complete curriculum with live virtual classroom instruction, hands-on labs, and a capstone project suitable to add to your portfolio.