Build a URL Shortener with Azure Functions
Lab
Intermediate
1 h 22 m
2019-01-03
Lab Overview
In this lab, you will create a simple URL Shortener application written in C# using Azure Functions serverless compute and the Azure Functions Tools for Visual Studio 2017. The application will make use of Azure Functions Proxies, and host the homepage of the application as a static web page in Azure Storage. The app also uses Azure Storage Tables for the backend data store for the URLs and their shortened address codes. 
Objectives
  • Working with Azure Functions
  • Working with Azure Functions Proxies
  • Using Azure Functions Tools for Visual Studio
Pre-Requisites
  • Understanding of Cloud Computing
  • Understanding of Azure Functions and Serverless Compute
Exercises
In this lab, you will create a simple URL Shortener application written in C# using Azure Functions serverless compute and the Azure Functions Tools for Visual Studio 2017. The application will make use of Azure Functions Proxies, and host the homepage of the application as a static web page in Azure Storage. The app also uses Azure Storage Tables for the backend data store for the URLs and their shortened address codes.
In this exercise, you will provision a new Azure Function App and Azure Storage Account using the Azure Portal.
In this exercise, you will deploy a static HTML page for the URL Shortener application to Azure Storage and configure a Function Proxy within the Azure Functions App to serve it up was the homepage of the web application.
In this exercise, you will write the backend REST API methods used to power the URL Shortener application. This backend API will consist of 2 API methods, the first one for creating new shortened URLs, and the second for performing the HTTP Redirects to the Full URLs when passed in the Shortened URL Code generated by the first API method. You will also setup Azure Function Proxies for both REST API methods to make them more intuitive to call and the application function like a normal URL Shortender where the URL for shortened URLs to redirect is formatted like "_http://domain.com/code_" similar to other URL Shortener services.
In this exercise, you will use the Visual Studio tooling to Publish the Azure Functions code out to the Azure Function App that has been provisioned in Azure.
In this exercise, you will test out the new URL Shortener application that was built out with Azure Functions throughout this hands-on lab.
Real-Time Lab
Not Registered?
Create Account
Already Registered?
Login
What are Labs?

Labs provide a live environment to get hands-on experience using the same tools and services in the real world.


Learn More