Вивчай
· 3 хв читання
веб-розробкапочатківцям

Що таке хостинг і домен — як сайт виходить в інтернет

Будинок з поштовою адресою на світлій вулиці — метафора хостингу та доменуБудинок з поштовою адресою на світлій вулиці — метафора хостингу та домену

Ти зробив сайт на своєму комп'ютері — гарний, робочий. Але його бачиш тільки ти. Як зробити так, щоб на нього зайшла людина з іншого міста, просто ввівши адресу? Тут з'являються два слова, які часто плутають: хостинг і домен. Розберемо на одній аналогії — будинку.

Хостинг — це квартира для сайту

Твій сайт — це набір файлів. Щоб їх бачив увесь світ, вони мають лежати на комп'ютері, який увімкнений 24/7 і підключений до інтернету. Такий комп'ютер називають сервером, а оренду місця на ньому — хостингом.

Аналогія проста: хостинг — це квартира, де живе твій сайт. Ти орендуєш простір, і твої файли там «прописані» цілодобово. Вимикаєш свій ноутбук — сайт усе одно працює, бо він живе не в тебе, а на сервері.

Порада

Саме тому не можна «захостити» сайт на власному ноутбуці надовго: щойно ти його вимкнеш або закриєш кришку — сайт зникне для всіх. Сервери ж не сплять ніколи.

Домен — це адреса

Добре, файли лежать на сервері. Але сервер — це просто машина десь у дата-центрі, і в неї є лише незугарний числовий «номер» (IP-адреса), наприклад 142.250.203.110. Запам'ятати таке для кожного сайту — нереально.

Домен — це людська адреса, яку легко запам'ятати: vivchai.com.ua, google.com, youtube.com. Замість того щоб диктувати «сто сорок два крапка двісті п'ятдесят...», ти кажеш просту назву.

Аналогія: якщо хостинг — це квартира, то домен — це адреса на конверті. «Вулиця Шевченка, 12» замість «GPS-координати 50.4501, 30.5234».

DNS — це довідкова, що з'єднує одне з іншим

Лишається питання: звідки браузер знає, що vivchai.com.ua — це саме отой сервер із номером 142.250...? Цим займається DNS (Domain Name System) — гігантська телефонна книга інтернету.

Коли ти вводиш адресу, за лаштунками відбувається ось що:

  1. Ти пишеш vivchai.com.ua у браузері
  2. Браузер питає DNS: «а який IP у цієї адреси?»
  3. DNS відповідає: «ось цей сервер»
  4. Браузер стукає на сервер і отримує файли сайту
  5. Сторінка з'являється на екрані

І все це — за частки секунди. Докладніше про сам шлях даних інтернетом ми розповідаємо в уроці Як працює веб.

Інфо

Перший у світі домен .comsymbolics.com — зареєстрували ще 15 березня 1985 року. А саму систему DNS придумав Пол Мокапетріс у 1983-му: до неї відповідність «ім'я → адреса» зберігали в одному текстовому файлі, який вручну розсилали на всі комп'ютери. Уяви такий «інтернет» сьогодні.

Як усе складається докупи

Щоб твій сайт запрацював для світу, потрібні три речі:

ЩоРольАналогія
ХостингДе лежать файли сайтуКвартира
ДоменЛюдська адреса сайтуАдреса на конверті
DNSЗ'єднує адресу з квартироюДовідкова / пошта

Купуєш домен, береш хостинг, налаштовуєш DNS, щоб домен «показував» на хостинг — і сайт у мережі.

Спробувати безкоштовно

Хороша новина для початківця: щоб викласти перший сайт, платити не обов'язково. Сервіси на кшталт Netlify, Vercel чи GitHub Pages дають безкоштовний хостинг і навіть тимчасову адресу. А твій код для деплою зручно тримати в репозиторії на GitHub — звідти більшість таких сервісів публікують сайт автоматично.

Ми проходимо повний цикл — від коду до живого сайту в інтернеті — в уроці про деплой наприкінці курсу. А почати розуміти, як узагалі влаштований веб, можна зі статті Що таке веб-розробка.

Інфо

Для допитливих:

  • How DNS works (комікс) — DNS, пояснений милим коміксом англійською
  • Домени в зоні .ua та .com.ua реєструють українські реєстратори — це твоя адреса в українському сегменті мережі

Отже: хостинг — квартира, домен — адреса, DNS — довідкова, що їх зводить. Три прості цеглинки, і твій сайт стає доступним усьому світу. 🌍