Deploying a Node app to Azure

I'm a full-stack developer from South Africa 🇿🇦. I love writing about JavaScript, HTML and CSS.
Search for a command to run...

I'm a full-stack developer from South Africa 🇿🇦. I love writing about JavaScript, HTML and CSS.
No comments yet. Be the first to comment.
Most of you know me for my consistency, a golden arrow in my blog series. I've written 1000 articles in 1008 days! Almost an article a day, and my honeymoon was the only holiday I ever took. I'm super proud of this achievement; it has been a fantasti...

It's not the first time I'll be talking about community. I think it's an essential aspect of any successful tool. This shows in my previous explorations of Astro, Medusa, and now Vendure as well. All these products thrive in a super open, welcoming, ...

The cool part about Vendure is how easy it is to set up and how abstract each layer is. Basically, we get the following elements: External database Server Worker Admin UI Frontend While this is amazing, it also brings a bit of complexity when it co...

The previous article looked at customizing Vendure on a data and process level. In this article, we'll look at customizing emails, as they are often a big part of a webshop system. We'll be looking at two different layers of customization for customi...

Even though Vendure is a pretty significant project out of the box, in some cases, we might want to go in and modify some elements to work to our specific use case. In this article, I'll take a high-level look at some elements we can customize within...

This article is not about building a Node.js app, but about deploying your first app on Azure.
Azure is very powerful, fast, and easier to start with than you would think.
I recently made a sort-like application for a company and thought it would be good to show everyone how to go about hosting your first Node app on Azure.
Check my article on starting your first Node.js app. Or download this starter package on GitHub.
First, we need to get an Azure account, head over to their register page, and follow instructions.
Once logged in, we see this.

Now click on the App Services since that is what we will be using.
We then get a prompt to start our free Trial if we have not already done this, please follow these steps.

Our Node app will be running on an App Service on Azure. So from the App Services screen, click on create new.

An App Service is a container that will run our application, and it can run several runtimes options.
For our instance, we are using the following settings.

If you don't have a resource group yet, you can just click the new button on Resource Group.
We won't be using any monitoring, for now, so leave that to no.

We also won't be using Tags, so click to the end and push Create!

There we go, we created an empty Azure App Service, which looks like this if we follow the URL.

You can use my Starter project from GitHub.
So there are multiple ways of pushing our code to our new App Service.
Let's start by exploring their Visual Studio code extension first!
You can download the Azure Visual Studio code extension here.
Once installed, open your project in Visual Studio Code.
You will now see this side icon, click it and authenticate with your Azure account.

Now we can right-click our newly created App Service and click Deploy to Web App.

Now visit your Azure created URL.

And we can even visit another route.

We can find our recent push deployment in the following section in Azure.

There we go, we created a Node app hosted on Azure Web Services.
You can find the full project on my GitHub or view it on Azure.
Next time we will be exploring GitHub Deployments, Custom domains, and Storage options!
Thank you for reading my blog. Feel free to subscribe to my email newsletter and connect on Facebook or Twitter