Refactor Node.js Express to Azure Functions
TypeScript Node/Express 👉TypeScript Serverless ➕ Angular
This project was created to help represent a fundamental app written with Node Express APIs and TypeScript that can be shifted to Serverless Functions with TypeScript.
The client app is Angular, however it could just as easily be Vue or React. The vacations theme is used throughout the app.
by John Papa
Why
I love Node and Express for creating APIs! These require a server and paying for that server in the cloud. Shifting to serverless alleviates the cost, the server upkeep, helps scale up and down easily, and reduces the surface area of the middleware required for a robust Express app. Is it perfect? No, of course not! But this is a solid option if these factors affect you.
Prerequisites
Make a copy of the env.example
file named .env
, in the root of the project. It should contain the following code.
.env
NODE_ENV=development
PORT=7070
WWW=./
Getting Started
-
Clone this repository
git clone https://github.com/MicrosoftDocs/mslearn-module-shifting-nodejs-express-apis-to-serverless learn-functions cd learn-functions
-
Install the npm packages
npm install
-
Build the Node Express and the Angular code
npm run full:build
-
Run the app
npm run node:start
Debug Node Express and Angular
-
Stop any debugging sessions that may be currently running
-
Open
proxy.conf.json
and set the port to7070
-
Open the VS Code Command Palette
F1
-
Type
View: Show Debug
and pressENTER
-
Select
Debug Express and Angular
-
Press
F5
-
Open the browser to http://localhost:4200
You may now set break points in the Express and Angular code.
Debug Functions and Angular
-
Stop any debugging sessions that may be currently running
-
Open
proxy.conf.json
and change the port to7071
-
Open the VS Code Command Palette
F1
-
Type
View: Show Debug
and pressENTER
-
Select
Debug Functions and Angular
-
Press
F5
-
Open the browser to http://localhost:4200
You may now set break points in the Functions and Angular code.
Problems or Suggestions
Resources
- Azure Free Trial
- VS Code
- VS Code Extension for Node on Azure
- VS Code Extension Marketplace
- VS Code - macOS keys
- VS Code - Windows keys
- Azure Functions local.settings.json file
- Tutorial to Deploy to Azure Using Azure Functions