This repository contains an Azure Functions HTTP trigger reference sample written in JavaScript and deployed to Azure using Azure Developer CLI (azd
). The sample uses managed identity and a virtual network to make sure deployment is secure by default.
This source code supports the article Quickstart: Create and deploy functions to Azure Functions using the Azure Developer CLI.
- Node.js 20
- Azure Functions Core Tools
- Azure Developer CLI (
azd
) - To use Visual Studio Code to run and debug locally:
- An HTTP test tool that keeps your data secure. This article uses the
curl
tool. For more information, see HTTP test tools.
You can initialize a project from this azd
template in one of these ways:
-
Use this
azd init
command from an empty local (root) folder:azd init --template functions-quickstart-javascript-azd
Supply an environment name, such as
flexquickstart
when prompted. Inazd
, the environment is used to maintain a unique deployment context for your app. -
Clone the GitHub template repository locally using the
git clone
command:git clone https://github.com/Azure-Samples/functions-quickstart-javascript-azd.git cd functions-quickstart-javascript-azd
You can also clone the repository from your own fork in GitHub.
Add a file named local.settings.json
in the root of your project with the following contents:
{
"IsEncrypted": false,
"Values": {
"AzureWebJobsStorage": "UseDevelopmentStorage=true",
"FUNCTIONS_WORKER_RUNTIME": "node"
}
}
-
Run these commands to start the Functions host locally:
npm install func start
-
From your HTTP test tool in a new terminal (or from your browser), call the HTTP GET endpoint: http://localhost:7071/api/httpget
-
Test the HTTP POST trigger with a payload using your favorite secure HTTP test tool. This example uses the
curl
tool with payload data from thetestdata.json
project file:curl -i http://localhost:7071/api/httppost -H "Content-Type: text/json" -d "@src/functions/testdata.json"
-
When you're done, press Ctrl+C in the terminal window to stop the
func.exe
host process.
- Open the root folder in a new terminal.
- Run the
code .
code command to open the project in Visual Studio Code. - Press Run/Debug (F5) to run in the debugger. Select Debug anyway if prompted about local emulator not running.
- Send GET and POST requests to the
httpget
andhttppost
endpoints respectively using your HTTP test tool (or browser forhttpget
). If you have the RestClient extension installed, you can execute requests directly from thetest.http
project file.
The source code for the GET and POST functions is in the httpGetFunction.js
and httpPostBodyFunction.js
code files, respectively. Azure Functions requires the use of the @azure/functions
library.
This code shows an HTTP GET triggered function:
const { app } = require('@azure/functions');
app.http('httpget', {
methods: ['GET'],
authLevel: 'function',
handler: async (request, context) => {
context.log(`Http function processed request for url "${request.url}"`);
const name = request.query.get('name') || await request.text() || 'world';
return { body: `Hello, ${name}!` };
}
});
This code shows an HTTP POST triggered function that expects person
object with name
and age
values in the request body.
const { app } = require('@azure/functions');
app.http('httppost', {
methods: ['POST'],
authLevel: 'function',
handler: async (request, context) => {
context.log(`Http function processed request for url "${request.url}"`);
try {
const person = await request.json();
const { name, age } = person;
if (!name || !age) {
return {
status: 400,
body: 'Please provide both name and age in the request body.'
};
}
return {
status: 200,
body: `Hello, ${name}! You are ${age} years old.`
};
} catch (error) {
return {
status: 400,
body: 'Invalid request body. Please provide a valid JSON object with name and age.'
};
}
}
});
Run this command to provision the function app, with any required Azure resources, and deploy your code:
azd up
You're prompted to supply these required deployment parameters:
Parameter | Description |
---|---|
Environment name | An environment that's used to maintain a unique deployment context for your app. You won't be prompted if you created the local project using azd init . |
Azure subscription | Subscription in which your resources are created. |
Azure location | Azure region in which to create the resource group that contains the new Azure resources. Only regions that currently support the Flex Consumption plan are shown. |
After publish completes successfully, azd
provides you with the URL endpoints of your new functions, but without the function key values required to access the endpoints. To learn how to obtain these same endpoints along with the required function keys, see Invoke the function on Azure in the companion article Quickstart: Create and deploy functions to Azure Functions using the Azure Developer CLI.
You can run the azd up
command as many times as you need to both provision your Azure resources and deploy code updates to your function app.
Note
Deployed code files are always overwritten by the latest deployment package.
When you're done working with your function app and related resources, you can use this command to delete the function app and its related resources from Azure and avoid incurring any further costs:
azd down