Menu
CoddyTech

Rotas protegidas por login

Parte da seção Autenticação e segurança do Journey de Node.js da Coddy. Lição 11 de 24.

Cada rota privada precisa da consulta da sessão feita por GET /me. Se essa consulta for copiada para cada rota, uma delas acabará sendo esquecida, e essa rota ficará aberta para todos. Em vez disso, escreva-a uma vez como middleware.

O middleware é executado antes da rota. Quando coloca algo em req, como req.user, a rota lê esse dado dali. O _id de um usuário é um ObjectId; user._id.toHexString() o retorna como texto. O middleware responde e para, ou coloca em req o que encontrou e chama next(). Passe-o para cada rota que precisar dele, antes do handler:

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

O return é importante: sem ele, a rota também seria executada.

challenge icon

Desafio

Fácil

As notas ainda estão disponíveis para todos. Torne-as privadas: somente um usuário conectado pode ler ou adicionar notas, e cada usuário vê apenas as próprias notas.

  1. Em server.js, escreva uma função de middleware requireUser(req, res, next). Mova a busca da sessão de GET /me para ela: leia o cookie sid, encontre a sessão e, em seguida, encontre o usuário correspondente.
    • Se não houver esse usuário, responda com o status 401 e {"error": "Log in first"} e pare por aí.
    • Caso contrário, coloque o usuário na requisição como req.user, um objeto com dois campos, e depois chame next(). Os dois campos são id, o _id do usuário convertido em texto, e username. O método toHexString() de um ObjectId retorna seu texto, como "66f1c2a9e4b0a1b2c3d4e5f6".
  2. Passe requireUser para GET /me, GET /notes e POST /notes, antes da função própria de cada rota. GET /me então responde com {"username": "ada"}, lido de req.user.
  3. Em POST /notes, salve cada nota com um campo owner contendo req.user.id. A resposta é a nova nota: {"owner": "66f1c2a9e4b0a1b2c3d4e5f6", "text": "Door code 1234", "_id": "66f1c2b0e4b0a1b2c3d4e5f7"}
  4. Em GET /notes, retorne apenas as notas cujo campo owner corresponde ao usuário conectado.

Experimente: pressione Executar. Envie GET /notes: status 401 e {"error": "Log in first"}. Envie POST /signup e, em seguida, POST /login, ambos com {"username": "ada", "password": "correct horse"}. Envie POST /notes com {"text": "Door code 1234"}: status 201 e a nota com seu owner. Envie GET /notes: uma lista contendo essa única nota. Agora, cadastre-se e faça login com {"username": "bob", "password": "correct horse"}. GET /notes retorna [], porque bob não escreveu nada.

Experimente você mesmo

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

// Conta quantas vezes este navegador acessou 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 });
});

// Notas. Por enquanto, qualquer pessoa pode lê-las e escrevê-las.
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');
});
quiz iconTeste seus conhecimentos

Esta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.

Todas as lições de Autenticação e segurança

Pratique por conta própria: Playground de Express