How to deploy web applications to each integration...

yutaroshimizu · ‎06-18-2020

【Introduction】

In this blog, I will explain about the way of deployment to each integration test environment with circleCI.
After you finish reading the blog, then you can deploy the same application to two or more integration test environments.This way may reduce your workload.

If you want to know application structure, you can see my previous blog.
Blog Link ：https://blogs.sap.com/2020/03/23/how-to-deploy-web-application-automatically-using-ci-cd/

【IT Architecture】

I will show IT Architecture outline below.
You know GitHub is a platform for version control using Git.
CircleCI is a continuous integration/delivery tool.

【Topic/table of Content】

Create user accounts for GitHub and CircleCI
Create environment folders
Add new job to workflows
Run CircleCI jobs

【Environment】

You need to prepare Cloud Foundry environments.
Cloud Environment ：Cloud Foundry environment.
PC/Service ：1 PC （※ In my case, I used WindowsPC）

【Version】

WindowsPC Edition ：Windows 10 Enterprise 2016 LTSB
CPU ：Intel(R)Core(TM)i5-7300U CPU @ 2.60GHz 2.71GHz
Memory(RAM) ：8.00GB

【1. Create user accounts for GitHub and CircleCI】

First, you need to create GitHub and CircleCI accounts.
You can know how to create these accounts in my previous SAP Blog.

Blog Link ：https://blogs.sap.com/2020/03/23/how-to-deploy-web-application-automatically-using-ci-cd/
Blog Title：「How to deploy web application automatically using CircleCI ?」
⇒【1. Create user account for GitHub】
⇒【2. Create user account for CircleCI】

【2. Create environment folders】

Second, you need to prepare environment folders because each test environment requires different configuration files.Create env folders in your application route folder.

Name these folders mapping each test environment

Put a manifest.xml

Modify application name and host

---

applications:

- name: app_sample_ite1

  host: appsample_ite1

  memory: 512M

  env:

    destinations: >

      [

        { 

          "name":"app_sample_ite1", 

          "url":"https://appsample_ite1.cfapps.eu10.hana.ondemand.com/", 

          "forwardAuthToken": true

          }

      ]

---

applications:

- name: app_sample_ite2

  host: appsample_ite2

  memory: 512M

  env:

    destinations: >

      [

        { 

          "name":"app_sample_ite2", 

          "url":"https://appsample_ite2.cfapps.eu10.hana.ondemand.com/", 

          "forwardAuthToken": true

          }

      ]

【3. Add new job to workflows】

Next step, you open config.yml and look at workflows.
You describe new job definition in the config.yml.

Define job name

Describe job process

version: 2.1



orbs:

    cloudfoundry: circleci/cloudfoundry@0.1.73



workflows:

    "Sample App":

        jobs:

          - build_ite1

          - build_ite2



jobs:

  build_ite1:

    docker:

      - image: circleci/node:10.15.3

    steps:

      - checkout

      - run:

          name: Sample App

          command: |

            curl -v -L -o cf-cli_amd64.deb 'https://cli.run.pivotal.io/stable?release=debian64&source=github'

            sudo dpkg -i cf-cli_amd64.deb

            npm config set @sap:registry https://npm.sap.com -yes

            npm install @sap/xssec

            echo Y | sudo npm install -g -y @angular/cli

            cp env/ite1/manifest.yml ./

            cf login -a https://api.cf.eu10.hana.ondemand.com -u [Your email] -p [Your password] -o [Your organization] -s [Your space]

            cf push

  build_ite2:

    docker:

      - image: circleci/node:10.15.3

    steps:

      - checkout

      - run:

          name: Sample App

          command: |

            curl -v -L -o cf-cli_amd64.deb 'https://cli.run.pivotal.io/stable?release=debian64&source=github'

            sudo dpkg -i cf-cli_amd64.deb

            npm config set @sap:registry https://npm.sap.com -yes

            npm install @sap/xssec

            echo Y | sudo npm install -g -y @angular/cli

            cp env/ite2/manifest.yml ./

            cf login -a https://api.cf.eu10.hana.ondemand.com -u [Your email] -p [Your password] -o [Your organization] -s [Your space]

            cf push