Previously, deploying an application involved tasks such as setting up a virtual machine, implementing security measures, and installing the necessary frameworks. This complex process often resulted in unnecessary costs when the applications were not in use.
However, with the advancement of cloud computing, it is now possible to leverage serverless computing for your platform and deployment infrastructure, allowing you to focus solely on coding.
I had a small task that I wanted to do for my website's Goals page— I needed to access Notion SDK for Javascript, retrieve and format the data for my Gatsby frontend to use. However, it was such a small task that I felt that it did not warrant the hassle to build a whole application to do so, hence, I thought it was a great use case for Azure Functions. In this article, I will share how I used Azure Functions to deploy a serverless Node.js function, from the comfort of my VSCode IDE.
Prerequisites
I had the following installed:
Creating our Azure Function project
On Visual Studio Code, I did the following steps:
- Access the Azure extension on the Activity Bar.
- On Workspace Local, click the + button.
- Choose
Create Function.
- Enter the details on the succeeding prompts.
| Prompt | Selection |
| Language | Javascript |
| JS Programming Model | Model V4 (Preview) |
| Template | HTTP Trigger |
If using the Azure CLI, simply type in the following command:
func new
Run locally
To run the function locally on VS Code:
- Press
F5.
- Access the Azure extension on the Activity Bar.
- Expand Workspace > Local > Functions.
- Right click and choose
Execute Function Now.
To run the function locally using the Azure CLI:
func start
Deploy to Azure
Prior to deploying your function code to Azure, these essential resources must be established:
- Resource Group: Serves as a logical container for interconnected resources.
- Storage account: Stores and Manages state and other pertinent data related to your functions.
- Function App: Provides the execution environment for your function code; Corresponds to the local function project.
To create these resources, use the following commands using Azure CLI.
- Login to Azure
- Create resource group on the desired region.
- Create a general-purpose storage account in the newly created resource group and desired region.
- Create a function app in Azure.
- Enable the V4 programming model app to run in Azure.
We can now deploy the function app to Azure!
func azure functionapp publish <FUNCTION_APP_NAME>
Environment Variables
To configure environment variables for local environment:
- Go to
local.settings.json and add environment variables under Values.
To configure environment variables for deployed app:
If using Azure Portal:
- Navigate to your function app.
- Go to Settings > Configuration > Application Settings and add desired environment variables.
If using Azure CLI:
Continuous Deployment
By leveraging source control integration, Azure Functions lets you to achieve continuous deployment of your code. This integration facilitates a seamless workflow where any updates made to the code automatically trigger the deployment process to Azure.
On the Azure portal:
- Navigate to your function app.
- Go to Settings > Deployment Center > Application Settings and choose the desired
Source.
- Authorize accordingly.
- Choose the Organization, Repository and Branch where you want your function to be deployed from.
- Review all details and press the
Finish button.
This is how my settings for my project looks like:
When successfully configured, the code from the specified repository will be deployed to the function app. Any modifications or commits in the deployment source will initiate a deployment process, ensuring that those changes are promptly applied to the function app.
That is it! The whole process of deploying a serverless function is an easy one, especially with the help of relevant Azure extensions on VS Code. I also don't have to worry about racking up server costs.
