Logged In User #02
34293 ワード
Response objectから何かを知る必要があります。
これを理解するために,
sessionを理解するために書かれたmiddlewareを用いた.server.jsからapp.use((req, res, next) => {
console.log(res);
req.sessionStore.all((error, sessions) => {
console.log(sessions);
next();
});
});resonse object,console.log.そして確認して更新後にエラーが発生しました.どうでもいい
nodeを見るとconsole.logがたくさんありますResponse objectで知りたいのがlocalsです. locals: [Object: null prototype] {},localsは空のobjectです.この空いている
objectは良いニュースです.pug templateからlocalsに近づくことができる.これは基本的に可能です他にやる必要はない.
pugおよびExpresslocalsを共有できます.これはどういう意味ですか.
locals objectを変えると言ったら、templateからlocals objectの内容を確認できます.確認しよう
app.use((req, res, next) => {
res.locals.sexy = "you";
req.sessionStore.all((error, sessions) => {
console.log(sessions);
next();
});
});locals objectに1つ追加されました.pugファイルはすべてlocals objectにアクセスできます.また、
base.pugでも変更されます.body
header
h1 Who is sexy? #{sexy}
nav
ul
li
a(href="/") Home
li
a(href="/join") Join
li
a(href="/login") Login
li
a(href="/search") Search
li
a(href="/videos/upload") Upload VideopageTitleを変更する.Who is sexy?、#{sexy}と書きます.このまま書けばいいlocals.とかは使いません.起動できるかどうか見てみましょう.
pageTitle出力は"Who is sexy? you"です.このようにして、
templatesおよびdataが共有される.そしてこれはglobal(グローバル変数)ですtemplateはすべて使えます.ご覧のように、このtitleは変わっていません.他の場所に回っても、ずっと保持されています.また、
localsはtemplateのすべての場所に位置している.もちろん、
middlewareがrouterに適用される場合に限られる.templateからsexyという変数が使用できるようになりました.とても良いニュースですこれは、
template変数をグローバルに送信できることを意味する.変数を
res.renderに送信する必要はありません.locals objecttemplateですグローバルに送信できます.
言い換えれば、
locals objectはすでにpug templateからimportのすべてのobjectである.これでも試してみてください.
app.use((req, res, next) => {
res.locals.sexy = "you";
res.locals.siteName = "Wetube";
req.sessionStore.all((error, sessions) => {
console.log(sessions);
next();
});
});base.pugです.head
title #{pageTitle} | #{siteName} locals object以内であるべきだと改めて強調した.リフレッシュすると
Wetubeがよく適用されます.app.use((req, res, next) => {
res.locals.sexy = "you";
res.locals.siteName = "xxxxxXXXXX";
req.sessionStore.all((error, sessions) => {
console.log(sessions);
next();
});
});xxxxxXXXXXに適用されます.これは
locals objectで、本当に役に立ちます.localsにログインしているユーザーを追加するためです.これは、
templateが誰がログインしたのかを知ることができることを意味します.siteNameのようなものも本当に役に立ちます.だからmiddlewareを作ります.pageTitleに戻ります.middlewareを作成します.srcフォルダにmiddlewareファイルを作成します.この
middlewareをlocalsMiddlewareといいます.export const localsMiddleware = (req, res, next) => {
res.locals.siteName = "Wetube";
};req,resおよびnextが受信され、ここではlocalsが設定される.いくつかのlocalsを設定します.例えば、
siteNameおよびWetubeである.これは
middlewareです.localsMiddleware.server.jsからimport { localsMiddleware } from "./middleware";
app.use((req, res, next) => {
req.sessionStore.all((error, sessions) => {
console.log(sessions);
next();
});
});
app.use(localsMiddleware);app.use(localsMiddleware);を追加すると、自動的にimportにはなりません.別に作ってくれました.
作成する
middlewaresをすべてmiddlewareファイルに追加します.これからやるべきことはもう決まった.
localsで誰がログインしたのかを共有します.ではもう一度登録してみましょうその前に、ここでは
req.sessionおよびconsole.logを試みた.export const localsMiddleware = (req, res, next) => {
console.log(req.session);
res.locals.siteName = "Wetube";
next();
};Session {
cookie: { path: '/', _expires: null, originalMaxAge: null, httpOnly: true },
loggedIn: true,
user: {
_id: '625942ace3564e09811a5f21',
email: '[email protected]',
username: 'Cyber Lover',
password: '$2b$05$WMO/VH/yctvvPJST0SyLq.QRQfSNeLJ5zAJPFfRMwLgg5ZFq1KtBm',
name: 'Mercury',
location: 'NYC',
__v: 0session、cookie, loggedIn, userがあります.[Object: null prototype] {
tW3l1LCHc8Zc0urTdDkEnlo1xRh2uhV7: {middlewareで、上の部分はlocalsからの内容です.ご覧のように、
localsMiddlewareはreq.sessionに近づくことができます.そして、これは本当に重要だと改めて強調しました.
これは
localsMiddlewareがsession middlewareになってから可能になったからですapp.use(
session({
secret: "Hello!",
resave: true,
saveUninitialized: true,
})
);localsMiddlewareをここに移すとapp.set("view engine", "pug");
app.set("views", process.cwd() + "/src/views");
app.use(logger);
app.use(express.urlencoded({ extended: true }));
app.use(localsMiddleware);
app.use(
session({
secret: "Hello!",
resave: true,
saveUninitialized: true,
})
);sessionは表示されません.undefined
[Object: null prototype] {}現在、
localsMiddlwareはsession middelwareの後に位置しています.このようにしてこそ、
localsMiddlewareはsession objectに近づくことができる.コンソールを再リフレッシュして確認すると、
[Object: null prototype] {}
Session {
cookie: { path: '/', _expires: null, originalMaxAge: null, httpOnly: true }
}session.また、この
middlewareは削除されます.app.use((req, res, next) => {
req.sessionStore.all((error, sessions) => {
console.log(sessions);
next();
});
});それではここで
sessionを確認してみます.コンソールウィンドウを表示します.Session {
cookie: { path: '/', _expires: null, originalMaxAge: null, httpOnly: true }
}export const localsMiddleware = (req, res, next) => {
res.locals.loggedIn = Boolean(req.session.loggedIn);
res.locals.siteName = "Wetube";
console.log(res.locals);
next();
};req.sessionのloggedInがtrueならif(req.session.loggedIn){
res.locals.loggedIn = true;
}res.locals.loggedIn = req.session.loggedIn;falseであってもよいし、undefinedであってもよい.Boolean()を使用して、この値がtrueまたはfalseであることを確認します. res.locals.loggedIn = Boolean(req.session.loggedIn);そして
res.localsをconsole.log()に撮影どんな結果になるか見てみましょう.もう一度更新します.
コードを保存し、より良いセッションストレージを設定できないためです.
すべてのセッションが消えました.
[Object: null prototype] { loggedIn: false, siteName: 'Wetube' }
GET / 304 191.753 ms - -localsです.リフレッシュごとlocalsあります.このobjectとtemplateが共有されていることが今になって分かった.だからこれはどういう意味ですか.
li
a(href="/") Home
if loggedIn
li
a(href="/logout") Log Out
else
li
a(href="/join") Join
li
a(href="/login") Loginもしそうでなければ、私はあなたにこれらを見せます.
userが既にログインしている場合ログアウトボタンを見せます.そして
logoutと書きます.pugファイルから地元の人にアクセスできるのを覚えています。
localsの値を与えると、pugが読めます.これがlocalsです.loggedInの値がfalsesiteNameの値がWetubeです.[Object: null prototype] { loggedIn: false, siteName: 'Wetube' }
GET / 304 191.753 ms - -logoutありました.[Object: null prototype] { loggedIn: true, siteName: 'Wetube' }
GET / 200 57.525 ms - 593localsならloggedIn: trueただいまログインしておりますリフレッシュも保持されています.別のブラウザを試します.ご覧のように、ここにはログインしていません.防根認証システムを構築した.
Login、join、비밀번호 암호화は現在expressであり、セッションもCookieも処理しています.プレイヤー間では区別もできます.
req.sessionにuserがあったのを覚えています.ここにはreq.sessionとuserがあります.[Object: null prototype] {
tW3l1LCHc8Zc0urTdDkEnlo1xRh2uhV7: {
cookie: { originalMaxAge: null, expires: null, httpOnly: true, path: '/' },
loggedIn: true,
user: {
_id: '625942ace3564e09811a5f21',
email: '[email protected]',
username: 'Cyber Lover',
password: '$2b$05$WMO/VH/yctvvPJST0SyLq.QRQfSNeLJ5zAJPFfRMwLgg5ZFq1KtBm',
name: 'Mercury',
location: 'NYC',
__v: 0
}templateと共有できます.やってみるexport const localsMiddleware = (req, res, next) => {
res.locals.loggedIn = Boolean(req.session.loggedIn);
res.locals.siteName = "Wetube";
res.locals.loggedInUser = req.session.user;
next();
};undefinedだったはずです.ログインしていないので.コードを保存しようとします.ご覧のように、リフレッシュ後に再ログアウトします.
この部分は次の部分で行います.その前にこちらに来てください.
li
a(href="/") Home
if loggedIn
li
a(href="/logout") Log Out
li
a(href="/my-profile") #{loggedInUser.name} Profile
else
li
a(href="/join") Join
li
a(href="/login") Loginnavigationこれはまだ存在しません.a(href="/my-profile")で何をしたか、ログインしている場合はbase.pugボタンを表示します.logoutのおかげで、locals middlewareがありました.これは
loggedInUserreq.session.user;かもしれないからです.undefined未登録の場合はuserは使用できません.しかし、この部分では、確かに
loggedInUserが登録されています.ログインしたら
userの値があることを意味しますloggedInUserを使用できます.loggedInUser.nameにloggedInUserがあることを知っているからです.もう一度やってみる.再登録するとそのプレイヤーの名前+24579142が表示されます.
現在、この価格は
nameのすべての場所で共有されています.現在、
Profileとtemplateはありません.ご覧のように、この価格はProfileと共有されています.ログインシステムを構築したばかりです.
LogOutおよびtemplate、Session、Cookie、패스워드 암호화が使用される.そして
패스워드 비교を用いてlocals戦区で変数を用いる方法を学習した.コードを保存するたびにpugが初期化されていることを覚えておいてください。
コードを再保存し、ホームページにリフレッシュしてログアウトします.
現在、コードを保存するたびに
Sessionが消えています.サーバはユーザーを忘れます.Reference
この問題について(Logged In User #02), 我々は、より多くの情報をここで見つけました https://velog.io/@0_cyberlover_0/Logged-In-User-02テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol