Ви могли замислюватися, як обробляються ваші запити та як завантажуються сторінки з даними залежно від URL-адреси, яку ви вводите у браузері. У цьому процесі нам допомагає протокол HTTP.

Що мається на увазі під клієнтом? У контексті HTTP клієнт — це програма або пристрій, який ініціює запити до сервера для отримання даних або ресурсів. Найчастіше клієнтом є веббраузер (наприклад, Chrome, Firefox або Safari), який ви використовуєте для доступу до вебсайтів.

Відповідь сервера може бути у різних форматах. Ви можете отримати HTML-сторінку, яку відобразить ваш браузер, або надсилати й отримувати інформацію у форматах JSON чи XML (про це ми поговоримо пізніше).

Приклад

Ось приклад із реального життя: Уявіть, що ви замовляєте їжу в ресторані. Ви (клієнт) робите замовлення у офіціанта (надсилаєте запит), а офіціант передає ваше замовлення на кухню (сервер). Потім кухня готує страву, і офіціант приносить її вам (відповідь).

У цьому прикладі ви — веббраузер, офіціант — це протокол HTTP, а кухня — це сервер, який обробляє запити та надсилає відповіді.

HTTP-методи

HTTP-методи визначають, які дії слід виконати над ресурсами на сервері. Основні методи включають:

GET

Використовується для отримання даних із сервера. Наприклад, коли відкривається веб-сторінка, ваш браузер надсилає GET-запит для завантаження її вмісту.

Уявіть, що ви приходите до бібліотеки та просите бібліотекаря (сервер) знайти книгу (ресурс). Бібліотекар підходить до полиці, знаходить книгу та повертає її вам.

Коли ви відкриваєте веб-сторінку, ваш браузер надсилає GET запит з "проханням" до сервера надати сторінку, так само як ви просите книгу в бібліотеці.

POST

Відправляє дані на сервер для створення нового ресурсу. Цей метод часто використовується для надсилання даних форми, таких як реєстраційні дані або коментарі.

Наприклад, ви подаєте заявку на отримання паспорта, і відповідний відділ створює новий запис на основі вашої інформації.

Аналогічно, коли ви надсилаєте дані через форму на вебсайті (наприклад, реєстраційні дані), запит POST надсилає ці дані на сервер для створення нового ресурсу.

PUT

Використовується для оновлення існуючих ресурсів на сервері. Цей метод дозволяє змінювати дані на сервері на основі наданої інформації.

Схоже на оновлення існуючого документа. У веб-контексті запит PUT використовується для заміни або оновлення існуючого ресурсу на сервері. Наприклад, можна оновити інформацію про профіль користувача.

DELETE

Використовується для видалення ресурсів із сервера. Наприклад, цей метод може застосовуватися для видалення облікового запису користувача або допису на форумі.

Уявіть, що компанія вирішує видалити застарілий контракт зі свого архіву. Співробітник знаходить документ і видаляє його з бази даних.

PATCH

Використовується для часткових оновлень ресурсу на сервері. На відміну від запиту PUT, який замінює весь ресурс, PATCH застосовується, коли потрібно змінити лише частину ресурсу.

Наприклад, якщо потрібно оновити електронну адресу користувача у його профілі, можна використати запит PATCH, щоб змінити лише поле email.

HEAD

Використовується для запиту лише заголовків ресурсу без отримання його вмісту.

У веб-контексті запит типу HEAD застосовується для отримання метаданих про ресурс. Наприклад, його можна використати для перевірки, чи була сторінка змінена з моменту останнього відвідування, або для перевірки наявності файлу на сервері перед його завантаженням.

Як це працює на практиці?

Запит

Коли ви вводите URL (codefinity.com) у рядок пошуку, ви очікуєте отримати у відповідь сторінку з інформацією.

Для відображення сторінки ваш браузер (клієнт) надсилає запит на сервер у такому форматі:

Це зображення ілюструє приклад HTTP-запиту, який клієнт (наприклад, браузер) надсилає на сервер. Запит використовує метод GET, який повідомляє серверу, що клієнт бажає отримати дані (у цьому випадку — головну сторінку /). Версія протоколу вказана як HTTP/1.1.

Заголовки містять додаткову інформацію: Host вказує, що запит спрямовано на сервер за адресою codefinity.com, User-Agent надає відомості про тип клієнта (браузер), який здійснює запит, а Accept-Language визначає бажану мову для відповіді — англійську. Оскільки це GET-запит, тіло відсутнє, оскільки немає потреби надсилати дані на сервер.

Відповідь

Після отримання запиту сервер надсилає HTTP-відповідь, яка також складається з кількох частин:

Це зображення демонструє приклад HTTP-відповіді, яку сервер надсилає клієнту. Перший рядок вказує на версію протоколу HTTP/1.1, підтверджуючи, що це та сама версія, яка використовувалася у запиті. Далі йде статус-код 200 OK, що означає, що запит був успішним і сервер повертає запитані дані.

Заголовки містять додаткову інформацію про контент, що надсилається. Наприклад, Content-Type: text/html; charset=UTF-8 вказує, що контент є HTML-документом, закодованим у UTF-8. Content-Length: 3056 означає розмір контенту в байтах, а Server: Apache/2.4.41 (Ubuntu) надає інформацію про вебсервер, який обробив запит.

Тіло відповіді містить фактичний HTML-код сторінки, що передається клієнту; у цьому випадку це простий HTML-документ із заголовком та вітальним повідомленням.