ログアウト

CoddyのNode.jsジャーニー「認証とセキュリティ」セクションの一部。レッスン 12/24。

Cookieを消去しても、ブラウザーにIDを忘れさせるだけです。共有コンピューターや盗まれたCookieからIDをコピーした人は、今も使える鍵を持っています。ログアウト時には、サーバー上のセッションを削除する必要があります。

res.clearCookie(name)はブラウザーにCookieを削除するよう指示します。ステータス204 No Contentは、処理が成功し、返す内容がないことを意味します。res.status(204).end()。

以下は、すべてのデバイスで同時にユーザーをログアウトさせる関連ルートです。

app.post('/logout-everywhere', requireUser, async (req, res) => {
    await sessions.deleteMany({ userId: new ObjectId(req.user.id) });
    res.clearCookie('sid');
    res.status(204).end();
});

チャレンジ

簡単

ログアウトする方法を追加しましょう。Cookieを削除するだけでは不十分です。セッションIDをコピーした人は、それを使い続けられるからです。そのため、サーバー側でもセッションを忘れるようにします。

server.jsにPOST /logoutを追加します。リクエスト本文は不要です。
sid Cookieを読み取ります。Cookieがある場合は、sessionsからその_idを持つセッションを削除します。
ブラウザーにsid Cookieを忘れるように指示します。
ステータス204で、本文なしの応答を返します。204 No Contentは、処理が成功し、返す内容がないことを意味します。リクエストにsid Cookieがない場合でも、204を返します。

試してみましょう：「実行」を押します。POST /signup、続けてPOST /loginを送り、どちらにも{"username": "ada", "password": "correct horse"}を指定します。GET /meは{"username": "ada"}を返します。POST /logoutを送信すると、ステータス204で本文は空になります。もう一度GET /meを送信すると、ステータス401と{"error": "Log in first"}が返ります。「データ」を開きます。sessionsは空です。もう一度POST /logoutを送信しても、やはり204が返ります。

自分で試してみよう

import express from 'express';
import { randomBytes } from 'node:crypto';
import { parseCookies } from './cookies.js';
import { notes, sessions, users } from './db.js';
import { hashPassword, verifyPassword } from './passwords.js';

const app = express();
app.use(express.json());

app.post('/signup', async (req, res) => {
    const username = String(req.body.username ?? '').trim().toLowerCase();
    const password = String(req.body.password ?? '');
    if (!username || password.length < 8) {
        return res.status(400).json({ error: 'Pick a username and a password of at least 8 characters' });
    }
    if (await users.findOne({ username })) {
        return res.status(409).json({ error: 'That username is taken' });
    }
    await users.insertOne({ username, passwordHash: await hashPassword(password) });
    res.status(201).json({ username });
});

app.post('/login', async (req, res) => {
    const username = String(req.body.username ?? '').trim().toLowerCase();
    const user = await users.findOne({ username });
    if (!user || !(await verifyPassword(String(req.body.password ?? ''), user.passwordHash))) {
        return res.status(401).json({ error: 'Wrong username or password' });
    }
    const sid = randomBytes(24).toString('base64url');
    await sessions.insertOne({ _id: sid, userId: user._id, createdAt: new Date() });
    res.cookie('sid', sid, { httpOnly: true });
    res.json({ username: user.username });
});

// セッション cookie に対応するユーザーを探し、見つからなければ 401 を返す。
async function requireUser(req, res, next) {
    const { sid } = parseCookies(req.get('cookie'));
    const session = sid && (await sessions.findOne({ _id: sid }));
    const user = session && (await users.findOne({ _id: session.userId }));
    if (!user) {
        return res.status(401).json({ error: 'Log in first' });
    }
    req.user = { id: user._id.toHexString(), username: user.username };
    next();
}

app.get('/me', requireUser, (req, res) => {
    res.json({ username: req.user.username });
});

// このブラウザーが GET /visit を呼び出した回数を数える。
app.get('/visit', (req, res) => {
    const cookies = parseCookies(req.get('cookie'));
    const visits = Number(cookies.visits ?? 0) + 1;
    res.cookie('visits', String(visits));
    res.json({ visits });
});

// メモ：各ユーザーは自分のメモだけを読み書きする。
app.get('/notes', requireUser, async (req, res) => {
    res.json(await notes.find({ owner: req.user.id }).toArray());
});

app.post('/notes', requireUser, async (req, res) => {
    const note = { owner: req.user.id, text: String(req.body.text ?? '') };
    await notes.insertOne(note);
    res.status(201).json(note);
});

app.listen(3000, () => {
    console.log('Vault is running on port 3000');
});

認証とセキュリティのすべてのレッスン

自分で練習してみよう: Expressプレイグラウンド