Настройка защиты от XSS: аудит, CSP, санитизация ввода

Представьте: ваш интернет-магазин принимает отзывы, и через поле комментария злоумышленник внедряет скрипт, который отправляет куки всех посетителей на свой сервер. Или ваша CMS сохраняет статью с вредоносным JavaScript в тело страницы, и каждый, кто её открывает, рискует потерять сессию. По данным OWASP Top 10, XSS входит в топ-3 наиболее критичных уязвимостей веб-приложений, а средний ущерб от одной атаки оценивается в $20 000. Мы более 5 лет занимаемся безопасностью и за это время провели более 50 аудитов. Наша задача — выстроить многоуровневую защиту: от санитизации ввода до настройки заголовков безопасности. Закажите аудит — мы подготовим детальный отчёт и roadmap исправлений.

Что такое XSS и какие типы существуют?

XSS (Cross-Site Scripting) — это атака, при которой злоумышленник внедряет в страницу вредоносный JavaScript. Три основных типа:

• Reflected XSS — нагрузка передаётся через URL-параметры и немедленно отображается на странице. Пример: https://example.com/search?q=<script>alert(document.cookie)</script>.
• Stored XSS — нагрузка сохраняется в базе данных (комментарии, профиль пользователя) и выполняется у каждого, кто просматривает страницу.
• DOM-based XSS — нагрузка обрабатывается JavaScript на клиентской стороне без участия сервера. Опасен тем, что серверные фильтры его не видят.

Каждый тип требует своего подхода к защите. Подробнее о типах: Cross-site scripting.

Как работает экранирование вывода?

Основной инструмент защиты — контекстное экранирование при выводе данных. Рассмотрим популярные стеки.

// PHP/Blade (Laravel) — автоматическое экранирование
{{ $userInput }}  {{-- & < > " ' --}}
{!! $trustedHtml !!}  {{-- только для доверенного контента --}}

// Безопасная установка cookie
setcookie('session', $value, [
    'httponly' => true,
    'secure'   => true,
    'samesite' => 'Strict'
]);

// Валидация на входе (Laravel)
$validated = $request->validate([
    'name'    => 'required|string|max:255|regex:/^[a-zA-Zа-яёА-ЯЁ\s\-]+$/u',
    'website' => 'nullable|url',
    'comment' => 'required|string|max:5000',
]);

// React — JSX экранирует по умолчанию
<div>{userInput}</div>
// Опасно — только с санированным HTML
<div dangerouslySetInnerHTML={{ __html: sanitizedHtml }} />

// Vue — автоматическое экранирование
<span>{{ userInput }}</span>
// Опасно — v-html без санизации
<span v-html="userInput"></span>

// DOMPurify — санация для WYSIWYG
import DOMPurify from 'dompurify';
const cleanHtml = DOMPurify.sanitize(userInput, {
  ALLOWED_TAGS: ['b', 'i', 'em', 'strong', 'a', 'p', 'ul', 'li'],
  ALLOWED_ATTR: ['href', 'target'],
  ALLOW_DATA_ATTR: false,
});

# Nginx — заголовки безопасности
add_header X-Content-Type-Options "nosniff" always;
add_header X-Frame-Options "DENY" always;

# Флаги для Set-Cookie
proxy_cookie_path / "/; HttpOnly; Secure; SameSite=Strict";

Санирование HTML-контента

Если пользователи могут вводить форматированный текст (WYSIWYG-редакторы), нужна библиотека санирования. На сервере (PHP) используем HTMLPurifier:

$config = HTMLPurifier_Config::createDefault();
$config->set('HTML.Allowed', 'b,i,em,strong,a[href|title],p,ul,li');
$purifier = new HTMLPurifier($config);
$clean = $purifier->purify($userInput);

DOMPurify на клиенте блокирует 95% XSS-угроз по сравнению с 60% у самописных фильтров. Мы используем оба подхода для максимальной защиты.

Что такое CSP и как он работает?

CSP (Content Security Policy) — это HTTP-заголовок, который не позволяет браузеру исполнять неавторизованные скрипты. Мы настраиваем политику под ваш проект: разрешаем только свои домены, блокируем eval(), запрещаем инлайн-скрипты. Это снижает риск DOM-based XSS до нуля. В одном проекте CSP предотвратил атаку, когда злоумышленник смог внедрить скрипт через сторонний виджет — политика просто заблокировала его выполнение. В сочетании с экранированием вывода CSP обеспечивает 99% защиты против 70% при использовании только экранирования. Подробнее: Content Security Policy.

Почему экранирования вывода недостаточно? Опасные DOM-паттерны

Экранирование вывода — базовая защита, но она не спасает от DOM-based XSS, когда уязвимость кроется в клиентском коде. Например, паттерны с innerHTML, eval, setTimeout со строковым аргументом остаются опасными. Поэтому мы всегда используем комплексный подход: экранирование, санитизация ввода и CSP.

// Опасно
document.getElementById('output').innerHTML = location.hash.slice(1);
eval(userData);
setTimeout(userCallback, 1000); // если userCallback — строка

// Безопасно
document.getElementById('output').textContent = location.hash.slice(1);

Особого внимания требуют: innerHTML, outerHTML, document.write, eval, Function(), setTimeout/setInterval со строковыми аргументами.

Как тестировать DOM-based XSS?

Используйте сканеры и ручное тестирование:

• OWASP ZAP — автоматический сканер
• Burp Suite Community — ручное тестирование
• DOM XSS Scanner — расширение браузера
• В браузере DevTools: вкладка Security, проверка CSP-заголовков

Также мы проводим code review и запускаем динамический анализ. Это позволяет обнаружить до 95% уязвимостей до выхода в продакшен.

Сравнение методов защиты

На практике комбинация экранирования + CSP + HttpOnly cookie закрывает 99% XSS-векторов. Оставшийся 1% — это, как правило, zero-day в браузере, которые мы отслеживаем через мониторинг.

Что входит в работу и этапы

Свяжитесь с нами для консультации — мы оценим ваш проект и предложим оптимальный план защиты. Закажите аудит уже сегодня и получите детальный отчёт с roadmap исправлений. Мы гарантируем снижение вероятности успешной XSS-атаки до менее 1%.

Безопасность веб-приложений: HTTPS, CSP, XSS, CSRF, WAF, защита от DDoS

Взлом сайта редко выглядит как в кино. Чаще это: бот нашёл endpoint /admin/export без авторизации, скачал базу клиентов, закрыл соединение. Или: через устаревший плагин WordPress залил веб-шелл, теперь сервер рассылает спам. Или тише: XSS в поле комментария позволяет красть session cookies администраторов, и никто не замечает месяцами. Мы такие случаи разбирали десятками — каждый раз уязвимость можно было закрыть на этапе разработки или аудита.

Безопасность веб-приложений — не одна настройка. Это слои защиты, каждый из которых закрывает отдельный класс атак. Закажите аудит — оценим проект и дадим план работ под ключ за 2–4 недели.

HTTPS и правильная конфигурация TLS

HTTPS — минимальный обязательный уровень. Но «есть SSL-сертификат» и «правильно настроен TLS» — разные вещи.

В конфигурации Nginx/Apache проверяем:

• Протоколы: только TLS 1.2 и TLS 1.3, SSLv3 и TLS 1.0/1.1 — отключены
• Cipher suites: предпочитать ECDHE (Forward Secrecy), убрать NULL, RC4, DES, 3DES
• HSTS (Strict-Transport-Security: max-age=31536000; includeSubDomains; preload) — браузер больше не делает незащищённых запросов
• OCSP Stapling — ускоряет проверку отзыва сертификата
• Redirect 301 с HTTP на HTTPS — и в конфиге сервера, и в коде (двойной редирект = потеря SEO-веса)

Проверка: SSL Labs (ssllabs.com/ssltest) должен показывать A или A+. Если B — конфигурация слабая.

Let's Encrypt + Certbot для продакшена — стандарт. Автоматическое обновление через certbot renew в cron. Wildcard-сертификат для поддоменов через DNS-01 challenge.

Content Security Policy: самая мощная и самая сложная защита

CSP — HTTP-заголовок, который говорит браузеру, откуда разрешено загружать ресурсы. Правильно настроенный CSP полностью блокирует большинство XSS-атак, даже если уязвимость есть в коде.

Проблема: сломать сайт неправильным CSP проще простого. default-src 'none' — и перестают работать шрифты, картинки, JS. Поэтому начинаем с Content-Security-Policy-Report-Only — CSP логирует нарушения, но ничего не блокирует. Смотрим репорты 2–4 недели, дорабатываем политику, потом переключаем на боевой режим.

Пример реальной политики для сайта с Google Analytics, Google Fonts и Stripe:

Content-Security-Policy:
  default-src 'self';
  script-src 'self' https://www.googletagmanager.com https://js.stripe.com 'nonce-{random}';
  style-src 'self' https://fonts.googleapis.com 'unsafe-inline';
  font-src 'self' https://fonts.gstatic.com;
  frame-src https://js.stripe.com;
  img-src 'self' data: https://www.google-analytics.com;
  connect-src 'self' https://api.stripe.com https://www.google-analytics.com;
  report-uri /csp-report;

nonce — случайная строка, генерируется на сервере для каждого запроса. Inline-скрипты с правильным nonce разрешены, без nonce — заблокированы. Это ломает XSS через <script>alert(1)</script> полностью.

'unsafe-inline' в style-src — компромисс для inline-стилей. Лучше убрать, перенеся все стили в CSS-файлы, но это требует рефакторинга.

Почему XSS остаётся самой частой уязвимостью?

XSS (Cross-Site Scripting) — инъекция JS-кода через пользовательский ввод. По статистике OWASP, XSS входит в топ-3 уязвимостей веб-приложений. Три типа:

Защита: никогда не вставлять пользовательский ввод в HTML без эскейпинга. В PHP — htmlspecialchars() с ENT_QUOTES. В Blade-шаблонах Laravel — {{ $var }} безопасен, {!! $var !!} — опасен. В React — {variable} безопасен, dangerouslySetInnerHTML — опасен. Для Rich Text — htmlpurifier на PHP или DOMPurify в браузере.

CSRF: защита форм и API

CSRF (Cross-Site Request Forgery) — злоумышленник заставляет браузер жертвы отправить запрос от её имени. Пример: пользователь авторизован в банке, открывает вредоносную страницу, она делает fetch('https://bank.ru/transfer?to=evil&amount=50000') — если банк не защищён, деньги уходят.

CSRF-токены — стандартная защита для форм: сервер генерирует случайный токен, хранит в сессии, вставляет в форму как hidden field. При POST-запросе токен сверяется. Злоумышленник не знает токен. Laravel делает это автоматически через @csrf.

SameSite cookies — современная защита: SameSite=Strict или SameSite=Lax запрещает браузеру отправлять cookie в cross-site запросах. Работает во всех современных браузерах.

API без сессий (JWT, Bearer tokens) — CSRF неактуален, если токен не хранится в cookie (а в Authorization header или localStorage). Но localStorage уязвим к XSS — поэтому для чувствительных данных предпочтительны HttpOnly cookies с SameSite.

WAF и защита от DDoS

WAF (Web Application Firewall) — фильтрует HTTP-трафик на предмет атак: SQL injection, XSS, path traversal, известные exploit patterns. Варианты:

• Cloudflare WAF — облачный, правила OWASP Top 10 из коробки, кастомные правила через выражения. Managed Rules автоматически блокируют новые угрозы.
• ModSecurity (Nginx/Apache) — self-hosted, OWASP Core Rule Set (CRS). Гибко, но требует настройки и мониторинга ложных срабатываний.
• AWS WAF — для инфраструктуры на AWS, интегрируется с CloudFront и ALB.

DDoS-защита. Cloudflare на уровне L3/L4/L7 — де-факто стандарт для большинства сайтов. Автоматическое смягчение volumetric атак, Under Attack Mode при активной атаке. Для критичной инфраструктуры — Cloudflare Magic Transit или специализированные решения (Qrator, StormWall для российского рынка).

Rate Limiting на уровне приложения — дополнительный слой. Laravel ThrottleRequests middleware: 60 запросов в минуту на IP для общих endpoint, 5 — для /login и /password/reset. Redis как хранилище счётчиков — обязательно для горизонтально масштабируемых систем (иначе лимиты не синхронизируются между серверами).

Другие обязательные меры

Заголовки безопасности. Помимо CSP: X-Frame-Options: DENY (защита от clickjacking), X-Content-Type-Options: nosniff (MIME sniffing), Referrer-Policy: strict-origin-when-cross-origin, Permissions-Policy (ограничение доступа к API браузера: камера, микрофон, геолокация).

SQL injection. Prepared statements везде. Никаких конкатенаций пользовательского ввода в SQL-строки. ORM (Eloquent, Doctrine) защищает по умолчанию. $wpdb->prepare() в WordPress — обязательно.

Обновления зависимостей. composer audit и npm audit — в CI/CD пайплайн. Dependabot или Renovate для автоматических PR с обновлениями. Критичные CVE — патчить в течение 24 часов.

Секреты и конфигурация. .env — никогда в Git. Секреты в production — через переменные окружения CI/CD (GitHub Secrets, GitLab CI Variables) или HashiCorp Vault. Проверка на утечки: git-secrets, truffleHog в pre-commit hooks.

Как мы работаем

1. Аудит — сканирование кода, конфигураций, зависимостей, ручная проверка бизнес-логики.
2. Проектирование — план устранения уязвимостей, подбор стека (CSP, WAF, rate limiting).
3. Реализация — настройка TLS, CSP, заголовков, внедрение Rate Limiting, WAF.
4. Тестирование — повторный пентест, нагрузочное тестирование, проверка ложных срабатываний.
5. Деплой и мониторинг — включение боевого CSP, настройка алертов, обучение команды.

Что входит в работу

• Отчёт с найденными уязвимостями и рекомендациями (PDF + code snippets)
• Готовая конфигурация TLS (Nginx/Apache)
• Политика CSP с режимом Report-Only и боевой версией
• Настройка WAF и Rate Limiting
• План обновлений зависимостей
• Доступы к инструментам мониторинга (Sentry, Datadog)
• 30 дней постаудит-поддержки (консультации, правки)

Сроки и стоимость

Бюджет рассчитывается индивидуально — напишите нам, чтобы оценить проект.