CI/CD pipeline with GitHub Actions

Mar 01, 2021 | Technology

Content


copied

In this blog, we are going to learn step-by-step how to set up a Serverless CI/CD pipeline on Nimbella using GitHub Actions.

What is CI/CD?

Continuous Integration refers to the practice of creating a build as a new code.Comment end is committed to running automated tests against that build to verify that everything works correctly.

Github-ci-cd: https://docs.github.com/en/actions/guides/about-continuous-integration

Continuous Delivery is the practice of automatically deploying code to production.

CI/CD Flow

CI/CD Flow

CI/CD pipeline is one of the best practices for devops teams to implement, for delivering code changes more frequently and reliably.

CI/CD with GitHub Actions on Nimbella

GitHub Actions let you build, test, and deploy your code right from GitHub.

Nimbella is a modern serverless platform in which CI/CD can be implemented with modern CI/CD Pipeline GitHub actions that result in saving developers time and effort.

CI/CD on Nimbella using GitHub Actions

CI/CD on Nimbella using GitHub Actions

We can implement CI/CD pipeline on Nimbella using GitHub Actions with the below steps.

  1. Build the App.
  2. Write an Automated Test for the App.
  3. Set-up CI/CD using GitHub Action.

1.Build the App

Please consider that we are going to build a real-time URL shortener app. We can create our shortener app with Node.js as backend and React.js as frontend which can be deployed into Nimbella Serverless Platform as mentioned in the article below.

How to deploy Node.js functions on Nimbella.

We may set up a free mongo DB cluster as Database for our app by referring to Get Started with Atlas.

Please note that to run this application, you'll need to have Git, Node.js, and NPM already installed.

Let's clone the code into our local directory using the below command.

git clone https://github.com/bolt-hub/github-ci-cd-nimbella-shortener.git

The directory having the code for our shortener app looks as below:

Project Directory of Shortener App

Project Directory of Shortener App

2.Write Automated Test for the App

Automated testing enables continuous testing and ensures that bugs get found early and are fixed before the end-users experience any breaks.

Please consider that we are going to write our automated test with the popular Jest Framework. Let's execute the below commands from the root of the project directory to install npm packages for the Jest framework.

npm init -y 
npm install --save-dev jest mongoose nanoid dotenv

Create Jest configuration files i.e, jest.config.js & jest.setup.js, and change the test script defined in package.json to run the Jest binary. Now when we run the test script, this Jest command is going to run.

After updating the Jest test run command in package.json, it looks as below.

Package.json after updating test Run command

Package.json after updating test Run command

Create a test file that validates test cases for the app using Jest Framework as below.

const { Mongoose } = require("mongoose");
const app = require("./index");
const mongoose = require('mongoose')

describe("Validates Response when URL Shortener is Requested", () => {
 test("Validates Response URL shortener for Positive flow", async () => {
   var requestBody = {
     actual_url: "https://nimbella.com/blog/how-to-deploy-node-js-functions-on-nimbella",
   };
   var appResponse = await app.main(requestBody);

   expect(appResponse.body.success).toBe(true);
   expect(appResponse.statusCode).toBe(200);
 });
});

afterAll(async done => {
 // Closing the DB connection allows Jest to exit successfully.
 mongoose.connection.close();
 done();
});

After writing test validation for our serverless action, the directory will look as below:

Directory Structure after Adding Automated Tests

Directory Structure after Adding Automated Tests

3.Set-up CI/CD using GitHub Action

Create a new Repository in GitHub. Navigate to the Actions tab on this repository and set up a basic workflow.

GitHub Actions Link on Repository

GitHub Actions Link on Repository

Let's clone our new repo which has default GitHub actions and move the code for Shortener into this.

We can get a non-expiring token to deploy our app into Nimbella by running the below command on nim CLI.

nim auth export --non-expiring

Copy the token generated from the above command and add it as a GitHub secret. Also, add the environment variables of serverless action as GitHub secrets as below.

Configuring GitHub Secrets

Configuring GitHub Secrets

The final step of configuring the Specification CI/CD pipeline on Nimbella using GitHub Action is to modify the YAML file under ./GitHub/workflows as per our deployment specifications as below.

GitHub Actions YAML Specification

GitHub Actions YAML Specification

Once the above configuration is specified, whenever code changes are pushed to the repository, GitHub Action will trigger the configured CI/CD Pipeline/workflow to achieve CI/CD.

Let's test the CI/CD workflow by pushing the code to the repository. After pushing the code changes, if we check-out the "Actions" tab of the repository, it will look as below which indicates that CI/CD workflow has been triggered.

GitHub Actions Triggers Workflow

GitHub Actions Triggers Workflow

Successful Job Run through GitHub Actions

Successful Job Run through GitHub Actions

In Brief and to Sum-up:

  1. Build your code as per Nimbella's serverless framework structure
  2. Create Automated Test to validate serverless action
  3. Create a GitHub Repo and navigate to Actions tab of the Repo and set up a sample GitHub workflow.
  4. Configure Nimbella's Auth token & environment variables under GitHub Secrets of the same Repo.
  5. Modify the GitHub action's YAML file to test deploy the app using nim CLI.
  6. Push/Pull (as mentioned in the YAML file) the code to trigger the workflow.

GitHub Source: https://github.com/bolt-hub/github-ci-cd-nimbella-shortener.git

Please feel free to experiment with CI/CD workflow on Nimbella using the above example with few steps given below.

  1. Create a Nimbella Account and install nim CLI.
  2. Create a new Github Repo and configure the environment variables & Nimbella’s Auth token as GitHub secrets on the same Repo.
  3. Clone the above code from Git and push it to your newly created Repo. Once the workflow run has been completed, you may check-out your live URL shortener as below.

Deployment Log info

Deployment Log info

URL Shortner

Guest Author: Athithan Raj P.

Follow him on Twitter: @raj_athithan

Recent Posts