로그인 후에만 접근 가능한 경로

Coddy Node.js 여정의 인증과 보안 섹션에 포함된 레슨. 24개 중 11번째.

모든 비공개 경로에는 GET /me의 세션 조회가 필요합니다. 이를 각 경로에 복사해 넣으면 한 번은 빠뜨리게 되고, 그러면 해당 경로가 모든 사람에게 열리게 됩니다. 대신 미들웨어로 한 번만 작성하세요.

미들웨어는 경로보다 먼저 실행됩니다. 미들웨어가 req에 req.user 같은 값을 넣으면 경로는 거기서 값을 읽습니다. 사용자의 _id는 ObjectId이며, user._id.toHexString()을 사용하면 텍스트로 얻을 수 있습니다. 미들웨어는 응답을 보내고 처리를 끝내거나, 찾은 값을 req에 넣고 next()를 호출합니다. 이를 필요한 각 경로에 핸들러보다 먼저 전달하세요.

function requireAdult(req, res, next) {
    if (Number(req.query.age) < 18) {
        return res.status(403).json({ error: 'Adults only' });
    }
    req.adult = true;
    next();
}

app.get('/wines', requireAdult, (req, res) => res.json(wines));

return이 중요합니다. 이것이 없으면 경로도 실행됩니다.

챌린지

쉬움

메모는 여전히 누구나 볼 수 있습니다. 비공개로 만드세요. 로그인한 사용자만 메모를 읽거나 추가할 수 있고, 각 사용자는 자신의 메모만 볼 수 있습니다.

server.js에서 미들웨어 함수 requireUser(req, res, next)를 작성하세요. GET /me에서 세션을 조회하는 부분을 이 함수로 옮기세요. sid 쿠키를 읽고, 세션을 찾은 다음, 해당 세션의 사용자를 찾으세요.
- 해당 사용자가 없으면 상태 코드 401과 {"error": "Log in first"}를 응답하고, 거기서 처리를 멈추세요.
- 그렇지 않으면 두 개의 필드가 있는 객체인 req.user로 사용자를 요청에 넣은 다음 next()를 호출하세요. 두 필드는 id와 username입니다. id는 사용자의 _id를 텍스트로 나타낸 값입니다. ObjectId의 toHexString() 메서드는 "66f1c2a9e4b0a1b2c3d4e5f6"처럼 텍스트를 반환합니다.
각 라우트의 함수보다 앞에 requireUser를 GET /me, GET /notes, POST /notes에 전달하세요. 그러면 GET /me는 req.user에서 가져온 {"username": "ada"}를 응답합니다.
POST /notes에서 각 메모를 저장할 때 req.user.id를 값으로 갖는 owner 필드를 포함하세요. 응답은 새 메모입니다. {"owner": "66f1c2a9e4b0a1b2c3d4e5f6", "text": "Door code 1234", "_id": "66f1c2b0e4b0a1b2c3d4e5f7"}
GET /notes에서는 owner가 로그인한 사용자인 메모만 반환하세요.

직접 해 보기: ‘플레이’를 누르세요. GET /notes를 보내면 상태 코드 401과 {"error": "Log in first"}가 반환됩니다. {"username": "ada", "password": "correct horse"}를 사용해 POST /signup을 보낸 다음 POST /login을 보내세요. {"text": "Door code 1234"}를 사용해 POST /notes를 보내면 상태 코드 201과 owner가 포함된 메모가 반환됩니다. GET /notes를 보내면 해당 메모 하나가 담긴 목록이 반환됩니다. 이제 {"username": "bob", "password": "correct horse"}를 사용해 가입하고 로그인하세요. bob은 아무 메모도 작성하지 않았으므로 GET /notes는 []를 반환합니다.

직접 해보기

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 });
});

app.get('/me', async (req, res) => {
    const { sid } = parseCookies(req.get('cookie'));
    const session = sid && (await sessions.findOne({ _id: sid }));
    if (!session) {
        return res.status(401).json({ error: 'Log in first' });
    }
    const user = await users.findOne({ _id: session.userId });
    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');
});