Book Image

Continuous Integration, Delivery, and Deployment

By : Sander Rossel

Book Image

Continuous Integration, Delivery, and Deployment

By: Sander Rossel

Overview of this book

The challenge faced by many teams while implementing Continuous Deployment is that it requires the use of many tools and processes that all work together. Learning and implementing all these tools (correctly) takes a lot of time and effort, leading people to wonder whether it's really worth it. This book sets up a project to show you the different steps, processes, and tools in Continuous Deployment and the actual problems they solve. We start by introducing Continuous Integration (CI), deployment, and delivery as well as providing an overview of the tools used in CI. You'll then create a web app and see how Git can be used in a CI environment. Moving on, you'll explore unit testing using Jasmine and browser testing using Karma and Selenium for your app. You'll also find out how to automate tasks using Gulp and Jenkins. Next, you'll get acquainted with database integration for different platforms, such as MongoDB and PostgreSQL. Finally, you'll set up different Jenkins jobs to integrate with Node.js and C# projects, and Jenkins pipelines to make branching easier. By the end of the book, you'll have implemented Continuous Delivery and deployment from scratch.

Preface

What this book covers

What you need for this book

Who this book is for

Reader feedback

Customer support

Free Chapter

Continuous Integration, Delivery, and Deployment Foundations

Continuous Integration, Delivery, and Deployment Foundations

Continuous Integration

Continuous Delivery

Continuous Deployment

Setting Up a CI Environment

Setting Up a CI Environment

Installing a Virtual Machine

Installing Jenkins

Installing PostgreSQL

Installing SonarQube

Version Control with Git

Version Control with Git

Reverting changes

The branching model

Creating a Simple JavaScript App

Creating a Simple JavaScript App

The web shop specs

Installing Node.js and npm

Creating the project

Creating the Home page

Creating the Product page

Creating the Search page

Creating the Shopping cart page

Testing Your JavaScript

Testing Your JavaScript

Unit testing with Jasmine

Testing the web shop

Running tests with Karma

End-To-End testing with Selenium

Headless browser testing

Automation with Gulp

Automation with Gulp

Running your Karma tests

Getting our site production ready

Putting it all together

Automation with Jenkins

Automation with Jenkins

Installing Node.js and npm

Creating a Jenkins project

Executing Gulp in Jenkins

Publishing test results

Setting up email notifications

Setting up SonarQube

Running on Windows with Jenkins Slaves

A NodeJS and MongoDB Web App

A NodeJS and MongoDB Web App

Installing MongoDB

Creating the Node.js Back-end

Saving to MongoDB

Moving the Shopping Cart Module

A C# .NET Core and PostgreSQL Web App

A C# .NET Core and PostgreSQL Web App

Installing .NET Core and Visual Studio Code

Creating the views

Adding the database

Fixing the login

Testing the database

Testing our C# code

Adding Selenium tests

Additional Jenkins Plugins

Additional Jenkins Plugins

Cleanup workspaces

Conditional build steps

Promoted builds

Parameterized builds

Triggering builds remotely

Jenkins Pipelines

Jenkins Pipelines

Pipeline projects

The Jenkinsfile

Multibranch pipeline

Completing the script

Testing a Web API

Testing a Web API

Building a REST service

Continuous Delivery

Continuous Delivery

Manual deployment

Continuous Deployment

Continuous Deployment

JavaScript Deployment using SSH

C# .NET Core Deployment using SSH

Customer Reviews

5 star

0

4 star

0

3 star

0

2 star

0

1 star

0

Creating the Home page

On to the actual code. The first thing we will need are some HTML pages. I am trying to keep things as simple as possible so we will not use any HTML rendering engines. As a result, we will have to copy/paste some HTML into every page we have (for now). In your project folder, create three new folders called css, scripts, and views. Also, create a file called index.html and put the following code in it:

<!DOCTYPE html>
<html>
   <head>
      <meta charset="UTF-8">
      <title>CI Web Shop</title>
 
      <link rel="stylesheet" type="text/css" 

href="node_modules\bootstrap\dist\css\bootstrap.css">
      <link rel="stylesheet" type="text/css" href="css\layout.css">
      <link rel="stylesheet" type="text/css" href=&quot...