Learn MVC : Using Angular And Web API And Deploy To IIS

Introduction:

In this article we are going to,

• Publish MVC using Angular Application
• Publish Web API Application
• Deploy these applications to Internet Information Server v.10.

Publish MVC using Angular Application

Open any MVC project using Angular application in Visual Studio 2017. Here, I am going to deploy my previous application that I used in my previous article “Learn MVC Using Angular Dynamic Control in DataTable.”

After opening your application right click on above the project name. Then select publish.



It will load one window then select create new. After completion click ok button.



If you select folder, It should enable file browser control like below picture



After Publish, load output window. If there are any issues on publish, it will be indicated. Release mode is the default one. If you need to, you can change Debug mode.



Now application is ready for deployment.

Publish Web API Application

Right click above the API Application. Then select publish.



You can follow the above steps such as Publish MVC Using Angular Applications.



Deploy to Internet Information Server

Open the internet information server with administrator privilege. It will be suitable for all the Windows operating systems.



Right click on Sites Folder and Click Add Website. Enter the website name & choose the physical path of web application (Presentation Layer).



Notes

Sometimes you may face version compatibility issues. So first, do not forget to check “Application Pool”.



Then based on your framework version, it may require you to set environment to the Server or OS.



I have set port no as “8025” & binding type is http. If you have domain IP then change your IP address. If you have public IP, you can give Host name & do not allow a duplicate name.



Everything is done and the application is ready for surfing.



Right click on the application, Add one more application under the application & this is for Web APIs.



Give the alias name of application & select the API application physical path.



Note