Каждый раз, когда вы открываете сайт, отправляете сообщение, смотрите видео или покупаете что-то онлайн – за кулисами работает клиент-серверная модель. Это фундаментальный принцип, на котором построен весь современный интернет.

Звучит сложно? На самом деле концепция очень простая, и после этой статьи вы будете понимать, что происходит, когда вы вводите адрес сайта в браузере и нажимаете Enter. Разберём всё по шагам, с понятными примерами из жизни.

Что такое клиент-серверная модель?

Клиент-серверная модель – это способ организации работы программ, где есть две стороны:

• Клиент – тот, кто запрашивает информацию или услугу
• Сервер – тот, кто предоставляет эту информацию или услугу

Клиент отправляет запрос, сервер обрабатывает его и отправляет ответ. Всё просто: спросил – получил ответ. Запросил данные – получил данные.

Аналогия с рестораном

Помните аналогию с рестораном из прошлой статьи? Давайте продолжим:

• Вы (клиент) – приходите в ресторан, садитесь за столик, смотрите меню и делаете заказ официанту: "Принесите мне пасту карбонара и апельсиновый сок".
• Официант (посредник) – записывает ваш заказ и относит его на кухню.
• Кухня (сервер) – получает заказ, готовит блюдо, упаковывает и отдаёт официанту.
• Официант – приносит готовое блюдо вам на стол.
• Вы – получаете то, что заказали, и едите.

Точно так же работает интернет:

• Ваш браузер (клиент) – отправляет запрос: "Дай мне главную страницу сайта example.com".
• Интернет (посредник) – передаёт запрос на нужный сервер.
• Сервер – получает запрос, находит нужные данные, формирует HTML-страницу.
• Интернет – передаёт ответ обратно вашему браузеру.
• Браузер – получает данные и отображает красивую страницу на экране.

Кто такой клиент?

Клиент – это программа, которая запрашивает данные или услуги у сервера. В контексте веба клиент – это чаще всего браузер (Chrome, Safari, Firefox, Edge).

Что делает клиент?

• Инициирует запрос – вы вводите адрес сайта или нажимаете ссылку, браузер формирует запрос
• Отправляет запрос на сервер – через интернет
• Ждёт ответа – обычно это доли секунды
• Получает данные – HTML, CSS, JavaScript, изображения
• Обрабатывает и отображает – превращает код в красивую страницу, которую вы видите

Примеры клиентов

• Веб-браузер – самый распространённый клиент для сайтов
• Мобильное приложение – приложение Instagram на вашем смартфоне – это тоже клиент, который запрашивает данные с серверов Instagram
• Почтовая программа – Outlook, Thunderbird запрашивают письма с почтового сервера
• Игровой клиент – онлайн-игра на вашем компьютере общается с игровым сервером

Важно понять: клиент работает на вашем устройстве – компьютере, телефоне, планшете. Это ваша сторона взаимодействия.

Кто такой сервер?

Сервер – это мощный компьютер (или несколько компьютеров), который круглосуточно ждёт запросы от клиентов, обрабатывает их и отправляет ответы.

Что делает сервер?

• Слушает входящие запросы – постоянно ждёт, когда кто-то обратится
• Получает запрос от клиента – "дай главную страницу", "найди товары по запросу", "авторизуй пользователя"
• Обрабатывает запрос – выполняет нужные действия: ищет данные в базе, вычисляет что-то, формирует ответ
• Отправляет ответ клиенту – HTML-страницу, JSON с данными, файл для скачивания, сообщение об ошибке

Где находятся серверы?

Серверы физически находятся в специальных помещениях – дата-центрах. Это огромные залы, забитые серверными стойками, с мощным охлаждением (серверы греются) и бесперебойным питанием. Дата-центры могут быть где угодно в мире.

Когда вы открываете сайт, ваш запрос может улететь в дата-центр в другой стране, сервер там обработает его и отправит ответ обратно – и всё это за доли секунды.

Типы серверов

• Веб-сервер – отдаёт веб-страницы (Apache, Nginx)
• Сервер баз данных – хранит и выдаёт данные (MySQL, PostgreSQL)
• Почтовый сервер – обрабатывает отправку и получение email
• Файловый сервер – хранит файлы, к которым можно получить доступ
• Игровой сервер – обрабатывает игровую логику для онлайн-игр

Один физический сервер может выполнять несколько ролей одновременно.

Как происходит общение: запрос и ответ

Давайте пошагово разберём, что происходит, когда вы открываете сайт.

Шаг 1. Вы вводите адрес в браузере

Вы набираете в адресной строке: https://example.com и нажимаете Enter.

Шаг 2. Браузер формирует HTTP-запрос

Браузер создаёт HTTP-запрос – это специальное текстовое сообщение, которое содержит:

• Метод запроса – что нужно сделать (GET – получить данные, POST – отправить данные, и др.)
• Путь – какую страницу или ресурс запрашиваем (/ – главная, /about – страница "о нас")
• Заголовки – дополнительная информация (какой браузер, какие данные принимаем, cookies)

Пример HTTP-запроса:

GET / HTTP/1.1
Host: example.com
User-Agent: Mozilla/5.0 (Windows NT 10.0)
Accept: text/html

Шаг 3. Запрос отправляется через интернет

Запрос проходит через множество промежуточных устройств (роутеры, провайдеры) и находит путь к серверу, где размещён сайт example.com. Это происходит благодаря DNS (система доменных имён), которая преобразует понятное имя example.com в IP-адрес сервера (например, 192.168.1.1).

Шаг 4. Сервер получает запрос

Веб-сервер (например, Nginx) получает ваш запрос, анализирует его: "Клиент просит главную страницу сайта example.com".

Шаг 5. Сервер обрабатывает запрос

В зависимости от типа сайта происходит разное:

Статический сайт:

• Сервер находит готовый HTML-файл на диске (index.html)
• Считывает его содержимое
• Отправляет обратно клиенту

Динамический сайт:

• Сервер передаёт запрос серверному приложению (PHP, Python, Java)
• Приложение может сделать запрос к базе данных – получить список товаров, статей, информацию о пользователе
• Приложение собирает HTML-страницу "на лету", подставляя данные из базы
• Готовая страница отправляется обратно

Шаг 6. Сервер формирует HTTP-ответ

Сервер создаёт HTTP-ответ, который содержит:

• Статус ответа – всё ли в порядке (200 OK – успешно, 404 Not Found – страница не найдена, 500 Internal Server Error – ошибка на сервере)
• Заголовки – информация о типе данных, размере, кэшировании
• Тело ответа – сами данные (HTML-код страницы, изображение, JSON и т.д.)

Пример HTTP-ответа:

HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 1234

<html>
<head><title>Главная</title></head>
<body>
  <h1>Добро пожаловать!</h1>
</body>
</html>

Шаг 7. Ответ возвращается через интернет

HTTP-ответ идёт обратно через интернет к вашему браузеру по тому же пути.

Шаг 8. Браузер получает ответ

Браузер получает HTML-код, анализирует его и понимает: "Мне нужно ещё загрузить CSS-файл, JavaScript-файл, 5 изображений".

Шаг 9. Браузер отправляет дополнительные запросы

Для каждого внешнего ресурса (CSS, JS, изображения) браузер делает отдельный HTTP-запрос на сервер. Сервер отдаёт эти файлы. Так может быть 10, 20, 50 запросов для загрузки одной страницы.

Шаг 10. Браузер отображает страницу

Когда все ресурсы загружены, браузер:

• Разбирает HTML и строит структуру страницы (DOM-дерево)
• Применяет стили из CSS
• Выполняет JavaScript для интерактивности
• Отрисовывает финальную страницу на экране

Вы видите готовую страницу – и всё это произошло за 1-2 секунды!

Протокол HTTP: язык общения клиента и сервера

HTTP (HyperText Transfer Protocol) – это протокол, набор правил, по которым клиент и сервер общаются друг с другом. Это как общий язык, который они оба понимают.

Основные методы HTTP-запросов

• GET – получить данные (открыть страницу, загрузить изображение)
• POST – отправить данные на сервер (заполнить форму, загрузить файл)
• PUT – обновить существующие данные
• DELETE – удалить данные
• PATCH – частично изменить данные

Коды статуса HTTP-ответов

Сервер всегда возвращает код статуса, который говорит, как прошла обработка запроса:

2xx – Успех

• 200 OK – всё хорошо, вот ваши данные
• 201 Created – данные успешно созданы (например, новый пост в блоге)

3xx – Перенаправление

• 301 Moved Permanently – страница переехала на новый адрес навсегда
• 302 Found – временное перенаправление

4xx – Ошибка клиента

• 400 Bad Request – неправильный запрос
• 401 Unauthorized – нужна авторизация
• 403 Forbidden – доступ запрещён
• 404 Not Found – страница не найдена (самая известная ошибка)

5xx – Ошибка сервера

• 500 Internal Server Error – что-то сломалось на сервере
• 502 Bad Gateway – проблема с промежуточным сервером
• 503 Service Unavailable – сервер временно недоступен (перегрузка)

HTTPS: защищённая версия HTTP

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

Когда вы видите замочек в адресной строке браузера – это значит, что соединение защищено HTTPS. Сегодня это стандарт для всех серьёзных сайтов, особенно для магазинов и банков.

Преимущества клиент-серверной модели

1. Централизованное хранение данных

Все важные данные хранятся на сервере. Если у вас 1000 клиентов, вам не нужно обновлять данные на каждом устройстве – достаточно обновить на сервере, и все сразу увидят изменения.

2. Лёгкий клиент

Клиенту (браузеру) не нужно хранить огромные объёмы данных или выполнять сложные вычисления – он просто запрашивает готовые данные у сервера. Поэтому веб-приложения работают даже на слабых устройствах.

3. Безопасность

Важная бизнес-логика и данные находятся на сервере, где их можно защитить. Клиент видит только то, что ему разрешено видеть.

4. Масштабируемость

Если пользователей стало больше, можно добавить ещё серверов. Клиентам это не важно – они продолжают делать те же запросы, просто ответы обрабатываются несколькими серверами.

5. Обновления без перезагрузки

Обновили код на сервере – все пользователи сразу видят изменения. Не нужно обновлять приложение на устройстве каждого клиента.

Недостатки клиент-серверной модели

1. Зависимость от интернета

Если нет связи с сервером (нет интернета или сервер упал) – клиент не работает. Вы не можете открыть сайт, если нет соединения.

2. Нагрузка на сервер

Если одновременно обратятся 10 000 пользователей, сервер может не справиться и упасть. Нужны мощные серверы и балансировка нагрузки.

3. Задержки

Каждый запрос требует времени: отправить запрос → дождаться ответа. Если сервер находится далеко географически, задержка (latency) может быть заметной.

Современные вариации клиент-серверной модели

Peer-to-Peer (P2P)

Альтернатива клиент-серверу: каждый участник сети одновременно и клиент, и сервер. Используется в торрентах – вы скачиваете файл с других пользователей и одновременно раздаёте его другим.

Микросервисная архитектура

Вместо одного огромного сервера – множество маленьких серверов (микросервисов), каждый отвечает за свою задачу. Клиент общается с разными микросервисами для получения полной картины.

Serverless (бессерверная архитектура)

На самом деле серверы есть, но разработчику не нужно ими управлять. Код выполняется в облаке по требованию – пришёл запрос, запустился код, обработал, вернул ответ, выключился. Платите только за время выполнения.

WebSocket: постоянное соединение

В обычном HTTP каждый запрос – это отдельное соединение: открыли → отправили → получили → закрыли. В WebSocket соединение открывается один раз и остаётся активным. Сервер может сам отправлять данные клиенту без запроса. Используется в чатах, онлайн-играх, биржевых котировках.

Практический пример: что происходит при покупке в интернет-магазине

1. Вы открываете каталог товаров
   Клиент (браузер) → GET-запрос на сервер "дай список товаров" → Сервер обращается к базе данных → Возвращает JSON с товарами → Браузер отображает карточки товаров
2. Вы кладёте товар в корзину
   Клиент → POST-запрос "добавь товар ID 123 в корзину" → Сервер сохраняет в сессии пользователя или базе данных → Возвращает "успешно добавлено" → Браузер обновляет счётчик корзины
3. Вы оформляете заказ
   Клиент → POST-запрос с данными (адрес, телефон, способ оплаты) → Сервер проверяет наличие товара, рассчитывает стоимость, создаёт заказ в базе → Возвращает номер заказа и ссылку на оплату
4. Вы оплачиваете
   Клиент → перенаправление на сайт платёжной системы → Платёжная система → уведомление серверу магазина "оплата прошла" → Сервер меняет статус заказа на "оплачен" → Отправляет email-уведомление

Каждое действие – это цепочка запросов и ответов между клиентом и сервером.

Главное из статьи

• Клиент-серверная модель – основа современного интернета: клиент запрашивает, сервер отвечает
• Клиент – программа на вашем устройстве (браузер, приложение), инициирует запросы
• Сервер – мощный компьютер в дата-центре, обрабатывает запросы и отдаёт данные
• HTTP/HTTPS – протокол общения между клиентом и сервером
• Каждое действие на сайте – это серия запросов и ответов
• Модель имеет плюсы (централизация, безопасность) и минусы (зависимость от сети, задержки)
• Существуют альтернативы: P2P, микросервисы, serverless, WebSocket

Теперь вы понимаете фундаментальный принцип работы веба. В следующих статьях мы углубимся в детали: как устроены базы данных, что такое REST API, как работает балансировка нагрузки. А потом разберём на практике, как всё это реализовано в платформе Shop'n'SEO!