Correct façon de Charger JS Fichiers Avec des fichiers HTML par le biais de NodeJS

Votre Javascript et les styles sont défaillants parce qu'ils n'existent pas. Votre serveur web est uniquement l'envoi d'une seule voie, la racine de la route. Au lieu de cela, vous aurez besoin afin de permettre l'utilisation de plusieurs routes. ExpressJS fait cela pour vous dans une manière simple, mais il est encore très possible sans elle.

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


    var server = http.createServer(function(request, response){
       var header_type = "";
       var data        = "";
       var get = function (uri, callback) {
           //match `request.url` with uri with a regex or something.
           var regex = uri;
           if (request.url.match(regex)) {
               callback();
           }
       };    

       var render = function (resource) {
           //resource = name of resource (i.e. index, site.min, jquery.min)
           fs.readFile( __dirname + "/" + resource, function(err, file) {
              if (err) return false; //Do something with the error....
              header_type = ""; //Do some checking to find out what header type you must send.
              data = file;
           }
       };

       get('/', function(req, res, next) {
           //Send out the index.html
           render('index.html');
           next();
       });


       get('/javascript.min', function(req, res, next) {
          render('javascript.js');
          next();
       });


    });

    server.listen(8080);

Cela pourrait vous aider à démarrer, mais vous aurez à mettre en œuvre certaines des choses comme next() vous-même. Une jolie solution simple, mais un travail.

Une autre solution pour répondre aux fichiers statiques serait de créer un catcher dans le http.createServer de rappel. Dans le get méthode, si l'uri ne correspond pas, alors vous devez regarder à l'intérieur d'un public dossier correspondant à l'uri complète de la structure du système de fichiers.

OriginalL'auteur Daniel

Vous êtes mieux avec l'aide de l'Express pour ce genre de trucs.

Quelque chose comme ce sera de faire le travail.

App.js

var express = require('express')
  , http = require('http')
  , path = require('path');

var app = express();

//Configure Your App and Static Stuff Like Scripts Css
app.configure(function(){
  app.set('port', process.env.PORT || 3000);
  app.set('views', __dirname + '/views'); //Your view folder
  app.set('view engine', 'jade');  //Use jade as view template engine
  //app.set("view options", {layout: false});  
  //app.engine('html', require('ejs').renderFile); //Use ejs as view template engine
  app.use(express.logger('dev'));

  app.use(express.bodyParser());
  app.use(express.methodOverride());
  app.use(express.cookieParser());
  app.use(app.router); 
  app.use(require('stylus').middleware(__dirname + '/public')); //Use Stylus as the CSS template engine
  app.use(express.static(path.join(__dirname, 'public'))); //This is the place for your static stuff
});


app.get('/',function(req,res){
  res.render('index.jade',{
    title:"Index Page 
    }
});

Indice est un modèle jade de la page.Ce qui rend en html statique et de la marche plutôt bien avec express.

Pour le mondial-tête statique à l'ensemble de vos pages, vous pouvez faire un modèle comme celui-ci et de l'inclure dans un.

static_header.jade

  doctype 5
html
  head
    title= title
    script(src='/javascripts/jquery-1.8.2.min.js')   
    block header 
    link(rel='stylesheet', href='/stylesheets/style.css')
  body
    block content

Et enfin votre index.jade qui est à l'aide de la static_header et dynamique propre en-tête de avec ses propres scripts.

extends static_header

block header
  script(src='/javascripts/jquery-ui-1.9.1.custom.js')
  script(src='http://jquery-ui.googlecode.com/svn/trunk/ui/i18n/jquery.ui.datepicker-tr.js')
  link(rel='stylesheet',href='/stylesheets/jquery-ui-1.9.1.custom.min.css')
block content
  h1= title

Mettre les deux fichiers dans votre dossier de vues et prêt à rouler.

OriginalL'auteur Serdar Dogruyol