Протокол передачи данных HTTP

HyperText Transfer Protocol

[ базовые знания ]

Протокол HTTP определяет правила обмена информацией между клиентом и сервером в сети Интернет.

Каждый раз открывая браузер и вводя адрес веб-сайта, мы отправляем HTTP-запрос на сервер.

Сервер в свою очередь возвращает нам HTTP-ответ с содержимым запрашиваемой страницы.

HTTP-запрос и HTTP-ответ

HTTP-запрос

HTTP-запрос включает в себя:

HTTP метод – действие, которое должен выполнить сервер при обработке запроса

URL адрес – путь к ресурсу или странице

Заголовки – информация о клиенте: язык, браузер и пр.

Тело запроса – данные, отправляемые на сервер (опционально)

HTTP-ответ

HTTP-ответ содержит:

Статус ответа – код, информирующий о результате выполнения запроса (например, 404 Not Found)

Заголовки – информация об ответе: тип содержимого (например, текст, изображение), дата и пр.

Тело ответа – данные, возвращаемые клиенту (например, веб-страница)

HTTP методы

HTTP метод определяет какого рода действие выполнит сервер при обработке запроса.

Метод	Что сделать?	Пример
GET	Получить	Вернуть веб-страницу
POST	Создать	Создать нового пользователя при регистрации
PUT	Обновить/Создать	Обновить настройки пользователя, если настройки не существуют — создать
PATCH	Обновить частично	Сменить пароль в профиле
DELETE	Удалить	Удалить профиль пользователя

Также есть несколько служебных HTTP методов

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

Клиент отправляет HTTP-запрос на получение страницы

HTTP метод GET

URL адрес https://tester-today.com/protocols

Заголовок Accept-Language: ru

Сервер обрабатывает запрос и возвращает HTTP-ответ

Статус ответа 200 OK

Заголовок Content-Type: text/html

Тело ответа Содержимое страницы в формате HTML

Таким образом происходит обмен информацией между клиентом и сервером по протоколу HTTP.

DevTools

Инструменты разработчика

DevTools — это встроенные инструменты браузера для отладки и тестирования сетевых запросов.

Посмотрите подробности запроса, который выполняется при открытии текущей страницы "protocols".

Откройте DevTools:
- Windows/Linux — F12 или Ctrl + Shift + I
- macOS — F12 или Cmd + Option + I
Перейдите во вкладку Network
Обновите текущую страницу
Выберите запрос с именем protocols

Задача

Отправьте HTTP запрос на сервер для сохранения новой печеньки с пожеланием на складе:

Укажите URL адрес
https://www.tester-today.com/secret-storage
Выберите HTTP метод для создания
Введите новое пожелание в поле Тело запроса
Отправьте HTTP-запрос
Сервер обработает запрос и вернет ответ

Изучите детали запроса и ответа в DevTools → Network.

URL адрес

HTTP метод

Тело запроса

Какой HTTP-статус ответа вернул сервер?

100 Continue

200 OK

300 Multiple Choices

400 Bad Request

500 Internal Server Error

HEAD	Получить только заголовки
OPTIONS	Получить поддерживаемые сервером методы
TRACE	Диагностировать путь запроса
CONNECT	Создать туннель между клиентом и сервером