express + hogan 如何处理会话?
express + hogan how to handle session?
我使用 expressjs
和 hoganjs
下面是我的 package.json
和设置。我有疑问我是否必须检测会话并在 Index.hjs
内部给出不同的布局只是一部分。
我应该怎么办?
我在 hoganjs
中找不到任何关于会话的文档,似乎只处理模板逻辑少?
那么这是否意味着我必须在 routes/Index.js
中检测并呈现不同的文件?如何做到这一点的任何例子?
如果我必须让两个文件有重复的部分,那么我试图找到一种方法,比如 extend, include 方法所以我找到了 load other template file inside template 但它似乎不太方便,所以我通常想知道人们如何做到这一点?
package.json
{
"name": "app",
"version": "0.0.0",
"private": true,
"scripts": {
"start": "node ./bin/www"
},
"dependencies": {
"body-parser": "~1.13.2",
"cookie-parser": "~1.3.5",
"debug": "~2.2.0",
"express": "~4.13.1",
"hjs": "~0.0.6",
"less-middleware": "1.0.x",
"morgan": "~1.6.1",
"pg": "^4.4.0",
"serve-favicon": "~2.3.0"
}
}
app.js
var app = express();
// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'hjs');
// end: view engine setup
...
// route handler to each routes
require('./RouteHandler.js')(app, express);
// end: route handler to each routes
...
RouteHandler.js
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');
var setupRoutes = function(app, express) {
// uncomment after placing your favicon in /assets
//app.use(favicon(path.join(__dirname, 'assets', 'favicon.ico')));
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(require('less-middleware')(path.join(__dirname, 'assets')));
app.use(express.static(path.join(__dirname, 'assets')));
var routesIndex = require('./routes/Index');
var routesAccount = require('./routes/Account');
app.use('/', routesIndex);
app.use('/account', routesAccount);
// catch 404 and forward to error handler
app.use(function(req, res, next) {
var err = new Error('Not Found');
err.status = 404;
next(err);
});
}
module.exports = setupRoutes;
routes/Index.js
var express = require('express');
var router = express.Router();
router.get('/', function(req, res, next) {
...
res.render('Index/Index', { title: 'Express' });
});
module.exports = router;
Index.hjs
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<!-- session exist -->
<!-- logged in layout -->
<!-- end: session exist -->
<!-- session exist -->
<!-- logged out layout -->
<!-- end: session exist -->
... both
</body>
</html>
Hogan
不处理会话。快递就是这样做的。你需要有一个会话存储,它可以让你在 req
对象中存储你想要的东西。
根据您存储的值,您可以将值传递给模板并加载任何内容。
会话存储 - https://github.com/expressjs/session
在Index.js
//设置值
req.session.user.loggedIn = true;
// 传递给模板
res.render('Index/Index', { title: 'Express', 'loggedIn': req.session.user.loggedIn });
// in template
if (loggedIn) {
<p>Logged in</p>
} else {
<p>Not logged in</p>
}
编辑 - 添加了详细信息
I can't find any document about session in hoganjs, it seems only handle template?
Hogan is template engine. All it does is process templates. You are correct. (See: what is a template engine?)
So does that mean I have to detect in routes/Index.js and render different file?
没有。
你应该做的是渲染一个模板,但在该模板中,显示菜单项有条件:
{{#user}}
<li><a href="/dashboard">Dashboard</a></li>
<li><a href="/logout">Logout</a></li>
{{/user}}
{{^user}}
<li><a href="/login">Login</a></li>
{{/user}}
在 Hogan 中,您可以使用上述语法表达等同于 if
语句的内容。 (参见:Hogan If Statements。)
如果有的话,您需要一些方法将 user
实例传递给模板。您可以在路由处理程序中执行此操作:
app.get('/', function(req, res) {
if (req.isAuthenticated()) {
res.render('home', { user: req.user });
} else {
res.render('home');
}
});
或者如果您想在每个页面上显示菜单 - 可能在布局中 - 您可以创建 middleware:
app.use(function(req, res, next) {
if (req.isAuthenticated()) {
res.locals.user = req.user;
}
next();
});
在上面的示例中,我使用了 Passport 中间件。您将需要实施自己的身份和身份验证系统,但这超出了本问题的范围。
我使用 expressjs
和 hoganjs
下面是我的 package.json
和设置。我有疑问我是否必须检测会话并在 Index.hjs
内部给出不同的布局只是一部分。
我应该怎么办?
我在 hoganjs
中找不到任何关于会话的文档,似乎只处理模板逻辑少?
那么这是否意味着我必须在 routes/Index.js
中检测并呈现不同的文件?如何做到这一点的任何例子?
如果我必须让两个文件有重复的部分,那么我试图找到一种方法,比如 extend, include 方法所以我找到了 load other template file inside template 但它似乎不太方便,所以我通常想知道人们如何做到这一点?
package.json
{
"name": "app",
"version": "0.0.0",
"private": true,
"scripts": {
"start": "node ./bin/www"
},
"dependencies": {
"body-parser": "~1.13.2",
"cookie-parser": "~1.3.5",
"debug": "~2.2.0",
"express": "~4.13.1",
"hjs": "~0.0.6",
"less-middleware": "1.0.x",
"morgan": "~1.6.1",
"pg": "^4.4.0",
"serve-favicon": "~2.3.0"
}
}
app.js
var app = express();
// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'hjs');
// end: view engine setup
...
// route handler to each routes
require('./RouteHandler.js')(app, express);
// end: route handler to each routes
...
RouteHandler.js
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');
var setupRoutes = function(app, express) {
// uncomment after placing your favicon in /assets
//app.use(favicon(path.join(__dirname, 'assets', 'favicon.ico')));
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(require('less-middleware')(path.join(__dirname, 'assets')));
app.use(express.static(path.join(__dirname, 'assets')));
var routesIndex = require('./routes/Index');
var routesAccount = require('./routes/Account');
app.use('/', routesIndex);
app.use('/account', routesAccount);
// catch 404 and forward to error handler
app.use(function(req, res, next) {
var err = new Error('Not Found');
err.status = 404;
next(err);
});
}
module.exports = setupRoutes;
routes/Index.js
var express = require('express');
var router = express.Router();
router.get('/', function(req, res, next) {
...
res.render('Index/Index', { title: 'Express' });
});
module.exports = router;
Index.hjs
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<!-- session exist -->
<!-- logged in layout -->
<!-- end: session exist -->
<!-- session exist -->
<!-- logged out layout -->
<!-- end: session exist -->
... both
</body>
</html>
Hogan
不处理会话。快递就是这样做的。你需要有一个会话存储,它可以让你在 req
对象中存储你想要的东西。
根据您存储的值,您可以将值传递给模板并加载任何内容。
会话存储 - https://github.com/expressjs/session
在Index.js
//设置值
req.session.user.loggedIn = true;
// 传递给模板
res.render('Index/Index', { title: 'Express', 'loggedIn': req.session.user.loggedIn });
// in template
if (loggedIn) {
<p>Logged in</p>
} else {
<p>Not logged in</p>
}
编辑 - 添加了详细信息
I can't find any document about session in hoganjs, it seems only handle template?
Hogan is template engine. All it does is process templates. You are correct. (See: what is a template engine?)
So does that mean I have to detect in routes/Index.js and render different file?
没有。
你应该做的是渲染一个模板,但在该模板中,显示菜单项有条件:
{{#user}}
<li><a href="/dashboard">Dashboard</a></li>
<li><a href="/logout">Logout</a></li>
{{/user}}
{{^user}}
<li><a href="/login">Login</a></li>
{{/user}}
在 Hogan 中,您可以使用上述语法表达等同于 if
语句的内容。 (参见:Hogan If Statements。)
如果有的话,您需要一些方法将 user
实例传递给模板。您可以在路由处理程序中执行此操作:
app.get('/', function(req, res) {
if (req.isAuthenticated()) {
res.render('home', { user: req.user });
} else {
res.render('home');
}
});
或者如果您想在每个页面上显示菜单 - 可能在布局中 - 您可以创建 middleware:
app.use(function(req, res, next) {
if (req.isAuthenticated()) {
res.locals.user = req.user;
}
next();
});
在上面的示例中,我使用了 Passport 中间件。您将需要实施自己的身份和身份验证系统,但这超出了本问题的范围。