Jade テンプレート内から Express.js の req またはセッション変数にアクセスする簡単な方法があるかどうか疑問に思っています。通常の応答を介して渡す必要はありません。
それともこれが唯一の方法ですか?
res.render('/', {
session: req.session
});
追加するだけ
app.use(express.cookieParser());
app.use(express.session({secret: '1234567890QWERTY'}));
app.use(function(req,res,next){
res.locals.session = req.session;
next();
});
前
app.use(app.router);
翡翠でセッションを取得します
p #{session}
Express 3.x では、dynamicHelpers が削除されたため、ミドルウェアとres.locals
. req.query
ビューでアクセスしたいとしましょう/signup/new
:
localQuery = function(req, res, next) {
res.locals.query = req.query;
next();
};
newSignup = function(req, res) {
res.render('signup/new');
};
app.get('signup/new', localQuery, newSignup);
localQuery
これで、ミドルウェアを使用するすべてのルートがres.locals.query
設定されます。これは、ビューで としてアクセスできますquery
。
dynamicHelper
Express を使用するには、 forを作成する必要があります。
app.dynamicHelpers({
session: function (req, res) {
return req.session;
}
});
次に、テンプレート内で、<%= session.logged_in %>
または何でも使用できます。
注: dynamicHelpers は Express 3 では非推奨です
ミドルウェアを使用するだけです。
app.use(function (req, res, next) {
var origRender = res.render;
res.render = function (view, locals, callback) {
if ('function' == typeof locals) {
callback = locals;
locals = undefined;
}
if (!locals) {
locals = {};
}
locals.req = req;
origRender.call(res, view, locals, callback);
};
next();
});
その後、「#{req}」を使用して jade テンプレートで参照できます。
「req」に「user」オブジェクトがあり、「user」にメソッド「isAnonymous」があるとします。user.isAnonymous() が true を返す場合、
p #{req.user.isAnonymous()}
次のようにレンダリングされます。
<p>true</p>
テンプレートでアクセス可能なローカル変数としてセッション変数を必要とするすべてのビューをレンダリングするために使用するレンダリング関数でこれを解決できます(通常、ユーザーがログインしている場合など)。
関数の例を次に示しますが、必要に応じて調整できます。
var renderView = function(res, template, context, session, cb) {
context.session = session;
if(cb){
res.render(template, context, function(error, html){
cb(error, html)
}
} else {
res.render(template, context)
}
}
次に、次のように使用できます。
app.get("/url", function(req, res){
req.session.user_email = user_email;
renderView(res, "template_name", { local_variables: local_variables }, req.session)
});
jade テンプレートでは、次のようにセッション変数にアクセスできます。
div.user-email #{session.user_email}
javascriptには常にスコープをエスケープして上方にクロールする方法がありますが、別の方法を見つけることを強くお勧めします。
あなたが求めていることを考えてみてください: ビューにコントローラーの内臓を認識させることはできますか?
または、あなたが本当に求めていること: 自分のビューに自分のランタイムの中身を知らせてもらえますか?
ビューはデータを受け取り、それをマークアップに変換することになっています。それでおしまい。それ以外のことをしたら、それは間違っています。それがどれほど「簡単」であるかは気にしません。それがインターフェイスのポイントです。渡されるものを正確に定義し、あるものを別のものに簡単に置き換えられるようにするため。