帶把手的Express 4添加新路線

Question

我正在嘗試在我的新Express應用程序中添加一個“關於”頁面。

我正在運行帶有把手（hbs）的Express 4。

我已經閱讀了許多教程，但是大多數教程並沒有添加新的路線（或者做得很好，但並沒有很好地解釋），我主要是從本教程中學習的 。

我需要知道要添加什么到我的app.js和我的route /文件夾中，我已經在視圖中准備了about.hbs。

這是我的app.js（由express generator生成）：

var express = require('express');
var path = require('path');
var favicon = require('static-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');

var routes = require('./routes/index');
var users = require('./routes/users');

var app = express();

// view engine setup

app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'hbs');

app.use(favicon());
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded());
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

app.use('/', routes);
app.use('/users', users);

/// catch 404 and forward to error handler
app.use(function(req, res, next) {
    var err = new Error('Not Found');
    err.status = 404;
    next(err);
});

/// error handlers

// development error handler
// will print stacktrace
if (app.get('env') === 'development') {
    app.use(function(err, req, res, next) {
        res.status(err.status || 500);
        res.render('error', {
            message: err.message,
            error: err
        });
    });
}

// production error handler
// no stacktraces leaked to user
app.use(function(err, req, res, next) {
    res.status(err.status || 500);
    res.render('error', {
        message: err.message,
        error: {}
    });
});


module.exports = app;

我的路線/文件夾包含index.js和users.js。

index.js：

var express = require('express');
var router = express.Router();

/* GET home page. */
router.get('/', function(req, res) {
  res.render('index', { title: 'Express' });
});

module.exports = router;

抱歉，我很簡單，但是我已經花了3個小時來做​​這件事，我覺得這很容易做到。

Answer 1

我建議您放棄一般的默認快遞生成的應用程序，並創建一個適當的路由系統。 您的app.js文件不應包含路由，而只能包含環境變量。 這是我設置項目的方式：

App.js

var express     = require('express');
var http        = require('http');
var path        = require('path');
var compression = require('compression');
var app         = module.exports = express();
var cacheTime   = 86400000*7; //a week

//all environments
app.use(compression());
app.set('port', process.env.PORT || 3000);
app.set('views', __dirname + '/views');
app.engine('html', require('hogan-express'));
app.use(express.favicon());
app.use(express.logger('dev'));
app.use(express.bodyParser());
app.use(express.methodOverride());
app.use(app.router);
app.use(express.static(__dirname + '/public',{ maxAge: cacheTime }));

//development only
if ('development' === app.get('env')) {
  app.use(express.errorHandler());
}

require('./routes/index.js');

http.createServer(app).listen(app.get('port'), function(req,res){
    console.log('Express server listening on port ' + app.get('port'));
});

路由文件：

var app = require('../app.js');

app.get('/Contact', function(req, res) {
    res.render('contact.html', { /*object*/ });
});

//continue routes here

它具有可伸縮性，是大型公司項目的可行選擇。 您也可以將routes文件拆分為單獨的部分，以更好地進行組織。 注意：您需要根據自己的喜好更改一些設置