Что такое Cookie и для чего они используются?

Определение Cookies

Cookies - это механизм хранения небольших фрагментов данных на стороне клиента, которые автоматически отправляются серверу при каждом запросе.

Основные характеристики

Хранение и передача

• Хранятся в браузере пользователя

• Автоматически включаются в HTTP-заголовки запросов

• Имеют ограничение размера (обычно 4KB на cookie)

• Могут иметь срок действия (expires/max-age)

Структура cookie

javascript

// Пример установки cookie
document.cookie = "username=John; expires=Thu, 18 Dec 2025 12:00:00 UTC; path=/";

// Основные параметры:
// - name=value: данные cookie
// - expires: срок действия
// - path: путь, для которого cookie действительна
// - domain: домен, для которого cookie действительна
// - secure: передача только по HTTPS
// - samesite: защита от CSRF-атак

Основные применения

Аутентификация и сессии

• Хранение токенов авторизации

• Идентификация пользователя между запросами

• Поддержание состояния входа в систему

Персонализация

• Сохранение пользовательских предпочтений

• Языковые настройки

• Тема оформления сайта

Отслеживание и аналитика

• Сбор статистики посещений

• A/B тестирование

• Ретаргетинг в рекламе

Безопасность cookies

Защищенные атрибуты

• HttpOnly: предотвращает доступ через JavaScript

• Secure: передача только по HTTPS

• SameSite: защита от CSRF-атак

Типы cookies

• Сессионные: удаляются при закрытии браузера

• Постоянные: хранятся до истечения срока

• Сторонние: с домена, отличного от текущего сайта

Работа с cookies в JavaScript

javascript

// Установка cookie
function setCookie(name, value, days) {
    const expires = new Date();
    expires.setTime(expires.getTime() + (days * 24 * 60 * 60 * 1000));
    document.cookie = `${name}=${value};expires=${expires.toUTCString()};path=/`;
}

// Чтение cookie
function getCookie(name) {
    const cookies = document.cookie.split(';');
    for (let cookie of cookies) {
        const [cookieName, cookieValue] = cookie.split('=');
        if (cookieName.trim() === name) {
            return cookieValue;
        }
    }
    return null;
}

Вывод: Cookies необходимы для создания персонализированных веб-приложений, но требуют внимательного отношения к безопасности и конфиденциальности пользователей.