asp.net - deploy - Cómo obtener los archivos angular.js en IIS 7.5 para implementación de pila completa angular

publish angular 2 app iis

Question

--ACTUALIZAR

ahora obtengo este error pero la reescritura parece que está funcionando pero lee archivos js como html o algún tipo de problema como este

Quiero crear las reglas correctas de re-escritura para web.config en IIS 7.5 para implementación de aplicaciones de pila completa angular

Este es mi WEB.CONFIG estoy usando este pero no puedo configurar el camino virtual

<?xml version="1.0" encoding="utf-8"?>
<configuration>

<system.webServer>
    <handlers>
        <add name="iisnode" path="server.js" verb="*" modules="iisnode"/>
    </handlers>
    <iisnode node_env="PRODUCTION"
     nodeProcessCountPerApplication="1"
     maxConcurrentRequestsPerProcess="1024"
     maxNamedPipeConnectionRetry="100"
     namedPipeConnectionRetryDelay="250"
     maxNamedPipeConnectionPoolSize="512"
     maxNamedPipePooledConnectionAge="30000"
     asyncCompletionThreadCount="0"
     initialRequestBufferSize="4096"
     maxRequestBufferSize="65536"
     uncFileChangesPollingInterval="5000"
     gracefulShutdownTimeout="60000"
     loggingEnabled="true"
     logDirectory="iisnode"
     debuggingEnabled="true"
     debugHeaderEnabled="false"
     debuggerPortRange="5058-6058"
     debuggerPathSegment="debug"
     maxLogFileSizeInKB="128"
     maxTotalLogFileSizeInKB="1024"
     maxLogFiles="20"
     devErrorsEnabled="true"
     flushResponse="false"
     enableXFF="false"
     promoteServerVars=""
     configOverrides="iisnode.yml"
     watchedFiles="web.config;*.js" />
    <rewrite>
        <rules>
            <!-- Don''t interfere with requests for node-inspector debugging -->
            <rule name="NodeInspector" patternSyntax="ECMAScript" stopProcessing="true">
                <match url="^server.js//debug[//]?"/>
            </rule>

            <!-- serve static files from /public folder -->
            <rule name="StaticContent">
                <action type="Rewrite" url="public/{R:0}" logRewrittenUrl="true"/>
                <conditions>
                    <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true"/>
                </conditions>
                <match url="public/*"/>
            </rule>

            <!-- All other URLs are mapped to the Node.js application entry point -->
            <rule name="DynamicContent">
                <conditions>
                    <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="True"/>
                </conditions>
                <action type="Rewrite" url="server.js"/>
            </rule>
            <rule name="SocketIO" patternSyntax="ECMAScript">
                <match url="socket.io.+"/>
                <action type="Rewrite" url="server.js"/>
            </rule>
        </rules>
    </rewrite>
    <!-- <appSettings>
        <add key="virtualDirPath" value="/idetikmssql"/>
    </appSettings> -->

</system.webServer>

ESTE ES MI server.js

              "use strict";

              var express = require(''express''),
                    stylus = require(''stylus''),
                    logger = require(''morgan''),
                    bodyParser = require(''body-parser'');
              // determind what mode we are
              var env = process.env.NODE_ENV = process.env.NODE_ENV||''developemnt'';
              var virtualDirPath = process.env.virtualDirPath || '''';
              var app = express();
              //configure the view engine
              function compile(str, path) {
                    return stylus(str).set(''filename'', path);
              }


              app.set(''views'', __dirname + ''/server/views/'');
              app.engine(''html'', require(''ejs'').renderFile);
              app.set(''view engine'', ''html'');
              app.use(stylus.middleware(
                    {
                          src: __dirname + ''public'',
                          compile: compile
                    }
              ));
              app.use(bodyParser());

              var appPath = app.get(''appPath'')
              app.use(''/bower_components'',  express.static(appPath + "/bower_components/"));
              app.use(''/app/'',              express.static(appPath + "/app/"));
              app.use(''/assets'',            express.static(appPath + "/assets/"));
              app.use(express.static(__dirname + ''/public''));
              app.get(''/partials/:partialsPath'', function (req, res) {
                    debugger;
                    res.render(''partials/'' + req.params.partialsPath);
              });

              //the asterisk handles all routes includes javascript, css, html request...
              app.get(''*'', function (req , res) {
                    res.render(''index'');
              });
              // app.get(virtualDirPath + ''/'', function(req, res) {
              //   res.render(''index'', { virtualDirPath: virtualDirPath });
              // })

              var PORT = 3030;
              app.listen((process.env.PORT!==undefined)?process.env.PORT:PORT);
              console.log(''Listening to PORT : '' + process.env.PORT );
              console.log(__dirname);

ESTE ES MI ÍNDICE.HTML

          <!doctype html>
          <!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
          <!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
          <!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
          <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
            <head>
              <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>
            <!-- <base href="/"> -->
            <title></title>
            <meta name="description" content="">
            <meta name="viewport" content="width=device-width">
            </head>
            <body ng-app="idetikApp">
            <div ng-view=""></div>
            </body>
            <script type="text/javascript" src="app/app.js"></script>
            <script type="text/javascript" src="bower_components/angular/angular.js"></script>
            <script type="text/javascript" src="bower_components/angular-route/angular-route.js"></script>
            <script type="text/javascript" src="bower_components/angular-resource/angular-resource.js"></script>
          </html>

Agrego mi estructura de archivos dentro de IIS

- UNA DE MIS SOLUCIONES

Intenté instalar una aplicación express desde cero y funciona. Todo lo que tengo que hacer es cambiar el número de puerto para process.env.PORT y su ejecución, pero la pila completa aún no puede hacer que funcione. Todavía necesito ayuda.

AQUÍ MI APLICACIÓN FUNCIONA BIEN EN IIS

Answer 1

OK Gente después de una semana de excavar, finalmente lo hice funcionar; la siguiente es la configuración correcta para IIS 7.5. Recuerde que su carpeta / parciales debe estar en la carpeta cliente / pública para que el enrutamiento exprés funcione correctamente.

Aquí hay un enlace al PROYECTO GIT-HUB

enlace: https://github.com/cesarvega/MEAN-IIS7.5-Stack

Aquí está mi web.config

          <?xml version="1.0" encoding="utf-8"?>
    <configuration>
        <system.webServer>
            <handlers>
                <add name="iisnode" path="server.js" verb="*" modules="iisnode"/>
            </handlers>
            <iisnode node_env="PRODUCTION"
             nodeProcessCountPerApplication="1"
             maxConcurrentRequestsPerProcess="1024"
             maxNamedPipeConnectionRetry="100"
             namedPipeConnectionRetryDelay="250"
             maxNamedPipeConnectionPoolSize="512"
             maxNamedPipePooledConnectionAge="30000"
             asyncCompletionThreadCount="0"
             initialRequestBufferSize="4096"
             maxRequestBufferSize="65536"
             uncFileChangesPollingInterval="5000"
             gracefulShutdownTimeout="60000"
             loggingEnabled="true"
             logDirectory="iisnode"
             debuggingEnabled="true"
             debugHeaderEnabled="false"
             debuggerPortRange="5058-6058"
             debuggerPathSegment="debug"
             maxLogFileSizeInKB="128"
             maxTotalLogFileSizeInKB="1024"
             maxLogFiles="20"
             devErrorsEnabled="true"
             flushResponse="false"
             enableXFF="false"
             promoteServerVars=""
             configOverrides="iisnode.yml"
             watchedFiles="web.config;*.js" />
            <rewrite>
                <rules>
                    <!-- Don''t interfere with requests for node-inspector debugging -->
                    <rule name="NodeInspector" patternSyntax="ECMAScript" stopProcessing="true">
                        <match url="^server.js//debug[//]?"/>
                    </rule>
                    <!-- serve static files from /public folder -->
                    <rule name="StaticContent">
                        <action type="Rewrite" url="public/{R:0}" logRewrittenUrl="true"/>
                        <conditions>
                            <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true"/>
                        </conditions>
                        <match url=".*" />
                    </rule>
                    <rule name="DynamicContent">
                        <conditions>
                            <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="True"/>
                        </conditions>
                        <action type="Rewrite" url="server.js"/>
                    </rule>
                    <rule name="SocketIO" patternSyntax="ECMAScript">
                        <match url="socket.io.+"/>
                        <action type="Rewrite" url="server.js"/>
                    </rule>
                </rules>
            </rewrite>
        </system.webServer>
    </configuration>

El archivo Server.js

        "use strict";
        var express = require(''express''),
              stylus = require(''stylus''),
              logger = require(''morgan''),
              bodyParser = require(''body-parser'');
        var env = process.env.NODE_ENV = process.env.NODE_ENV||''developemnt'';
        var app = express();
        //configure the view engine
        function compile(str, path) {
              return stylus(str).set(''filename'', path);
        }
        app.set(''views'', __dirname + ''/server/views/'');
        app.engine(''html'', require(''ejs'').renderFile);
        app.set(''view engine'', ''html'');
        app.use(stylus.middleware(
              {
                    src: __dirname + ''public'',
                    compile: compile
              }
        ));
        app.use(bodyParser());
        app.use(express.static(__dirname + ''/public''));

        app.get(''/partials/:partialsPath'', function (req, res) {
              res.render(''/node/idetikmssql/partials/'' + req.params.partialsPath);
        });
        app.get(''*'', function (req , res) {
              res.render(''index'');
        });
        var PORT = 3030;
        app.listen((process.env.PORT!==undefined)?process.env.PORT:PORT);
        console.log(''Listening to PORT : '' + process.env.PORT );
        console.log(__dirname);

El index.html

    <!doctype html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
  <head>
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>
  <!-- <base href="/node/idetikmssql/"> -->
  <title></title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width">
  </head>
  <body ng-app="idetikApp">
  <div ng-view=""></div>
  </body>
  <script type="text/javascript" src="bower_components/angular/angular.js"></script>
  <script type="text/javascript" src="bower_components/angular-route/angular-route.js"></script>
  <script type="text/javascript" src="bower_components/angular-resource/angular-resource.js"></script>
  <script type="text/javascript" src="app/app.js"></script>
</html>

La aplicación.js dentro del público

    angular.module(''idetikApp'', [ ''ngResource'', ''ngRoute'']);

angular.module(''idetikApp'').config(function ($routeProvider, $locationProvider) {
  //$locationProvider.html5Mode(true);
  $routeProvider.when(''/'', {templateUrl: ''public/partials/main.html'', controller:''mainctrl''})

});

angular.module(''idetikApp'').controller(''mainctrl'', function ($scope) {
  $scope.mayvar = "Hello from client Node JS "
})

YThe main.html

<h1>this is a partial</h1>
<h2>{{mayvar}}</h2>

y finalmente la estructura de archivos para las rutas de archivos y la configuración IIS del servidor

CONFIGURACIÓN DEL SERVIDOR