.NET Photo Gallery Web Application Sample with Azure Blob Storage

This sample application creates a web photo gallery that allows you to host and view images through a .NET web frontend. The code sample also includes functionality for deleting images. At the end, you have the option of deploying the application to Azure.

Azure Blob Storage Photo Gallery Web Application Sample .NET

Technologies used

  • ASP.NET MVC 5
  • .NET 4.5
  • Azure Storage emulator
  • Azure Web Apps
  • Azure Storage

Azure Blob Storage Photo Gallery Web Application using ASP.NET MVC 5. The sample uses the .NET 4.5 asynchronous programming model to demonstrate how to call the Storage Service using the Storage .NET client library's asynchronous APIs.

Running this sample

  1. Before you can run this sample, you must have the following prerequisites:

  2. Open the Azure Storage emulator. Once the emulator is running it will be able to process the images from the application.

  3. Clone this repository using Git for Windows (http://www.git-scm.com/), or download the zip file.

  4. From Visual Studio, open the WebApp-Storage-DotNet.sln file from the root directory.

  5. In Visual Studio Build menu, select Build Solution (or Press F6).

  6. You can now run and debug the application locally by pressing F5 in Visual Studio.

Deploy this sample to Azure

  1. To make the sample work in the cloud, you must replace the connection string with the values of an active Azure Storage Account. If you don't have an account, refer to the Create a Storage Account article.

  2. Retrieve the STORAGE ACCOUNT NAME and PRIMARY ACCESS KEY (or SECONDARY ACCESS KEY) values from the Keys blade of your Storage account in the Azure Preview portal. For more information on obtaining keys for your Storage account refer to View, copy, and regenerate storage access keys

  3. In the Web.config file, located in the project root, find the StorageConnectionString app setting and replace the placeholder values with the values obtained for your account.

  1. In Visual Studio Solution Explorer, right-click on the project name and select Publish...

  2. Using the Publish Website dialog, select Microsoft Azure Web Apps

  3. In the next dialog, either select an existing web app, or follow the prompts to create a new web application. Note: If you choose to create a web application, the Web App Name chosen must be globally unique.

  4. Once you have selected the web app, click Publish

  5. After a short time, Visual Studio will complete the deployment and open a browser with your deployed application.

For additional ways to deploy this web application to Azure, please refer to the Deploy a web app in Azure App Service article which includes information on using Azure Resource Manager (ARM) Templates, Git, MsBuild, PowerShell, Web Deploy, and many more.

About the code

The code included in this sample is meant to be a quick start sample for learning about Azure Web Apps and Azure Storage. It is not intended to be a set of best practices on how to build scalable enterprise grade web applications.

More information