|
1 | | ---- |
2 | | -services: storage |
3 | | -platforms: dotnet |
4 | | -author: perrysk-msft |
5 | | ---- |
6 | | - |
7 | | -# .NET Photo Gallery Web Application Sample with Azure Blob Storage |
8 | | - |
9 | | -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. |
10 | | - |
11 | | - |
12 | | - |
13 | | -## Technologies used |
14 | | -- ASP.NET MVC 5 |
15 | | -- .NET 4.5 |
16 | | -- Azure Storage emulator |
17 | | -- Azure Web Apps |
18 | | -- Azure Storage |
19 | | - |
20 | | -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. |
21 | | - |
22 | | -## Running this sample |
23 | | -1. Before you can run this sample, you must have the following prerequisites: |
24 | | - - The Azure Storage Emulator, which you can download [here](https://go.microsoft.com/fwlink/?linkid=717179&clcid=0x409). You can also read more about [Using the Azure Storage emulator for development](https://docs.microsoft.com/en-us/azure/storage/common/storage-use-emulator). |
25 | | - - Visual Studio 2015 or Visual Studio 2017. |
26 | | - |
27 | | -2. Open the Azure Storage emulator. Once the emulator is running it will be able to process the images from the application. |
28 | | - |
29 | | -3. Clone this repository using Git for Windows (http://www.git-scm.com/), or download the zip file. |
30 | | - |
31 | | -4. From Visual Studio, open the **WebApp-Storage-DotNet.sln** file from the root directory. |
32 | | - |
33 | | -5. In Visual Studio Build menu, select **Build Solution** (or Press F6). |
34 | | - |
35 | | -6. You can now run and debug the application locally by pressing **F5** in Visual Studio. |
36 | | - |
37 | | -## Deploy this sample to Azure |
38 | | - |
39 | | -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](https://azure.microsoft.com/en-us/documentation/articles/storage-create-storage-account/) article. |
40 | | - |
41 | | -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](https://azure.microsoft.com/en-us/documentation/articles/storage-create-storage-account/#view-copy-and-regenerate-storage-access-keys) |
42 | | - |
43 | | -2. 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. |
44 | | - |
45 | | - <add key="StorageConnectionString" value="DefaultEndpointsProtocol=https;AccountName=[Enter Your Storage AccountName];AccountKey=[Enter Your Storage AccountKey]" /> |
46 | | - |
47 | | -3. In Visual Studio Solution Explorer, right-click on the project name and select **Publish...** |
48 | | - |
49 | | -4. Using the Publish Website dialog, select **Microsoft Azure Web Apps** |
50 | | - |
51 | | -5. 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. |
52 | | - |
53 | | -6. Once you have selected the web app, click **Publish** |
54 | | - |
55 | | -7. After a short time, Visual Studio will complete the deployment and open a browser with your deployed application. |
56 | | - |
57 | | -For additional ways to deploy this web application to Azure, please refer to the [Deploy a web app in Azure App Service](https://azure.microsoft.com/en-us/documentation/articles/web-sites-deploy/) article which includes information on using Azure Resource Manager (ARM) Templates, Git, MsBuild, PowerShell, Web Deploy, and many more. |
58 | | - |
59 | | -## About the code |
60 | | -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. |
61 | | - |
62 | | -## More information |
63 | | -- [What is a Storage Account](http://azure.microsoft.com/en-us/documentation/articles/storage-whatis-account/) |
64 | | -- [Getting Started with Blobs](http://azure.microsoft.com/en-us/documentation/articles/storage-dotnet-how-to-use-blobs/) |
65 | | -- [Blob Service Concepts](http://msdn.microsoft.com/en-us/library/dd179376.aspx) |
66 | | -- [Blob Service REST API](http://msdn.microsoft.com/en-us/library/dd135733.aspx) |
67 | | -- [Blob Service C# API](http://go.microsoft.com/fwlink/?LinkID=398944) |
68 | | -- [Delegating Access with Shared Access Signatures](http://azure.microsoft.com/en-us/documentation/articles/storage-dotnet-shared-access-signature-part-1/) |
| 1 | +--- |
| 2 | +languages: |
| 3 | +- csharp |
| 4 | +products: |
| 5 | +- azure |
| 6 | +- azure-storage |
| 7 | +topic: sample |
| 8 | +--- |
| 9 | + |
| 10 | +# .NET Photo Gallery Web Application Sample with Azure Blob Storage |
| 11 | + |
| 12 | +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. |
| 13 | + |
| 14 | + |
| 15 | + |
| 16 | +## Technologies used |
| 17 | +- ASP.NET MVC 5 |
| 18 | +- .NET 4.5 |
| 19 | +- Azure Storage emulator |
| 20 | +- Azure Web Apps |
| 21 | +- Azure Storage |
| 22 | + |
| 23 | +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. |
| 24 | + |
| 25 | +## Running this sample |
| 26 | +1. Before you can run this sample, you must have the following prerequisites: |
| 27 | + - The Azure Storage Emulator, which you can download [here](https://go.microsoft.com/fwlink/?linkid=717179&clcid=0x409). You can also read more about [Using the Azure Storage emulator for development](https://docs.microsoft.com/en-us/azure/storage/common/storage-use-emulator). |
| 28 | + - Visual Studio 2015 or Visual Studio 2017. |
| 29 | + |
| 30 | +2. Open the Azure Storage emulator. Once the emulator is running it will be able to process the images from the application. |
| 31 | + |
| 32 | +3. Clone this repository using Git for Windows (http://www.git-scm.com/), or download the zip file. |
| 33 | + |
| 34 | +4. From Visual Studio, open the **WebApp-Storage-DotNet.sln** file from the root directory. |
| 35 | + |
| 36 | +5. In Visual Studio Build menu, select **Build Solution** (or Press F6). |
| 37 | + |
| 38 | +6. You can now run and debug the application locally by pressing **F5** in Visual Studio. |
| 39 | + |
| 40 | +## Deploy this sample to Azure |
| 41 | + |
| 42 | +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](https://azure.microsoft.com/en-us/documentation/articles/storage-create-storage-account/) article. |
| 43 | + |
| 44 | +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](https://azure.microsoft.com/en-us/documentation/articles/storage-create-storage-account/#view-copy-and-regenerate-storage-access-keys) |
| 45 | + |
| 46 | +2. 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. |
| 47 | + |
| 48 | + <add key="StorageConnectionString" value="DefaultEndpointsProtocol=https;AccountName=[Enter Your Storage AccountName];AccountKey=[Enter Your Storage AccountKey]" /> |
| 49 | + |
| 50 | +3. In Visual Studio Solution Explorer, right-click on the project name and select **Publish...** |
| 51 | + |
| 52 | +4. Using the Publish Website dialog, select **Microsoft Azure Web Apps** |
| 53 | + |
| 54 | +5. 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. |
| 55 | + |
| 56 | +6. Once you have selected the web app, click **Publish** |
| 57 | + |
| 58 | +7. After a short time, Visual Studio will complete the deployment and open a browser with your deployed application. |
| 59 | + |
| 60 | +For additional ways to deploy this web application to Azure, please refer to the [Deploy a web app in Azure App Service](https://azure.microsoft.com/en-us/documentation/articles/web-sites-deploy/) article which includes information on using Azure Resource Manager (ARM) Templates, Git, MsBuild, PowerShell, Web Deploy, and many more. |
| 61 | + |
| 62 | +## About the code |
| 63 | +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. |
| 64 | + |
| 65 | +## More information |
| 66 | +- [What is a Storage Account](http://azure.microsoft.com/en-us/documentation/articles/storage-whatis-account/) |
| 67 | +- [Getting Started with Blobs](http://azure.microsoft.com/en-us/documentation/articles/storage-dotnet-how-to-use-blobs/) |
| 68 | +- [Blob Service Concepts](http://msdn.microsoft.com/en-us/library/dd179376.aspx) |
| 69 | +- [Blob Service REST API](http://msdn.microsoft.com/en-us/library/dd135733.aspx) |
| 70 | +- [Blob Service C# API](http://go.microsoft.com/fwlink/?LinkID=398944) |
| 71 | +- [Delegating Access with Shared Access Signatures](http://azure.microsoft.com/en-us/documentation/articles/storage-dotnet-shared-access-signature-part-1/) |
0 commit comments