Was ist die beste Vorgehensweise für die Bereitstellung von HTML in node.js mit express.js?

Question

ich zur Zeit alle meine HTML direkt in meine app.js/server.js Datei wie folgt diene:

app.get('/', function(req, res) { 
    res.render('index.html'); 
}); 
app.get('/about', function(req, res) { 
    res.render('about.html'); 
}); 
app.get('/projects', function(req, res) { 
    res.render('projects.html'); 
}); 

Ich stelle mir vor, wenn ich mehr als 15 HTML-Seiten haben, dass dies wahrscheinlich nicht der beste Weg ist, sie zu nennen . Gibt es eine bessere Möglichkeit, sie aus einer anderen Datei oder einem anderen Ort zu bedienen und den Export oder etwas zu verwenden, um nur eine Funktion oder etwas in app.js aufrufen zu können? Es könnte sein, wofür das Routing ist, aber vielleicht verstehe ich es nicht so gut.

(mehr Code hinzugefügt, die in der gleichen Datei)

app.set('port', process.env.PORT || 3000); 
app.set('views', __dirname + '/public'); 

// used below code to render html files 
app.engine('html', require('ejs').renderFile); 

app.set('view engine', 'ejs'); 
app.use(express.favicon("public/img/favicon.ico")); 
app.use(express.logger('dev')); 
app.use(express.bodyParser()); 
app.use(express.methodOverride()); 
app.use(app.router); 
app.use(express.static(path.join(__dirname, 'public'))); 

Answer 1

könnten Sie verwenden die static Middleware:

app.use("/", express.static(__dirname)); 

Ein Server Beispiel:

var express = require('express'); 
var app = express(); 
app.use('/', express.static(__dirname + '/public')); 
app.listen(3000, function() { console.log('listening')}); 

Dies ist Dateistruktur:

. 
├── public 
│   ├── a.html 
│   ├── b.html 
│   └── c.html 
└── server.js 

Dokumentation:

• http://expressjs.com/api.html#app.use
• http://www.senchalabs.org/connect/static.html
• http://expressjs.com/faq.html#multiple-statics

Answer 2

Eine Idee wäre, eine Catch-all Art von Strecke als die letzte Strecke zu verwenden, wie die folgenden:

app.get('/:page', function(req, res) { 
    res.sendfile(path.join(__dirname, 'public', 'pages', path.basename(req.params.page) + '.html')); 
}); 

Dazu müssten Sie Ihre .html-Dateien in public/pages/about.html usw. schreiben.

Sie könnten die Reihenfolge des statischen Dateirouters ändern, so dass statische Dateien Vorrang vor Routen erhalten , es sei denn Sie diesen Weg die Dinge in den öffentlichen Ordner, wie dies wollen Fang:

App

app.set('view engine', 'ejs'); 
app.use(express.favicon("public/img/favicon.ico")); 
app.use(express.logger('dev')); 
app.use(express.bodyParser()); 
app.use(express.methodOverride()); 
app.use(express.static(path.join(__dirname, 'public'))); 
app.use(app.router);