我的NodeJS学习之路4(初始配置)

2019-06-13 14:13:33 浏览数 (1)

小弟初涉node领域,不足之处,还请多多指教! 欢迎Star、Fork:https://github.com/gefangshuai/ANodeBlog


整个工程结构已经有了,下面来说一下几个简单但重要的配置:

定义一个简单的配置文件,存放项目配置信息

一个完整的项目中,会有各种配置信息,如何组织这些信息,会给我们后期的维护成本带来不同的影响。 为了更好的维护项目,我习惯定义一个配置文件来专门组织这些信息,我们可以命名为config.js,放到项目根目录下,直观表现。

加入一个全局filter,用于向所有请求传递相同的参数

类似“站点信息”这种常量参数,在每个页面中可能我们都要用它来展示在页面上,我们不可能在所有的请求每次都render一次这些信息。需要有一个统一的管理,我称之为filter。将这个filter定义在所有的请求之上。node执行顺序是从上往下,所以每个请求在页面上都会拿到这些参数。

代码语言:javascript复制
/**
 * 全局参数传递
 */
app.use(function (req, res, next) {
    res.locals.site = config.site;
    res.locals.success = req.flash(config.constant.flash.success);
    res.locals.error = req.flash(config.constant.flash.error);
    res.locals.session = req.session;
    next();
});

与handlebars模版集成.

新建好的工程默认使用的是hbs,相似的还有express-handlebars、express-hbs,三者除了用法,功能上没有太大的区别,都是针对Handlebars后台模版引擎的一个封装,选择哪个,看个人习惯。本例中使用express-handlebars

卸载hbs

代码语言:javascript复制
npm uninstall hbs

安装express-handlebars

代码语言:javascript复制
npm install --save express-handlebars

修改模版集成 在app.js中添加express-handlebars*

代码语言:javascript复制
var exphbs = require('express-handlebars');

修改视图引擎配置 在

代码语言:javascript复制
app.set('view engine', 'hbs');

上面添加下面代码:

代码语言:javascript复制
var hbs = exphbs.create({
    partialsDir: 'views/partials',
    layoutsDir: "views/layouts/",
    defaultLayout: 'main',
    extname: '.hbs'
});
app.engine('hbs', hbs.engine);

整个代码看起来是这样的:

代码语言:javascript复制
var hbs = exphbs.create({
    partialsDir: 'views/partials',
    layoutsDir: "views/layouts/",
    defaultLayout: 'main',
    extname: '.hbs'
});
app.engine('hbs', hbs.engine);
app.set('view engine', 'hbs');

说明:

  • partialsDir: 指定partial页面的目录。
  • layouts:指定布局页面的目录
  • defaultLayout:指定默认布局文件(没带后缀)
  • extname: 指定handlebars文件后缀(不得不吐槽“handlebars”字母太长,所以改的简单点)

与Session集成

web应用中,session是不可获取的重要部分,从express4开始,session作为一个独立的中间件而不再直接集成于express框架中,我们需要单独安装使用。

代码语言:javascript复制
npm install --save express-session

然后在app.js中require

代码语言:javascript复制
var session = require('express-session');

定义它:

代码语言:javascript复制
app.use(session({
    secret: config.db.cookieSecret,
    cookie: {maxAge: 30 * 60 * 1000}
}));

0 人点赞