Deploy your website in 5 minutes with Azure App Services

Syed Sohaib Uddin
3 min readMay 17, 2020

--

Building websites is one of the first endeavors of a developer. However, hosting the website and managing it in realtime takes the experience even further. In this blog, you’ll read about deploying your website from Azure.

Azure App Service

Azure App Service enables us to build and host web apps, mobile back ends, and RESTful APIs in any programming language. It offers auto-scaling and high availability, supports both Windows and Linux, and enables automated deployments from GitHub, Azure DevOps, or any Git repo.

This allows Continuous Integration and Continuous Deployment (CI/CD) seamlessly for your application. You can make changes to your source and have it directly reflected on the deployed application.

Getting 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’.

2. 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.

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

4. 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.

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

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

7. 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/

--

--