Comment faire pour exécuter un fichier html à l'aide de node js

J'ai une page html simple avec angular js comme suit:

    //Application name
    var app = angular.module("myTmoApppdl", []);

    app.controller("myCtrl", function ($scope) {
        //Sample login function
        $scope.signin = function () {
            var formData =
                    {
                        email: $scope.email,
                        password: $scope.password
                    };
        console.log("Form data is:" + JSON.stringify(formData));
    };
});

Fichier HTML:

<html>
    <head>
        <link href="bootstrap.min.css" rel="stylesheet" type="text/css"/>
    </head>

    <body ng-app="myTmoApppdl" ng-controller="myCtrl">
        <div class="container">
            <div class="form-group">
                <form class="form" role="form" method="post" ng-submit="signin()">
                    <div class="form-group col-md-6">
                        <label class="">Email address</label>
                        <input type="email" class="form-control" ng-model="email" id="exampleInputEmail2" placeholder="Email address" required>
                    </div>
                    <div class="form-group col-md-6">
                        <label class="">Password</label>
                        <input type="password" class="form-control" id="exampleInputPassword2" ng-model="password" placeholder="Password" required>
                    </div>
                </form>
                <button type="submit" class="btn btn-primary btn-block">Sign in</button>
            </div>
        </div>
    </body>

    <script src="angular.min.js" type="text/javascript"></script>

    <!--User defined JS files-->
    <script src="app.js" type="text/javascript"></script>
    <script src="jsonParsingService.js" type="text/javascript"></script>
</html>

Je suis nouveau sur le node js. J'ai installé le nœud serveur js dans mon système, mais je ne suis pas sûr de la façon de l'exécution d'un simple fichier html à l'aide de node js?

"Cela fonctionnera même copier/coller quelque part dans votre bureau."
Vous ne pouvez pas exécuter le fichier html" avec node.js. Node.js est un environnement JavaScript pour le développement d'applications Web côté serveur. Les fichiers Html sont habituellement gérés par les navigateurs web.
Node.js ne pas "courir" fichiers HTML. Vous voulez probablement seulement un serveur qui sert de fichiers statiques.

OriginalL'auteur Satyadev | 2016-03-14

17

Vous pouvez utiliser les haut-nodejs serveur web.

Ajouter un fichier server.js par exemple et de mettre de code suivant:
```
var http = require('http');
var fs = require('fs');

const PORT=8080; 

fs.readFile('./index.html', function (err, html) {

    if (err) throw err;    

    http.createServer(function(request, response) {  
        response.writeHeader(200, {"Content-Type": "text/html"});  
        response.write(html);  
        response.end();  
    }).listen(PORT);
});
```
Et après le démarrage du serveur de la console avec la commande node server.js. Votre index.html la page sera disponible sur URL http://localhost:8080

Je devrais mettre ceci dans le fichier appelé app.js?
Dois-je l'ajouter à la balise de script en html?
Il n'a pas d'importance comment vous appelez ce fichier. Ce fichier est responsable du côté serveur...
J'obtiens des erreurs de ce type: 2 'require' was used before it was defined. var http = require('http'); 5 Expected an identifier and instead saw 'const'. const PORT=8080; 5 Stopping. (26% scanned). const PORT=8080;
Il imprime juste It Works!! Path Hit: /index.htm

OriginalL'auteur JILeXanDR
8

Il suffit d'installer serveur http à l'échelle mondiale

npm install -g http-server

où vous en avez besoin pour exécuter un fichier html exécutez la commande serveur http
Ex: votre fichier html est dans /home/project/index.html
vous pouvez faire /home/project/$ http-server

Qui va vous donner un lien pour accessyour pages web:
http-server Starting up http-server, serving ./ Available on: http://127.0.0.1:8080 http://192.168.0.106:8080

C'est probablement le plus simple, non?
Je ne pense pas que c'est une excellente solution. Vous ne devez pas installer les packages npm au niveau mondial lorsqu'il peut être évité. Ensemble tout le Nœud de l'infrastructure a déménagé décidément loin de jeter un g en tout.
J'ai essayé d'installer l'installation de http-server sans -g et noeud par une erreur quand j'ai essayé de démarrer le serveur. Il semble que -g est toujours nécessaire lors de la instaling ce paquet particulier.

OriginalL'auteur Vijaya Simha
7

J'ai trop face à un tel scénario, où j'ai dû exécuter une application web en nodejs avec index.html être le point d'entrée. Voici ce que j'ai fait:
- exécuter node init de la racine de l'application (cela va créer un package.fichier json)
- installer express de la racine de l'application : npm install --save express (économiser package de mise à jour.json avec express dépendance)
- créer un dossier public dans la racine de votre application et de mettre votre point d'entrée de fichier (index.html) et tous ses fichiers dépendants (c'est juste par souci de simplification, en grande demande cela pourrait ne pas être une bonne approche).
- Créer un server.js fichier dans la racine de l'application, où nous allons utiliser express module de nœud qui servent le public dossier de son répertoire actuel.
- server.js
```
var express = require('express');
var app = express();
app.use(express.static(__dirname + '/public')); //__dir and not _dir
var port = 8000; //you can use any port
app.listen(port);
console.log('server on' + port);
```
- ne node server : il doit la sortie de "serveur sur 8000"
- commencer http://localhost:8000/ : votre index.html sera appelé
Structure du fichier serait quelque chose de similaire

J'ai trouvé une meilleure solution que la mienne : stackoverflow.com/questions/6084360/... découvrez de Tony réponse et upvote.
J'ai effectivement bien aimé votre réponse de plus. Il est facile et rapide et utilise natif fonctionnalité de Nœud sans installer excessive des paquets.

OriginalL'auteur TylerDurden

Soit vous utilisez un cadre ou vous écrivez votre propre serveur nodejs.

Un simple serveur de fichiers peut ressembler à ceci:

import * as http from 'http';
import * as url from 'url';
import * as fs from 'fs';
import * as path from 'path';

var mimeTypes = {
     "html": "text/html",
     "jpeg": "image/jpeg",
     "jpg": "image/jpeg",
     "png": "image/png",
     "js": "text/javascript",
     "css": "text/css"};

http.createServer((request, response)=>{
    var pathname = url.parse(request.url).pathname;
    var filename : string;
    if(pathname === "/"){
        filename = "index.html";
    }
    else
        filename = path.join(process.cwd(), pathname);

    try{
        fs.accessSync(filename, fs.F_OK);
        var fileStream = fs.createReadStream(filename);
        var mimeType = mimeTypes[path.extname(filename).split(".")[1]];
        response.writeHead(200, {'Content-Type':mimeType});
        fileStream.pipe(response);
    }
    catch(e) {
            console.log('File not exists: ' + filename);
            response.writeHead(404, {'Content-Type': 'text/plain'});
            response.write('404 Not Found\n');
            response.end();
            return;
    }
    return;
    }
}).listen(5000);

Ne pas réinventer la roue. Utiliser les npmjs.com/package/st ou similaire.
Nice je ne sais pas ce package. PS. le code a été affiché seulement ma version de débogage. La version se compose seulement d'une server.js fichier.
J'ai suivi l'autre réponse posté par @JILeXanDR mais elle n'imprime que la It Works!! Path Hit: /index.htm après l'exécution. Pourriez-vous nous dire ce que j'ai fais de mal?
Oui, c'est à cause de la ligne response.end('It Works!! Path Hit: ' + request.url); vous devriez Peut-être lire un court tutoriel sur nodejs
Vous pouvez remplacer le import déclarations du require consolidés. Sna enregistrez ce code. Dans server.js fichier trop.

OriginalL'auteur Matthias

C'est un simple fichier html "demo.htm" stockés dans le même dossier que le node.js fichier.

<!DOCTYPE html>
<html>
  <body>
    <h1>Heading</h1>
    <p>Paragraph.</p>
  </body>
</html>

Ci-dessous est la node.js fichier pour appeler ce fichier html.

var http = require('http');
var fs = require('fs');

var server = http.createServer(function(req, resp){
  //Print the name of the file for which request is made.
  console.log("Request for demo file received.");
  fs.readFile("Documents/nodejs/demo.html",function(error, data){
    if (error) {
      resp.writeHead(404);
      resp.write('Contents you are looking for-not found');
      resp.end();
    }  else {
      resp.writeHead(200, {
        'Content-Type': 'text/html'
      });
      resp.write(data.toString());
      resp.end();
    }
  });
});

server.listen(8081, '127.0.0.1');

console.log('Server running at http://127.0.0.1:8081/');

Intiate ci-dessus nodejs fichier à l'invite de commande et le message
"Serveur http://127.0.0.1:8081/" est affiché.Maintenant dans votre navigateur
tapez "http://127.0.0.1:8081/demo.html".

Votre code est assez illisible avec que de l'espacement et de l'indentation. Merci de corriger ces pour le rendre plus facile pour les futurs lecteurs.

OriginalL'auteur Divyasshree

0

Déplacer votre fichier HTML dans un dossier "www". Créer un fichier "server.js" avec le code :
```
var express = require('express');
var app = express();

app.use(express.static(__dirname + '/www'));

app.listen('3000');
console.log('working on 3000');
```
Après la création du fichier, exécutez la commande "node server.js"

OriginalL'auteur Ved Prakash

Vous devez vous connecter pour publier un commentaire.