Ввод небезопасен
Часть раздела Аутентификация и безопасность путешествия по Node.js на Coddy. Урок 24 из 24.
Всё, что отправляет клиент, может быть написано злоумышленником. Тело запроса размером 50 МБ занимает вашу память. Заметка, содержащая <script>, выполняется как код в браузере у того, кто её просматривает: это межсайтовый скриптинг, XSS.
Ограничивайте принимаемые данные: у каждого парсера тела запроса Express есть параметр limit, а для тела большего размера возвращается ответ 413 «Слишком большой объём данных» до выполнения вашего маршрута. Храните текст точно в том виде, в каком он был отправлен, и экранируйте его при вставке в HTML, чтобы браузер показывал символы, а не выполнял их. В html.js есть escapeHtml.
app.use(express.urlencoded({ limit: '2kb' }));
escapeHtml('<img src=x onerror=steal()>');
// '<img src=x onerror=steal()>'Задание
ЛегкоСчитай всё, что отправляет клиент, потенциально написанным злоумышленником. Отклоняй запросы с слишком большими телами и сделай так, чтобы на странице заметок HTML от пользователей отображался как обычный текст, а не выполнялся.
- В
server.jsзадай для парсера JSON-тела в начале файла лимит 10 KB. Тогда для тела большего размера будет возвращаться статус 413 «Полезная нагрузка слишком велика» до запуска любого маршрута. Заметка длиной 9,000 символов должна по-прежнему сохраняться. - Импортируй
escapeHtmlиз./html.js. Эта функция превращает символы вроде<в<, чтобы браузер показывал их, а не выполнял. Она работает так же, какescapeHtml, с которой ты познакомился в Express Basics. - На странице по адресу
GET /пропускай текст каждой заметки и имя пользователя черезescapeHtml, прежде чем вставлять их в HTML. Сохраняй заметки именно в том виде, в каком они были отправлены. Экранируй текст только при вставке в HTML.
Попробуй: Нажми «Запустить». Отправь POST /signup, затем POST /login, в обоих случаях с {"username": "ada", "password": "correct horse"}. Отправь POST /notes с {"text": "<script>alert('hi')</script>"}: статус 201. Отправь GET /: список показывает <script>alert('hi')</script> как обычный текст, а в исходном коде страницы на месте тега находится <script>. Проверки также отправляют за тебя заметку длиной 11,000 символов и ожидают статус 413, поэтому вводить её вручную не нужно.
Попробуйте сами
import express from 'express';
import { ObjectId } from 'mongodb';
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.disable('x-powered-by');
app.use(express.json());
// Заголовки, которые предписывают браузеру осторожно обрабатывать каждый ответ.
app.use((req, res, next) => {
res.set({
'X-Content-Type-Options': 'nosniff',
'Referrer-Policy': 'no-referrer',
'Content-Security-Policy': "default-src 'self'",
});
next();
});
// Единственная учётная запись администратора. Её пароль берётся из переменной окружения.
await users.insertOne({ username: 'admin', role: 'admin', passwordHash: await hashPassword(process.env.ADMIN_PASSWORD) });
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, role: 'member', passwordHash: await hashPassword(password) });
res.status(201).json({ username });
});
// Неудачные попытки входа для каждого username: { count, since }.
const failures = new Map();
const WINDOW_MS = 60 * 1000;
app.post('/login', async (req, res) => {
const username = String(req.body.username ?? '').trim().toLowerCase();
let failed = failures.get(username);
if (failed && Date.now() - failed.since >= WINDOW_MS) {
failed = undefined;
}
if (failed && failed.count >= 5) {
res.set('Retry-After', String(Math.ceil((failed.since + WINDOW_MS - Date.now()) / 1000)));
return res.status(429).json({ error: 'Too many failed logins. Try again later.' });
}
const user = await users.findOne({ username });
if (!user || !(await verifyPassword(String(req.body.password ?? ''), user.passwordHash))) {
failures.set(username, { count: (failed?.count ?? 0) + 1, since: failed?.since ?? Date.now() });
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,
sameSite: 'lax',
secure: true,
maxAge: 24 * 60 * 60 * 1000,
});
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, role: user.role };
next();
}
// Возвращает ответ 403, если у вошедшего пользователя нет этой роли.
function requireRole(role) {
return (req, res, next) => {
if (req.user.role !== role) {
return res.status(403).json({ error: 'Not allowed' });
}
next();
};
}
app.get('/me', requireUser, (req, res) => {
res.json({ username: req.user.username });
});
app.post('/logout', async (req, res) => {
const { sid } = parseCookies(req.get('cookie'));
if (sid) {
await sessions.deleteOne({ _id: sid });
}
res.clearCookie('sid');
res.status(204).end();
});
// Ваши заметки в виде страницы.
app.get('/', requireUser, async (req, res) => {
const list = await notes.find({ owner: req.user.id }).toArray();
const items = list.map((note) => `<li>${note.text}</li>`).join('');
res.send(`<!doctype html><title>Vault</title><h1>${req.user.username}'s notes</h1><ul>${items}</ul>`);
});
// Заметки: каждый пользователь читает и записывает только свои.
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.get('/notes/:id', requireUser, async (req, res) => {
if (!ObjectId.isValid(req.params.id)) {
return res.status(404).json({ error: 'Note not found' });
}
const note = await notes.findOne({ _id: new ObjectId(req.params.id), owner: req.user.id });
if (!note) {
return res.status(404).json({ error: 'Note not found' });
}
res.json(note);
});
app.delete('/notes/:id', requireUser, async (req, res) => {
if (!ObjectId.isValid(req.params.id)) {
return res.status(404).json({ error: 'Note not found' });
}
const { deletedCount } = await notes.deleteOne({ _id: new ObjectId(req.params.id), owner: req.user.id });
if (!deletedCount) {
return res.status(404).json({ error: 'Note not found' });
}
res.status(204).end();
});
// Для администраторов: количество учётных записей.
app.get('/admin', requireUser, requireRole('admin'), async (req, res) => {
res.json({ users: await users.countDocuments() });
});
app.listen(3000, () => {
console.log('Vault is running on port 3000');
});
Все уроки раздела Аутентификация и безопасность
1Пароли
Байты и шестнадцатеричный текстПолучение ключа пароляНовая сольНикогда не храните паролиСравнение байтов ключаПроверка пароляПравила регистрации4Владельцы и безопасность
Только ваши заметкиРоли администратораПотренируйтесь самостоятельно: Песочница Express