ログインセッション

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

ログイン時には200が返されますが、次のリクエストではログインしたユーザーが分からなくなっています。セッションがそれを記憶します。ログイン時にサーバーは誰にも推測できないIDを作成し、それがどのユーザーのものかを保存して、Cookieとして送信します。その後の各リクエストでIDが送り返され、サーバーはそれを検索します。

IDはランダムでなければなりません。ユーザー名を保持するCookieでは、誰でもCookie: sid=adaと入力してAdaになりすますことができます。randomBytes(24)は192ビットのランダムな値を生成します。ページ内のスクリプトが読み取れないように、CookieにhttpOnlyを設定します。

const cartId = randomBytes(24).toString('base64url');
await carts.insertOne({ _id: cartId, items: [] });
res.cookie('cart', cartId, { httpOnly: true });

// 後続のリクエスト時に
const cart = await carts.findOne({ _id: parseCookies(req.get('cookie')).cart });

チャレンジ

簡単

POST /login は { _id: sid, userId } を sessions に保存し、randomBytes(24).toString('base64url') を使って sid Cookie を httpOnly に設定します。
GET /me は、そのセッションに対して { username } を返すか、401 と { "error": "Log in first" } を返します。

サインアップしてログインし、GET /me を送信してから、データを確認してください。

自分で試してみよう

import express from 'express';
import { parseCookies } from './cookies.js';
import { notes, 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' });
    }
    res.json({ username: 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', async (req, res) => {
    res.json(await notes.find().toArray());
});

app.post('/notes', async (req, res) => {
    const note = { 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');
});