In this workshop we will start by using Visual Studio Code and Visual Studio Team Services to create a continuous integration/continuous deployment pipeline to deploy a Node.js application to Azure App Service using an ARM Template.
Then, in Lab 2, we will move on to containerizing the application using Docker and deploying to Azure Container Instances.
The workshop will cover:
- Node.js & Express
- Visual Studio Code (VSCode)
- Git & GitHub
- Visual Studio Team Services (VSTS)
- Azure Web App
- ARM Templates
- Azure Container Registry
- Azure Container Instances
|DevOps with VSTS & Azure||Learn how to create a continuous delivery pipeline with VS Code, VSTS & Azure App Service|
|Containerizing Apps with Azure||Convert your deployed application to a Docker container and deploy it as an Azure Container Instance|
To complete this workshop you will need the following:
|Visual Studio Team Services||Required|
|Visual Studio Code||Required|
|Docker||Required||Required for Lab 2 only|
- Install the pre-requisite applications
- Generate a simple Node.js Express application
- Commit the application code to a local Git repo
- Creation of a VSTS project and code repo
- Push of the local git repo into VSTS
- Create a VSTS Build Definition to build (& optionally test) the application
- Update the build definition to deploy the app to Azure App Service using an ARM Template.
- Setup Azure Application Insights to monitor the application
Time Required: 2-3 Hours
- Containerize a Node.js app using Dockerfile
- Build Docker image and test locally
- Deploy Azure Container Registry
- Push your image to Azure Container Registry
- Deploy app as container in Azure using Azure Container Instance
Time Required: 1-2 Hours
Post-workshop Resource Cleanup
As you work through the labs you will have created resources in your Azure Subscription. It would be a good idea to remove these resources now that you no longer need them, otherwise you may be charged for their resource consumption.
- Login to the Azure Portal.
- Click on the Resource Groups menu
- Click on the MyAppRG-Staging resource group
- In the resource group blade, click on Delete Resource Group and follow-the on-screen instructions to confirm the deletion.
- Repeat with the MyAppRG-Containers resource group if you created one in Lab 2.
You may also wish to delete the VSTS project we created. but before deleting the project we need to disconnect the Service Principal that was created to access Azure:
- Disconnect the Service Principal
- If you are not logged into VSTS, navigate to https://[AccountName].visualstudio.com/_projects
- If you are logged in, click the Team Services icon in the very top left of the window.
- Click on the project you were using for the labs (DevOpsLab) to open it
- Hover over the settings icon (the gear icon) and select Services. A list of Service Endpoints is displayed.
- Click on the endpoint matching your Azure Subscription
- in the right-hand pane, under Actions select Disconnect
- Delete the VSTS Project
- Navigate back to your Account Hub page by clicking the Team Services icon in the very top left of the window.
- Hover your cursor over the project you wish to delete, then click the Delete icon (X).