Easiest way to deploy your website using Microsoft Azure App Services

Easiest way to deploy your website using Microsoft Azure App Services

Hosting the website and controlling it in real time can be overwhelming to new developers. In this blog, you’ll learn how to deploy your website from Azure services.

We may use Azure App Service to create and host web apps, mobile back ends, and RESTful APIs, in any programming language. It supports both Windows and Linux and allows automatic deployments from GitHub, Azure DevOps, or any Git repo.

This enables your application’s Continuous Integration and Continuous Deployment (CI/CD) to run smoothly. You can make changes to your source code and see them immediately reflected in the deployed app.

Let's get started

Prerequisites: An active Azure subscription. You may use the Azure for Students to get a subscription for free or else you can use Azure free account.

1. Log in to your Azure portal and search ‘App Services’. Click on ‘Add’.

1. Configure your App service. Enter the required details and choose ‘Docker Container’ if you have spun a container for your application.

Choose your Runtime stack appropriately. I have a Node JS application, hence the stack.

Create ‘Review+create’ once done.

1. Once your App service is successfully deployed, navigate to your resource and click on ‘Deployment center’.

1. We will configure CI/CD pipeline from GitHub. Before moving further, make sure you upload your application code on GitHub, else use a sample Node js web app from my repository. You can also choose to configure CI/CD from your other sources.

1. Select your repository and the branch. Make sure the stack is properly configured. Click ‘continue’ to initiate deployment.

1. On your resource page, copy the URL and paste it in your browser window.

1. Swala! 🚀

Summary

We have successfully deployed a web app using Azure App Services.

Further Learning

Azure App Service: https://docs.microsoft.com/en-us/azure/app-service/