ASP.NET Web Application To Deploy Microsoft Azure Service, Using Microsoft Visual Studio
Tags: aspnetwebapplicat, azure, azureaspnetapplic, azurewebapp
Published: 2019-12-11 07:58:32

---
title: ASP.NET Web Application To Deploy Microsoft Azure Service, Using Microsoft Visual Studio
published: true
date: 2019-12-08 17:20:00 UTC
tags: ASP.NET Web Applicat,Azure,Azure ASP.NET Applic,Azure Web App
canonical_url: https://logeshpalani.blogspot.com/2019/12/aspnet-web-application-to-deploy.html
---

  
**This article covers the topics given below.**  

- What is a Web App?
- Deployment environment Software packages.
- Create Web app.
- Azure Resources.
- The Azure resources in Visual Studio 2015 Update 3.
- Deploy Azure project.
- Creating WebpProject.

**What is a Web App?**

Web Application or Web app is a [c](https://en.wikipedia.org/wiki/Client%E2%80%93server_model)[lient–Server](https://en.wikipedia.org/wiki/Client%E2%80%93server_model) [software Application](https://en.wikipedia.org/wiki/Software_application) in which the client or the client interface runs in a [Web Browser](https://en.wikipedia.org/wiki/Web_browser). Common Web Applications are used as a Web Application.

**e.g**.  
  
[webmail](https://en.wikipedia.org/wiki/Webmail), [wikis](https://en.wikipedia.org/wiki/Wiki), [instant messaging services](https://en.wikipedia.org/wiki/Instant_messaging), [Flipkart](https://www.google.co.in/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&cad=rja&uact=8&sqi=2&ved=0ahUKEwjeqo2Pvq3RAhXHs48KHY1cD1sQFggmMAA&url=https%3A%2F%2Fwww.flipkart.com%2F&usg=AFQjCNFrELYECqppDBRI-5dWLJOby01swQ&bvm=bv.142059868,d.c2I),[ Amazon](https://www.google.co.in/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&cad=rja&uact=8&sqi=2&ved=0ahUKEwjeqo2Pvq3RAhXHs48KHY1cD1sQFggmMAA&url=https%3A%2F%2Fwww.flipkart.com%2F&usg=AFQjCNFrELYECqppDBRI-5dWLJOby01swQ&bvm=bv.142059868,d.c2I).

[![](https://1.bp.blogspot.com/-dypcGV5ESZg/Xe0qgC5L-yI/AAAAAAAAPaM/FPuI8hDbN7wvUVUylULA-aqsTTfA8jRWACLcBGAsYHQ/s320/image002.png)](https://1.bp.blogspot.com/-dypcGV5ESZg/Xe0qgC5L-yI/AAAAAAAAPaM/FPuI8hDbN7wvUVUylULA-aqsTTfA8jRWACLcBGAsYHQ/s1600/image002.png)

**Prerequisites**

- Getting started with ASP.NET MVC 5 in[ Microsoft Visual Studio 2015](https://www.google.co.in/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&cad=rja&uact=8&sqi=2&ved=0ahUKEwjM2dHOvq3RAhVFK48KHQIDAGYQFggZMAA&url=https%3A%2F%2Fwww.visualstudio.com%2Fdownloads%2F&usg=AFQjCNFTpGI9K14VoQPLek5L0ABzerlG8w).
- If you have [Microsoft Azure Account](https://www.google.co.in/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&cad=rja&uact=8&sqi=2&ved=0ahUKEwjSgLDgvq3RAhVFQI8KHbBMBT8QFggZMAA&url=https%3A%2F%2Fportal.azure.com%2F&usg=AFQjCNG2aFFLoqTdJKXDP0PBLNbLW9WNrA) & activate Visual studio subscriber benefits.
- Sign up with Azure account.
- Getting started in [Azure app Service](https://www.google.co.in/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&cad=rja&uact=8&sqi=2&ved=0ahUKEwi1i-Xwvq3RAhVLQ48KHf6vC80QFggZMAA&url=https%3A%2F%2Fazure.microsoft.com%2Fen-in%2Fservices%2Fapp-service%2F&usg=AFQjCNHbm3EMA75rULINQDKqqZnQ3JwbMQ) before
- [Azure SDK](https://www.google.co.in/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&cad=rja&uact=8&sqi=2&ved=0ahUKEwipubaEv63RAhVMtY8KHRclCGcQFggZMAA&url=https%3A%2F%2Fazure.microsoft.com%2Fen-in%2Fdownloads%2F&usg=AFQjCNEr9eUbDr8mIpENbl4msiP_map-NA).
- [Visual Studio 2015 update 3](https://www.google.co.in/url?sa=t&rct=j&q=&esrc=s&source=web&cd=2&cad=rja&uact=8&sqi=2&ved=0ahUKEwiXovCWv63RAhWMtI8KHVD9Cg8QFggfMAE&url=https%3A%2F%2Fwww.visualstudio.com%2Fdownloads%2F&usg=AFQjCNFTpGI9K14VoQPLek5L0ABzerlG8w).

**Development Environment Software Package**

- [Azure SDK for .NET 2.9.](https://www.google.co.in/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&cad=rja&uact=8&ved=0ahUKEwinmLOnv63RAhWIqo8KHWVZBz8QFggZMAA&url=https%3A%2F%2Fwww.microsoft.com%2Fen-us%2Fdownload%2Fdetails.aspx%3Fid%3D51657&usg=AFQjCNHDcrc3OSLbrYe8_dMnVMJZwDNy2g)
- Download the latest [Azure SDK for Visual Studio 2015](https://www.google.co.in/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&cad=rja&uact=8&ved=0ahUKEwinmLOnv63RAhWIqo8KHWVZBz8QFggZMAA&url=https%3A%2F%2Fwww.microsoft.com%2Fen-us%2Fdownload%2Fdetails.aspx%3Fid%3D51657&usg=AFQjCNHDcrc3OSLbrYe8_dMnVMJZwDNy2g), if you don’t have it already.
- If you have Visual Studio 2013, you can download the latest [Azure SDK for Visual Studio 2013.](https://www.google.co.in/url?sa=t&rct=j&q=&esrc=s&source=web&cd=2&cad=rja&uact=8&ved=0ahUKEwihqP7Bv63RAhVFp48KHdAsAuAQFggcMAE&url=http%3A%2F%2Fstackoverflow.com%2Fquestions%2F27647895%2Fazure-sdk-for-net-vs2013-2-5-requires-visual-studio-2013-update-3-or-later&usg=AFQjCNGz26-QUiSqTTMIaywzK2RPBwcMkg)

**Create Web app**

**Step 1**

Open Visual Studio 2015 Update 3 enterprise.

- Create File>New>Project.
- New Project-> click Visual C#> Web> ASP.NET Web app & select .NET Framework 4.5.2.
- Selected the Azure Application Insights (Insight Application is used for the monitor and your Web app availability, performance and usage).
- Enter your Application name.
- Click OK.

[![](https://1.bp.blogspot.com/-K1DBfBlvcvU/Xe0qrN3s14I/AAAAAAAAPaQ/2w0bhgG4NQQea3mHYgvgKirs0XPE1M6TQCLcBGAsYHQ/s320/image003.png)](https://1.bp.blogspot.com/-K1DBfBlvcvU/Xe0qrN3s14I/AAAAAAAAPaQ/2w0bhgG4NQQea3mHYgvgKirs0XPE1M6TQCLcBGAsYHQ/s1600/image003.png)

  

**Step 2**

- New NET Project Box-> select MVC and then click Change Authentication.

[![](https://1.bp.blogspot.com/-b0Ci_8XHUjM/Xe0q6O7iMuI/AAAAAAAAPaY/iThd4R3d5KQ815mvAHDU3Eia5qXqUtJ6wCLcBGAsYHQ/s320/image004.png)](https://1.bp.blogspot.com/-b0Ci_8XHUjM/Xe0q6O7iMuI/AAAAAAAAPaY/iThd4R3d5KQ815mvAHDU3Eia5qXqUtJ6wCLcBGAsYHQ/s1600/image004.png)

**Step 3**

- Change authentication and click No Authentication.

[![](https://1.bp.blogspot.com/-OIjGg9d-Kzc/Xe0rDFq9GtI/AAAAAAAAPag/pW6KTCPAIboP9tLq05Mr0FtcE4KMEwHzACEwYBhgL/s320/image005.png)](https://1.bp.blogspot.com/-OIjGg9d-Kzc/Xe0rDFq9GtI/AAAAAAAAPag/pW6KTCPAIboP9tLq05Mr0FtcE4KMEwHzACEwYBhgL/s1600/image005.png)

**Step 4**

- Click Host Azure.
- App Service is selected in the dropdown list.

[![](https://1.bp.blogspot.com/-E4LEXyHkA1Q/Xe0rOTa2ueI/AAAAAAAAPak/CFoVGsdnaus79JTEtzXWVaFtR11vUkqGQCLcBGAsYHQ/s1600/image006.png)](https://1.bp.blogspot.com/-E4LEXyHkA1Q/Xe0rOTa2ueI/AAAAAAAAPak/CFoVGsdnaus79JTEtzXWVaFtR11vUkqGQCLcBGAsYHQ/s1600/image006.png)

Click OK.

[![](https://1.bp.blogspot.com/-FaO33uXgWrk/Xe0rVU_q_wI/AAAAAAAAPas/w0irwJb45lEArbg_5oo5i1D2xhqD6GBagCLcBGAsYHQ/s1600/image007.png)](https://1.bp.blogspot.com/-FaO33uXgWrk/Xe0rVU_q_wI/AAAAAAAAPas/w0irwJb45lEArbg_5oo5i1D2xhqD6GBagCLcBGAsYHQ/s1600/image007.png)

**Create Azure resources**

1. Create the app Service dialog box, followed by clicking Add account and sign in your Microsoft Azure ID & Password. Click Manage your account subscription or if you are already signed in, skip that step.

[![](https://1.bp.blogspot.com/-CasideJy8K8/Xe0rndrXGFI/AAAAAAAAPa0/_Lqq2SSNVtcyRmjro7TTtC8dam2J_HLzACLcBGAsYHQ/s320/image008.png)](https://1.bp.blogspot.com/-CasideJy8K8/Xe0rndrXGFI/AAAAAAAAPa0/_Lqq2SSNVtcyRmjro7TTtC8dam2J_HLzACLcBGAsYHQ/s1600/image008.png)

1. In your Web app project, give a unique name as uniquein net domain.
2. Now, you need to enter to create a different project.
[![](https://1.bp.blogspot.com/-TZ962D8J7Vo/Xe0rxloiRdI/AAAAAAAAPa8/LGoObXNRBI0G8Wedaw9_wEcQkTiHYqrxQCEwYBhgL/s320/image009.png)](https://1.bp.blogspot.com/-TZ962D8J7Vo/Xe0rxloiRdI/AAAAAAAAPa8/LGoObXNRBI0G8Wedaw9_wEcQkTiHYqrxQCEwYBhgL/s1600/image009.png)
3. The URL for your Application name plus _.azurewebsites.net_. For example, if the name is _Logesh_, the URL is _logesh__.azurewebsites.net.
[![](https://1.bp.blogspot.com/-LZ5GJB7gZuw/Xe0rxm_qLOI/AAAAAAAAPbE/HX7EsSsMMYIkkKlnSIkAuSKIvMzo07ugQCEwYBhgL/s320/image010.png)](https://1.bp.blogspot.com/-LZ5GJB7gZuw/Xe0rxm_qLOI/AAAAAAAAPbE/HX7EsSsMMYIkkKlnSIkAuSKIvMzo07ugQCEwYBhgL/s1600/image010.png)_
4. Click New button, which is next to the resource group box and enter your resource group name or if you have already have resource group, select any one.
5. Click New button, which is next to the app Service plan but don’t create new app Service plan.
6. To configure app Service plan, dialog and enter your plan name, if you are preferred.
[![](https://1.bp.blogspot.com/-qKozkDqFpXg/Xe0sZy9n2gI/AAAAAAAAPbQ/leOKt1eYyA8xq5FsV5FF5RnBMAJrmrsegCLcBGAsYHQ/s320/image011.png)](https://1.bp.blogspot.com/-qKozkDqFpXg/Xe0sZy9n2gI/AAAAAAAAPbQ/leOKt1eYyA8xq5FsV5FF5RnBMAJrmrsegCLcBGAsYHQ/s1600/image011.png)
7. In the location, dropdown list, choose the location, which is close to your location (The setting specifies Azure datacenter and your Application will run at a speed for the closed location (Server and client possible) accessing).
8. In the size-> drodown click.
9. In the Configure app Service plan dialog box, click in the Create app Service dialog box, click create.  

[![](https://1.bp.blogspot.com/-QdYzjvtl6CY/Xe0sZzuyN0I/AAAAAAAAPbc/Zy_eH1ZSFG4dXUevn7W3ssgz7N2NtFXpACEwYBhgL/s320/image012.png)](https://1.bp.blogspot.com/-QdYzjvtl6CY/Xe0sZzuyN0I/AAAAAAAAPbc/Zy_eH1ZSFG4dXUevn7W3ssgz7N2NtFXpACEwYBhgL/s1600/image012.png)

**Azure Resources in Visual Studio**
Solution Explorer shows your project files, references, JSON file, fonts and Controllers. If you want another page, go to the Web Application right click, followed by clicking Add >Web form or HTML form. Write the Web page name, followed by clicking Add to the link for Main page to New page and New page to Main page.
[![](https://1.bp.blogspot.com/-9aGPpIqE070/Xe0tmCSaW4I/AAAAAAAAPbs/n427dV9YnPA70e7Lxo4kp7Bdx-46lB3ggCLcBGAsYHQ/s320/image013.png)](https://1.bp.blogspot.com/-9aGPpIqE070/Xe0tmCSaW4I/AAAAAAAAPbs/n427dV9YnPA70e7Lxo4kp7Bdx-46lB3ggCLcBGAsYHQ/s1600/image013.png)

-  Azure app Service activity is shown on app Service resources, which have been credited in Azure and click the link to publish your app immediately.
[![](https://1.bp.blogspot.com/-JdtB2VOENiY/Xe0tmGCttDI/AAAAAAAAPb0/bEubhBKiKYAxxhZ05VF1kkyOrQNxC6vKgCEwYBhgL/s320/image014.png)](https://1.bp.blogspot.com/-JdtB2VOENiY/Xe0tmGCttDI/AAAAAAAAPb0/bEubhBKiKYAxxhZ05VF1kkyOrQNxC6vKgCEwYBhgL/s1600/image014.png)
- 
Go to Cloud Explore Window, manage your Azure resources, including the Web app, which you just created and your app Services will be shown below on Logesh, as your website is there.

[![](https://1.bp.blogspot.com/-1IYwb4w_zTM/Xe0tmEGJMtI/AAAAAAAAPbw/s_BMEvcCqsM_PG-8WtNZMCk7PdJAdflMwCEwYBhgL/s320/image015.png)](https://1.bp.blogspot.com/-1IYwb4w_zTM/Xe0tmEGJMtI/AAAAAAAAPbw/s_BMEvcCqsM_PG-8WtNZMCk7PdJAdflMwCEwYBhgL/s1600/image015.png)

**Build Azure Web Project**

- In Solution Explorer, choose Publish
[![](https://1.bp.blogspot.com/-X4kPeWaSzR8/Xe0uSPAhnCI/AAAAAAAAPb8/y8aXsnFVNqQvXOmuJu7hMqH-le8mpv3KgCLcBGAsYHQ/s320/image016.png)](https://1.bp.blogspot.com/-X4kPeWaSzR8/Xe0uSPAhnCI/AAAAAAAAPb8/y8aXsnFVNqQvXOmuJu7hMqH-le8mpv3KgCLcBGAsYHQ/s1600/image016.png)
- Go to _Publish Profile, which_ has setting to deploy Web project.
- To establish connection to publish Web, click Next and accessing publishing packages will be uploaded. Before you check your setting, build your API.
[![](https://1.bp.blogspot.com/-KfycvkK-HqM/Xe0unv_bu9I/AAAAAAAAPcE/4Y0b6EeY2Os5C7mxQTM7Wy8ABd6ikYIHgCLcBGAsYHQ/s320/image017.png)](https://1.bp.blogspot.com/-KfycvkK-HqM/Xe0unv_bu9I/AAAAAAAAPcE/4Y0b6EeY2Os5C7mxQTM7Wy8ABd6ikYIHgCLcBGAsYHQ/s1600/image017.png)
- 
Click next and check your Publish method. Prior to it, validate the connection, followed by clicking Next and before it, the Server name, site name, user name, password and destination URL are automatically inserted.

[![](https://1.bp.blogspot.com/-mKYmLnsUYRE/Xe0u0lV62nI/AAAAAAAAPcI/GdwVAObVAUwNaPaMQXlDa3xJux9GL_pxwCLcBGAsYHQ/s320/image019.jpg)](https://1.bp.blogspot.com/-mKYmLnsUYRE/Xe0u0lV62nI/AAAAAAAAPcI/GdwVAObVAUwNaPaMQXlDa3xJux9GL_pxwCLcBGAsYHQ/s1600/image019.jpg)
- 
You may have your Web API Preview, click next and click Preview button. Now, go to Azure Activity Application and the application is created successfully and the local browser automatically opens. See your website and the link will be given below on the activity dialog box and there is no authentication, so no databases are available.

[![](https://1.bp.blogspot.com/-KlHeRhfC1Wg/Xe0u-EydqBI/AAAAAAAAPcQ/s34OBKvA9KEnOWEFYc8yNAuAME_cO6R-wCLcBGAsYHQ/s320/image020.png)](https://1.bp.blogspot.com/-KlHeRhfC1Wg/Xe0u-EydqBI/AAAAAAAAPcQ/s34OBKvA9KEnOWEFYc8yNAuAME_cO6R-wCLcBGAsYHQ/s1600/image020.png)
- 
**Web Project is created**

  - It automatically opens your website given below.
[![](https://1.bp.blogspot.com/-loHm_laXTsw/Xe0vKk2XF2I/AAAAAAAAPcY/XULbr99pq4oS1yf0yyuHg5Hkzu_Iq42AwCLcBGAsYHQ/s320/image021.png)](https://1.bp.blogspot.com/-loHm_laXTsw/Xe0vKk2XF2I/AAAAAAAAPcY/XULbr99pq4oS1yf0yyuHg5Hkzu_Iq42AwCLcBGAsYHQ/s1600/image021.png)

**Conclusion**

- Finally, the Application has been created successfully and I will explain how to host it in Azure portal for the Web Application in my next article.