Какие знаешь протоколы, кроме HTTP?

Сетевые протоколы помимо HTTP

Как Frontend Developer, я активно взаимодействую не только с HTTP (HyperText Transfer Protocol), но и с рядом других ключевых сетевых протоколов, которые лежат в основе современных веб-приложений и влияют на архитектуру, производительность и пользовательский опыт. Знание этих протоколов необходимо для понимания полного цикла передачи данных, отклика приложений и отладки сложных сценариев.

1. TCP/IP – фундаментальный стек

Это основа интернета. TCP (Transmission Control Protocol) обеспечивает надёжную, упорядоченную доставку потоков данных (например, для HTTP-запросов). IP (Internet Protocol) отвечает за маршрутизацию и адресацию пакетов.

// Например, когда браузер делает fetch(), под капотом работает TCP-соединение.
fetch('https://api.example.com/data')
  .then(response => response.json())
  .then(data => console.log(data));

2. UDP (User Datagram Protocol)

В отличие от TCP, UDP не гарантирует доставку и порядок пакетов, но работает быстрее и с меньшими накладными расходами. Критически важен для:

• Видеоконференций и VoIP (например, WebRTC частично использует UDP).
• Онлайн-игр, где важна минимальная задержка.
• DNS-запросов (хотя они могут использовать и TCP).

3. WebSocket

Протокол поверх TCP, обеспечивающий полнодуплексную (full-duplex) связь между клиентом и сервером по одному долгоживущему соединению. Широко используется в реальном времени:

// Пример установки WebSocket-соединения на клиенте
const socket = new WebSocket('wss://echo.websocket.org');

socket.addEventListener('message', (event) => {
  console.log('Получены данные:', event.data);
});

socket.send('Привет, сервер!');

Применение: чаты, уведомления, биржевые тикеры, онлайн-редакторы.

4. HTTP/2 и HTTP/3

Это эволюция HTTP. HTTP/2 вводит мультиплексирование запросов, приоритизацию и сжатие заголовков. HTTP/3 работает поверх QUIC (протокол на базе UDP), что ускоряет установку соединения и улучшает работу при потере пакетов. Эти протоколы напрямую влияют на скорость загрузки SPA.

5. DNS (Domain Name System)

Протокол преобразования доменных имён в IP-адреса. Понимание его работы помогает в диагностике проблем с доступностью ресурсов и оптимизации (например, предподключение DNS).

6. TLS/SSL (Transport Layer Security / Secure Sockets Layer)

Обеспечивает шифрование и аутентификацию для защищённых соединений (HTTPS). Знание handshake-процесса важно для настройки серверов и понимания производительности.

7. WebRTC (Web Real-Time Communication)

Набор протоколов и API для пиринговой (P2P) передачи аудио, видео и данных напрямую между браузерами, обходя центральный сервер. Использует комбинацию протоколов: SRTP (для медиа), SCTP (для данных), ICE, STUN, TURN (для установления соединения).

8. GraphQL over HTTP

Хотя GraphQL часто работает поверх HTTP, он представляет собой протокол запросов уровня приложения, альтернативный REST. Клиент точно определяет структуру требуемых данных.

9. SSH (Secure Shell)

Используется для безопасного удалённого доступа к серверам, что критично для деплоя и администрирования.

10. FTP / SFTP (File Transfer Protocol / SSH File Transfer Protocol)

Протоколы для передачи файлов. Могут использоваться в инструментах сборки для загрузки ассетов.

Практическое значение для Frontend:

• Выбор протокола влияет на UX: WebSocket для реального времени, HTTP/3 для скорости.
• Безопасность: понимание HTTPS/TLS необходимо для защиты пользовательских данных.
• Производительность: мультиплексирование в HTTP/2, быстрый старт в QUIC.
• Отладка: анализ проблем сети в DevTools требует понимания этих протоколов.

Например, при разработке интерактивной карты могут одновременно использоваться HTTP/2 для загрузки статики, WebSocket для обновлений маркеров в реальном времени и WebRTC для аудиосвязи между пользователями. Глубокое понимание протоколов позволяет архитектурно правильно выбирать инструменты и оптимизировать взаимодействие клиента с сетью.