How to Deploy a Serverless Node.js Application on Azure

This article will guide beginners in software development on how to deploy a serverless application on . We will cover setting up an Azure account, creating a Node.js application, configuring Azure Functions for serverless deployment, and finally, deploying our application. The goal is to provide you with a straightforward and practical guide to get your Node.js application running on Azure without the need for any basic knowledge. Node.js Microsoft Azure Setting up an Azure Account Before we can deploy anything, you'll need an Azure account. If you don't have one yet, visit the website and sign up for a free account. You'll get in Azure credits and free access to popular services for 12 months. Azure $200 After creating an account, first, you need to create a Web App resource. After clicking on the you will see this. “Create a resource” The Azure official documentation says: “App Service “Web Apps” lets you quickly build, deploy, and scale enterprise-grade web, mobile, and API apps running on any platform. Meet rigorous performance, scalability, security, and compliance requirements while using a fully managed platform to perform infrastructure maintenance.” On this page, the most important is the tab. On this tab, you will need to specify yellow things. I have highlighted them using a brush. Basic After pressing and buttons your resource will be successfully created. “Review + create” "Create“ Going back to the Home page, you will see your resource, which has Type “App Service“. Now we need to set up Azure in your VS Code app. Setting up Azure connection with VS Code To set up Azure with Visual Studio Code (VS Code), you'll need to install the Azure App Service extension and sign in to your Azure account. Here are step-by-step instructions to do that: : If you haven't already, download and install Visual Studio Code from the official website: Install VS Code https://code.visualstudio.com/ : Once you have VS Code installed, you can add the Azure App Service extension. Install Azure App Service extension Open VS Code Click on the Extensions view icon on the Sidebar (or press ). Ctrl+Shift+X Search for 'Azure App Service'. Click Install. : Once the Azure App Service extension is installed, you'll need to sign in to your Azure account. Sign in to Azure Click on the Azure icon on the Sidebar to switch to the Azure: App Service Explorer. Click Sign in to Azure and follow the instructions. Now you're ready to use Azure with Visual Studio Code! You can create new web apps, deploy your applications to Azure, manage your resources, and more, all directly from VS Code. Create Hello World Nodejs app Creating a "Hello World" Node.js application in Visual Studio Code (VS Code) is straightforward. Here's a step-by-step guide on how to do that: : If you haven't already, you'll need to install Node.js and npm (which comes with Node.js) on your machine. You can download Node.js and npm from the official Node.js website: Install Node.js and npm https://nodejs.org/ : Open VS Code, and create a new folder for your project. You can do this by clicking on and then create a new folder. Create a new folder for your project File > Open Folder... : You can do this by clicking on . This will open a new terminal at the bottom of your VS Code window. Open a new terminal in VS Code Terminal > New Terminal : In the terminal, type . This will create a new file in your folder with default values. Initialize a new Node.js application npm init -y package.json : Click on to create a new file, and save it as in your project folder. Create a new file for your application File > New File app.js : In the file, type the following code: Write your "Hello World" program app.js const http = require('http'); const server = http.createServer((req, res) => { res.statusCode = 200; res.setHeader('Content-Type', 'text/plain'); res.end('Hello World\n'); }); server.listen(3000, '127.0.0.1', () => { console.log('Server running at http://127.0.0.1:3000/'); }); This code creates a simple HTTP server that responds with "Hello World" for every request. : In the terminal, type to start your application. You should see the message "Server running at ". Run your application node app.js http://127.0.0.1:3000/ : Open a web browser, and go to . You should see "Hello World". Check your application http://127.0.0.1:3000 Upload local project to Azure cloud You should open extension in your VS Code app. Then you will see, Azure App Service Right-click on the resource and click on Deploy to Web App. hackernooontestapp Then you need to choose the project folder. 5:32:36 PM: Deployment to "hackernoontestapp" completed. After deploying the app, you will cause some Azure errors. 5:33:59 PM: "hackernoontestapp" reported a critical error: Cannot find module '/home/site/wwwroot/index.js' This error means that we need to open file and make some changes to it. package.json { "name": "hackernoon", "version": "1.0.0", "description": "", "main": "app.js", "scripts": { "start": "node app.js" }, "keywords": [], "author": "", "license": "ISC" } It should look like this. We have replaced with and added a start script to it. By default, when you select based on Linux, it will open an 8080 port in a docker container, that’s why we need to change our app.js code. “main“: “index.js“ “main“: “app.js“ Azure Web App const http = require('http'); const server = http.createServer((req, res) => { res.statusCode = 200; res.setHeader('Content-Type', 'text/plain'); res.end('Hello World\n'); }); server.listen(8080, '0.0.0.0', () => { console.log('Server running at http://0.0.0.0:8080/'); }); Deploy the app again, and finally, you will see on your browser! Don’t forget to reboot your cloud app on the Azure website. In case of some problems, you can right-click on your web app and click on your VS Code extension. You will see error messages and can deal with them. Hello World “Start Streaming logs“ Conclusion Thank you for reading! If you've followed along, you now have a basic understanding of how to deploy a serverless Node.js application on Azure. Remember, practice makes perfect. So, continue exploring, and before you know it, you'll be an expert in deploying serverless applications.