Azure Pipelines: Using and set up a webapp (part 1)

0 0

This will be the first part 5 part series about Azure Pipelines. In this first part I will explain to you how to set up your Azure Pipeline so it’s capable of deploying a Node.js and Angular webapp. We will use Node for the backend and Angular for the frontend.

Create your Azure Pipeline

First you have to create a pipeline. You can do this by going to Azure Devops. Create a new project and go to the pipelines tab. If you don’t see this tab, enable it. Do so by following the steps in this link:

Configure your git source and for now add an starter pipeline YAML. This azure-pipelines.yml will be added to your repo, so make sure to pull. Make sure it’s pushed on your own separate branch if you don’t want it to be on your master (it’s configured to push to master by default)

Multi-stage Pipelines

Second thing you have to do, is enable multi-stage pipelines. You can do this by doing the following:

This enables you to have multiple stages, which comes in handy when you want to divide the deploying stages. See also here for the documentation.
Your yaml should now look like this:

# Starter pipeline
# Start with a minimal pipeline that you can customize to build and deploy your code.
# Add steps that build, run tests, deploy, and more:
# https://aka.ms/yaml

trigger:
- master

pool:
  vmImage: 'ubuntu-latest'

steps:
- script: echo Hello, world!
  displayName: 'Run a one-line script'

- script: |
    echo Add other tasks to build, test, and deploy your project.
    echo See https://aka.ms/yaml
  displayName: 'Run a multi-line script'

You will be able to run your pipeline, but it won’t do much yet. Let’s change that! Continue in the next article.

About Post Author

Joost Luijben

Joost is a junior consultant who is passionate about IT. He's a fourth year student IT in Software Development at the Hogeschool Utrecht. Specializing in DevOps he likes to share articles on how ensure high code quality.

joost.luijben@amis.nl

Happy

0 0 %

Sad

0 0 %

Excited

0 0 %

Sleepy

0 0 %

Angry

0 0 %

Surprise

0 0 %

Related posts:

Azure Pipelines: How to build and test an Angular and Node.js webapp and deploy it to on-premise VM’s using multiple stages (YAML) – Overview Azure Pipeline: Build Angular and Node.js webapp (part 2) Add tests for Angular and Node.js webapp in Azure Pipelines (part 3) On-premise VM’s and Azure Pipelines: Set up with multiple stages in Azure Pipelines (part 4) Deploy Angular and Node.js webapp in Azure Pipelines (part 5)