07 - Implement Azure Functions

In this walkthrough, we will create a Function App to display a Hello message when there is an HTTP request.

Task 1: Create a Function app

In this task, we will create a Function app.

  1. Sign in to the Azure portal.

  2. From the All services blade, search for and select Function App and then click + Add.

  3. On the Basic tab of the Function App blade, fill in the Azure Function App settings fields (replace xxxx in the name of the function with letters and digits such that the name is globally unique). Leave the defaults for everything else.

    Settings Value
    Subscription Choose your subscription
    Resource group myRGFunction (Create new)
    Function App name function-xxxx
    Publish Code
    Runtime stack .NET Core
    Region East US
  4. Click Review + Create and, after verification, click Create to begin provisioning and deploying your new Azure Function App.

  5. Wait for the Notification that the resource has been created.

  6. Refresh the Function App page and verify your new resource is running.

    Screenshot of the Function App page with the new Function app.

Task 2: Create a HTTP triggered function and test

In this task, we will use the Webhook + API function to display a message when there is an HTTP request.

  1. Browse to the newly created Function app in the Azure portal.

  2. Click the “+” button next to Functions, and then, on the getting started page, scroll down and click In-portal. Notice your other choices for developing in Visual Studio and VS Code. Click Continue.

    Screenshot of the choose a development environment step in the azure functions for dot net getting started pane inside Azure portal. The display elements for creating a new in-portal function are highlighted. The highlighted elements are expand the function app, add new function, in-portal, and the continue button.

  3. Click WebHook + API, and then click Create. This will run a function whenever the app receives an HTTP request. Review other templates that you can choose from.

    Screenshot of the create a function step in the azure functions for dot net getting started pane inside Azure portal. The webhook + api button and create button are highlighted to illustrate the display elements used to add a new webhook to an Azure function.

  4. Notice the code is designed to run an HTTP request and log information. Also, notice the function returns a Hello message with a name.

    Screenshot of the function code. The Hello message is hightlighted.

  5. Click Get function URL from the top section of function editor.

  6. Ensure that the value in the Key drop-down list is set to default (Function key). Then, click Copy to copy the function URL.

    Screenshot of the get function URL pane inside the function editor in Azure portal. The display elements get function URL button, set key dropdown, and copy URL button are highlighted to indicate how to obtain and copy the function URL from the function editor.

  7. Open a new browser tab and paste the copied function URL into your web browser’s address bar. When the page is requested the function will run. Notice the returned message stating that the function requires a name in the request body.

    Screenshot of the please provide a name message.

  8. Append &name=yourname to the end of the URL.

    Note: Replace yourname with your first name. For example, if your name is Cindy, the final URL will resemble the following https://azfuncxxx.azurewebsites.net/api/HttpTrigger1?code=X9xx9999xXXXXX9x9xxxXX==&name=cindy

    Screenshot of a highlighted function URL and an appended example user name in the address bar of a web browser. The hello message and user name are also highlighted to illustrate the output of the function in the main browser window.

  9. When your function runs, trace information is written to log files in Azure. To view the logs in Azure portal, return to the function editor and, at the bottom of the page, click Logs.

    Screenshot of a trace information log resulting from running the function inside the function editor in Azure portal.

    Note: If no log information was collected, retun to the browser tab where you pasted the function app URL, refresh the page and then return to the Logs view.

Congratulations! You have created a Function App to display a Hello message when there is an HTTP request.

Note: To avoid additional costs, you can remove this resource group. Search for resource groups, click your resource group, and then click Delete resource group. Verify the name of the resource group and then click Delete. Monitor the Notifications to see how the delete is proceeding.