Deploy angular application on IIS

Question

I am working on AngularJs application with node.js. Using gulp, I have created (compiled) my application (app in below image) and got the following directories

Now I completely struck how to proceed next. I want to host this application over IIS to run and see the pages (in views folder) but I don't know how to host it on IIS.

I tried this article, but it guides to use express server.

The issue is, how IIS will figure out that the first page lies in views folder, and even if I use the complete url

http://localhost:8078/views/index.html

it shows me all angular code with brackets like {{logginuser}} etc

EDIT: Do I need web.config file here or not. If yes then how I will define entry point to the application?

You need set as start page to you main screen (like index.html) — Ramesh Rajendran
– Ramesh Rajendran, Commented Sep 22, 2015 at 14:28
far too little known about what build process you have set up in gulp. What resource paths are used when you load that url? Why are you opening views directory and not root? — charlietfl
– charlietfl, Commented Sep 22, 2015 at 14:38
@charlietfl: app is my destination folder where gulp copies minified files. And this app is running on wampserver perfectly but I don't know how to deploy it over iis — Lali
– Lali, Commented Sep 22, 2015 at 14:43

gitsitgo · Accepted Answer · 2017-03-07 07:18:33Z

33

Just have to configure a Web Application under a website in IIS and create a custom web.config.

In IIS, go to the Default Web Site, right-click and select Add Web Application
Set the Alias to be AngularApp and the Physical Path to be the root of your directory

Add a web.config file at the root of the directory with the following code

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
  <system.webServer>
    <defaultDocument>
        <files>
            <add value="views/index.html" />
        </files>
    </defaultDocument>
  </system.webServer>
</configuration>

Browse to your new Angular application by going to http://localhost/AngularApp (assuming http binding in IIS).

edited Mar 7, 2017 at 7:18

gitsitgo

6,8193 gold badges36 silver badges45 bronze badges

answered Sep 22, 2015 at 15:47

Chris Story

1,1971 gold badge8 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Cesar Over a year ago

When I do this, my app breaks because it doesn't found the other resouces anymore. Any tips about it?

ρяσѕρєя K · Accepted Answer · 2016-06-25 07:27:16Z

15

Lost 2 hours with this The solution was to go to WINDOWS FEATURES and check 'static content', under COMMON HTTP features.

Hope this helps someone.

edited Jun 25, 2016 at 7:27

ρяσѕρєя K

133k54 gold badges203 silver badges216 bronze badges

answered Jun 24, 2016 at 12:15

hannes neukermans

13.6k8 gold badges40 silver badges64 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 10:31:29Z

3

You need set as start page to you main screen (like index.html)

How can I set it in IIS?

Just go to web.config file and add following

<system.webServer>
    <defaultDocument>
      <files>
        <clear />
        <add value="index.html" />//Path of your Page
      </files>
    </defaultDocument>
</system.webServer>

More details : How do I set the default page of my application in IIS7?

edited May 23, 2017 at 10:31

CommunityBot

11 silver badge

answered Sep 22, 2015 at 14:31

Ramesh Rajendran

38.9k49 gold badges159 silver badges241 bronze badges

3 Comments

Lali Over a year ago

This is an angularJs application, and as I told that if I browse the page with complete url, it doesn't solve the angularJs conventions.

Lali Over a year ago

I browsed to http://localhost:8078/views/home.html and it showed me {{Title}}, instead of showing Hellow World Application.

Lali Over a year ago

No console error. actually the above configuration didn't work. I manually changed the url.

Collectives™ on Stack Overflow

Deploy angular application on IIS

3 Answers 3

1 Comment

Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related