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

HyperText Transfer Protocol

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

HTTP — это протокол передачи данных, используемый для обмена информацией между клиентом и сервером в сети Интернет.

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

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

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

HTTP-запрос

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

HTTP метод: какое действие должен выполнить сервер при обработке запроса
URL адрес запрашиваемого ресурса или страницы
Заголовки: дополнительная информация о запросе, такая как тип браузера, язык и т.д.
Тело запроса (опционально): данные для передачи на сервер

HTTP-ответ

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

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

HTTP методы

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

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

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

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

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

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

метод                   заголовок                            URL адрес
  GET                  Accept-Language: ru                https://tester-today.com/protocols

Сервер обрабатывает запрос и возвращает 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 запрос на сервер для сохранения новой печеньки с пожеланием на складе:

Выберите HTTP-метод для создания
Введите новое пожелание в поле «Тело запроса»
Отправьте HTTP-запрос
Сервер должен вернуть ответ об успешном обновлении данных

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

URL адрес

HTTP метод

Тело запроса

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

100 Continue

200 OK

300 Multiple Choices

400 Bad Request

500 Internal Server Error