| languages | products | page_type | |||
|---|---|---|---|---|---|
|
|
sample |
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.
To use the latest Azure SDK version WebApp-Storage-DotNet-v3, please add the following dependency:
For the previous Azure SDK version WebApp-Storage-DotNet-v12, please add the following dependency:
- ASP.NET MVC 5
- Azure Storage emulator
- Azure Web Apps
- Azure Storage
Azure Blob Storage Photo Gallery Web Application using ASP.NET MVC 5. The sample uses asynchronous programming model to demonstrate how to call the Storage Service using the Storage .NET client library's asynchronous APIs.
-
Before you can run this sample, you must have the following prerequisites:
- The Azure Storage Emulator, which you can download here. You can also read more about Using the Azure Storage Emulator for development.
- Visual Studio 2017 or Visual Studio 2019.
-
Open the Azure Storage Emulator. Once the emulator is running it will be able to process the images from the application.
-
Clone this repository using Git :
git clone https://github.com/tzhanl/storage-blobs-dotnet-webapp.git
-
Switch to the appropriate folder. Navigate to your directory where the project file (.csproj) resides and open it with Visual Studio.
-
In Visual Studio Build menu, select Build Solution (or Press F6).
-
You can now run and debug the application locally by pressing F5 in Visual Studio.
-
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.
-
Click Storage Account in the Azure Portal to open it. Select Settings > Access keys > Key1/key, copy the associated Connection string to the clipboard, then paste it into a text editor for later use.
-
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.
<add key="StorageConnectionString" value="[Enter Your Storage Connection string]" /> -
In Visual Studio Solution Explorer, right-click on the project name and select Publish...
-
Using the Publish Website dialog, select Microsoft Azure Web Apps
-
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.
-
Once you have selected the web app, click Publish
-
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.
- Create a container.
- Upload images to storage blob.
- List block blobs.
- Delete blobs.
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.