ASP.NET MVC - Deployment



In this chapter, we will be covering how to deploy ASP.NET MVC application. After understating different concepts in ASP.NET MVC applications, now its time to understand the deployment process. So, whenever we are building any MVC application we are basically producing a dll file associated for the same with all the application settings and logic inside and these dlls are in the bin directory of the project as shown in the following screenshot.

Deployment

Publishing to Microsoft Azure

Lets take a look at a simple example in which we will deploy our example to Microsoft Azure.

Step 1 − Right-click on the project in the Solution Explorer and select Publish as shown in the following screenshot.

Solution Explorer

Step 2 − You will see the Publish Web dialog. Click on the Microsoft Azure Web Apps.

Microsoft Azure Web Apps

It will display the Sign in page.

Step 3 − Enter credentials for the Microsoft Azure Subscription.

Credentials

Once youre successfully connected to your Azure account, you will see the following dialog.

Azure account

Step 4 − Click New button.

New Button

Step 5 − Enter the desired information on the above dialog such as Web App name, which must be a unique name. You will also need to enter App service plan, resource group, and then select your region.

Desired Information

Step 6 − Click Next button to continue.

Click Next Button

Step 7 − Click the ellipsis mark to select the connection string.

Ellipsis Mark

Step 8 − Select the server name and then choose the Windows Authentication option. Select the database name as well. Now you will see that the connection string is generated for you.

Generating Connection

Step 9 − Click Next to continue.

Click Publish Web Next

Step 10 − To check all the files and dlls which we will be publishing to Azure, click the Start Preview. Click Publish button to publish your application.

Once the application is successfully published to Azure, you will see the message in the output window.

Publishing Azure

Step 11 − Now open your browser and enter the following URL http://mymvcdemoapp.azurewebsites.net/employees and you will see the list of employees.

Employees List

Step 12 − Now if you go to your Azure portal and click App Services, then you see that your application is deployed to Azure.

App Services

Step 13 − Click the name of your app and you will see the information related to that application such as URL, Status, Location, etc.

Related Information

We have seen so far how to publish a web application to Azure app, after the application is created. You can also create an application, which will be deployed to Azure.

Lets create a new ASP.NET MVC application.

ASP.NET MVC application

Step 1 − Click Ok and you will see the following dialog.

ASP.NET Project

Step 2 − Select MVC template and also check Host in the Cloud checkbox. Click Ok.

When the Configure Microsoft Azure Web App Settings dialog appears, make sure that you are signed in to Azure.

Configure Microsoft Azure

You can see the default name, but you can also change the Web App name.

Step 3 − Enter the desired information as shown in the following screenshot.

Enter Desired Information

Step 4 − Select the Create new server from the Database server dropdown and you will see the additional field.

Create New Server

Step 5 − Enter the Database server, username, and password. Click Ok.

Step 6 − Once the project is created, run the application and you will see that it is running on the localhost.

Run Application

Step 7 − To deploy these applications to Azure, right-click on the project in the solution explorer and select Publish.

Deploy Application

You will see the following dialog.

Select Publish Target

Step 8 − Click the Microsoft Azure Web Apps.

Click Microsoft Azure Web Apps

Step 9 − Select your application name from the Existing Web Apps and click Ok.

Select Application Name

Step 10 − Click the Validate Connection button to check for the connection on Azure.

Validate Connection

Step 11 − Click Next to continue.

Click on Next

Now you will see that the connection string is already generated by default.

Generated Connection String

Step 12 − Click Next to continue.

Connection String Next

Step 13 − To check all the files and dlls which will be published to Azure, click the Start Preview.

Preview

Step 14 − Click Publish button to publish your application. Once the application is successfully published to Azure, you will see the message in the output window.

Publish Button

You will also see that the application is now running from the cloud.

Cloud

Lets go to Azure portal again. You will see the app here as well.

Azure Portal
Advertisements