Routes protégées par une connexion

Fait partie de la section Authentification et sécurité du Journey Node.js de Coddy. Leçon 11 sur 24.

Chaque route privée a besoin de la recherche de session de GET /me. Si tu la copies dans chaque route, tu finiras par l’oublier une fois, et cette route sera alors ouverte à tout le monde. Écris-la une seule fois sous forme de middleware.

Le middleware s’exécute avant la route. Lorsqu’il place quelque chose sur req, comme req.user, la route le récupère à cet endroit. Le _id d’un utilisateur est un ObjectId ; user._id.toHexString() le convertit en texte. Soit il répond et s’arrête, soit il place ce qu’il a trouvé sur req et appelle next(). Passe-le à chaque route qui en a besoin, avant le gestionnaire :

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

Le return est important : sans lui, la route s’exécuterait aussi.

Défi

Facile

Les notes sont toujours accessibles à tout le monde. Rendez-les privées : seul un utilisateur connecté peut lire ou ajouter des notes, et chaque utilisateur ne voit que les siennes.

Dans server.js, écrivez une fonction middleware requireUser(req, res, next). Déplacez-y la recherche de session depuis GET /me : lisez le cookie sid, trouvez la session, puis trouvez son utilisateur.
- S’il n’y a pas d’utilisateur correspondant, répondez avec le statut 401 et {"error": "Log in first"}, puis arrêtez-vous là.
- Sinon, ajoutez l’utilisateur à la requête sous la forme req.user, un objet avec deux champs, puis appelez next(). Ces deux champs sont id, le _id de l’utilisateur sous forme de texte, et username. La méthode toHexString() d’un ObjectId renvoie sa représentation textuelle, comme "66f1c2a9e4b0a1b2c3d4e5f6".
Passez requireUser à GET /me, GET /notes et POST /notes, avant la fonction propre à chaque route. GET /me répond alors avec {"username": "ada"}, obtenu depuis req.user.
Dans POST /notes, enregistrez chaque note avec un champ owner contenant req.user.id. La réponse est la nouvelle note : {"owner": "66f1c2a9e4b0a1b2c3d4e5f6", "text": "Door code 1234", "_id": "66f1c2b0e4b0a1b2c3d4e5f7"}
Dans GET /notes, renvoyez uniquement les notes dont le champ owner correspond à l’utilisateur connecté.

À essayer : Appuyez sur « Exécuter ». Envoyez GET /notes : statut 401 et {"error": "Log in first"}. Envoyez POST /signup, puis POST /login, avec {"username": "ada", "password": "correct horse"} pour les deux. Envoyez POST /notes avec {"text": "Door code 1234"} : statut 201 et la note avec son champ owner. Envoyez GET /notes : une liste contenant cette note. Inscrivez-vous et connectez-vous maintenant avec {"username": "bob", "password": "correct horse"}. GET /notes renvoie [], car bob n’a rien écrit.

Essayez vous-même

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

// Compte le nombre de fois que ce navigateur a appelé 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 });
});

// Notes. Pour l’instant, tout le monde peut les lire et en écrire.
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');
});

Testez-vous

Cette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.

Toutes les leçons de Authentification et sécurité

Entraînez-vous par vous-même : Playground Express