Операційні системи, Linux і твій сервер

Сьогодні твоя сторінка вперше з’явиться в інтернеті — на справжньому сервері

Модуль I · IT Skills (Cloud Services & Design) · наскрізний проєкт STARTUP LAUNCH · 120 хвилин

Наступні 14 уроків — один продукт: сайт з однієї сторінки за твоєю адресою.

Три слова. VPS — орендований комп’ютер, який працює цілодобово. Лендинг — одна сторінка про продукт. Сабдомен — твоя адреса всередині шкільної: 91.219.61.4/s/твій-логін.

Сьогодні ти отримуєш логін і пароль до сервера 91.219.61.4 і кладеш туди файл index.html. Цей файл ти добудовуєш усі 14 уроків і показуєш журі на Demo Day.

Сервер, адреса 91.219.61.4/s/<логін> і WinSCP для заливки файлів — це інфраструктура. Усі три ти отримаєш сьогодні.

Після уроку ти вмієш

• заходити на сервер по ssh і міняти пароль;
• відрізняти www/ (бачить інтернет) від data/ (бачиш тільки ти);
• заливати index.html по SFTP і відкривати 91.219.61.4/s/<логін>;
• рахувати вартість сторінки в доларах за місяць і за рік;
• обирати між хостингом, VPS і хмарою й пояснювати вибір.

SSH, SFTP і uptime розберемо тоді, коли знадобляться.

Хід уроку

Операційна система: хто керує комп’ютером

Програма не керує залізом напряму — вона просить систему

Програма не звертається до диска чи мережі сама. Вона просить ядро (kernel) — центральну частину операційної системи.

Такий запит називається системний виклик: open відкриває файл, read читає, write записує.

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

У Windows процеси показує диспетчер завдань, у Linux — команда ps.

Вивід ілюстративний: числа й імена свої.

Linux і Windows: вісім відмінностей, які ти помітиш одразу

Що ламається, коли переносиш звички з Windows на сервер

Обидві системи керують обладнанням. Windows роблять під людину з мишею, Linux — під машину без монітора.

Три причини тримати сервер на Linux.

Ліцензія. Linux безкоштовний на будь-якій кількості машин.

Налаштування — текстові файли. Відкрив редактором, повторив на іншій машині слово в слово.

Робота без графіки. У дата-центрі немає ні монітора, ні клавіатури.

Через текстові конфіги сервер піднімають одним скриптом.

Навіщо продукту власний сервер

Питання не в тому, де швидше зробити сторінку, а що лишиться твоїм через рік

Лендинг на безкоштовному конструкторі — п’ятнадцять хвилин. Свій домен і сервер — кілька доларів на місяць. Різниця видно, коли платформа піднімає тариф, вмикає рекламу або закривається.

Три речі, які ти отримуєш разом із власним сервером

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

Дані. Заявки з форми уроку 11 у чужій базі забрати можна не завжди.

Можливість перенести. Продукт твій настільки, наскільки тобі належать домен і файли. Поки домен твій, сервер міняєш будь-коли.

Три способи розмістити сайт в інтернеті

Що більше налаштовуєш сам, то більше й відповідаєш

Спільний хостинг. Тека для файлів і панель керування. Систему й оновлення тримає провайдер. Root і термінала не дадуть.

VPS (virtual private server) — ціла віртуальна машина. Систему, вебсервер і сертифікат HTTPS ставиш і оновлюєш сам. Зате маєш root: користувача з повними правами. На VPS працює наш шкільний сервер.

Хмара (cloud) — окремі послуги: сховище, база даних, обчислення. Потужність зростає під навантаження, рахунок наперед невідомий.

Хостинг — коли треба швидко. VPS — коли треба своє. Хмара — коли навантаження стрибає.

Скільки коштує тримати продукт онлайн

П’ять витрат, які треба знати напам’ять: про них питають на Demo Day

Перше питання інвесторів і журі: «Скільки коштує ваш продукт?»

«Недорого» — не відповідь. Відповідь — це число з розбивкою по рядках, зібране з відкритих прайсів.

Калькулятор вартості твого продукту

Обери сервер, домен, пошту, резервні копії. Калькулятор покаже витрати на місяць і на рік та кількість продажів, після якої заробіток дорівнює витратам.

Рядок fixed_costs скопіюй у ~/notes/costs.md: він потрібен у analytics.html на уроці 4 і на Demo Day.

Скільки коштують години простою

Uptime — це частка часу, коли сайт доступний

Різниця між 99 % і 99,9 % на слух мала, а в годинах простою — майже вдесятеро. Дивись таблицю.

Рахунок від 30-денного місяця і 365-денного року.

Бекап

Копія диска раз на добу коштує 1–2 $ на місяць. У найгіршому випадку ти втрачаєш дані за одну добу.

Твій акаунт на сервері: підключення, пароль, теки

Шкільний сервер — це такий самий VPS, як у таблиці вище

Підключення і пароль

1. Відкрий Windows Terminal. SSH там уже вбудований, логін і стартовий пароль — на аркуші.

2. Набери команду підключення зі своїм логіном. Побачиш відбиток ключа сервера.

3. Звір рядок SHA256:… з дошкою. Це доказ, що сервер наш; не збігається — поклич учителя.

4. Набери yes, потім пароль. Символи не видно — це нормально.

SSH працює через порт 22 — це число знадобиться в програмі для файлів.

5. Набери passwd. Спитає старий пароль, потім двічі новий; успіх — рядок password updated successfully, помилка — повтори з початку.

6. Перевір, хто ти і де ти. Маєш побачити свій логін і /home/<логін>.

Чотири теки: що публічне, а що ні

Тека www/ віддається в інтернет. Три інші — ні.

7. Створи чотири теки і виведи список. Наявні теки команда не чіпає.

8. Прочитай перший стовпчик. d — тека, далі права: твої, групи, інших; r — читати, w — змінювати, x — заходити.

Тому www має drwxr-xr-x — інакше вебсервер не віддасть index.html, а notes має drwx------ (це 755 і 700).

Як покласти файл на сервер і правила спільного сервера

Перенеси файл з ноутбука в теку ~/www/

1. Встанови WinSCP або FileZilla. Ліворуч у вікні твій комп’ютер, праворуч сервер.

2. Відкрий нове з’єднання і заповни поля за таблицею. У полі «Протокол» вибери SFTP, не FTP.

3. Натисни «Увійти». Праворуч з’являться теки upload і www. Якщо бачиш «Access denied» — набери логін і пароль ще раз.

4. Перетягни index.html з лівої панелі в теку upload. Ім’я файла з’явиться праворуч.

5. Відкрий SSH-сесію і перенеси файл у www:

Має вийти рядок з index.html. Якщо бачиш «No such file» — набери ls ~/upload і звір ім’я файла.

6. Відкрий свій сабдомен у браузері. Сторінка має відкритися. Якщо віддає 404 — повтори крок 5.

Що сервер прийме, а що ні

Заборонений файл просто не з’явиться на сервері. Це перевіряє критерій no_media. Прибрав зайве — перевіряй ще раз.

Правила спільного сервера — діють весь модуль

• Не відкривати чужі теки.
• Не передавати пароль і не зберігати його на сервері.
• Не завантажувати відео, аудіо та файли понад 2 МБ.
• Не запускати довгих обчислень, ботів і сканерів мережі.
• Не класти у www/ персональні дані й чужі фото.
• Зламав — скажи вчителю одразу.

Що ти зробиш сьогодні: перша сторінка сайту

Файл, який ти пишеш сьогодні, здаватимеш на Demo Day

Результат уроку: один файл ~/www/index.html у кодуванні UTF-8.

1. Придумай назву продукту. «Мій сайт» і «Проєкт» автоперевірка не приймає.

2. Створи файл index.html — назва малими літерами, кодування UTF-8.

3. Натисни «копіювати» і встав код у файл.

4. Заміни <логін> на свій логін, RepairMate — на свою назву в <title> і <h1>.

5. Звір перелік: lang="uk", charset, viewport, author, <title>, <h1>, секції hero, problem, solution.

<!DOCTYPE html>
<html lang="uk">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="author" content="<логін>">   <!-- твій логін на сервері -->
  <title>RepairMate</title>                    <!-- назва продукту -->
</head>
<body>
  <h1>RepairMate</h1>                          <!-- та сама назва -->

  <section id="hero">
    <!-- урок 13: одне речення про продукт і кнопка дії -->
  </section>

  <section id="problem">
    <!-- урок 2: проблема з brief.html -->
  </section>

  <section id="solution">
    <!-- уроки 4 і 13: рішення й числа з analytics.html -->
  </section>
</body>
</html>

6. Залий файл по SFTP у ~/upload/, перенеси у ~/www/.

7. Відкрий http://91.219.61.4/s/<логін>/ — побачиш свою назву великими літерами. 404: файл не в ~/www/ або названий не index.html. Знаки питання замість літер: збережи в UTF-8 і залий ще раз.

Практика: заходимо на сервер і публікуємо свою сторінку

Виконуй по черзі. Галочки зберігаються, тож сторінку можна закрити.

Докладно про кожен крок

Порядок той самий, що й у списку з галочками вище.

Відкрий Windows Terminal. Замість <логін> постав свій логін з аркуша.

Звір SHA256:… з дошкою, набери yes, потім пароль. Символів не видно. Не збіглося — поклич учителя.

Постав власний пароль. Програма спитає спершу старий пароль, потім двічі новий. Усі три набираються наосліп: на екрані не з’явиться нічого — ні символів, ні зірочок. Успіх — рядок password updated successfully. Інакше повтори команду.

Перевір, хто ти і де ти. Побачиш свій логін і /home/<логін>.

Створи чотири теки. У списку мають бути www, upload, data, notes.

Напиши index.html у себе на комп’ютері, у будь-якому редакторі. Підійде і Блокнот. Каркас не набирай руками: натисни «копіювати» на вкладці «Каркас продукту» і встав код у файл. Заміни <логін> у <meta name="author"> на свій, а RepairMate — на назву свого продукту в <title> і <h1>. Рядки <!DOCTYPE html>, <html lang="uk"> і три секції hero, problem, solution лишаються на місці — не видаляй їх, автоперевірка їх шукає. Збережи в UTF-8, ім’я файлу малими літерами.

Відкрий WinSCP або FileZilla: SFTP, 91.219.61.4, порт 22, тека /home/<логін>/upload. Перетягни туди файл; «Access denied» — набери пароль ще раз.

Повернись у вікно SSH і перенеси файл у www. Побачиш рядок з index.html. «No such file» — звір ім’я командою ls ~/upload.

Відкрий http://91.219.61.4/s/<логін>/ у браузері. Побачиш назву продукту. 404 — файл не в ~/www/ або названий не так.

Натисни «Перевірити мою роботу» на вкладці «Перевірка». Червоний критерій показує, що доробити.

Автоперевірка check11 1

Система зайде у твій акаунт від твого імені. Зробить справжній запит на твій сабдомен. І подивиться, що ти реально зробив. Спроби не обмежені.

Демонстраційний режим: результат згенеровано для показу. На сервері ця кнопка запускає check11 1 від імені учня. Потім читає ~/.progress/11-1.json.

Що вчитель дивиться на екрані

• відкрита SSH-сесія: ти сам виконуєш whoami, pwd, ls -l ~ і пояснюєш, що бачиш;
• налаштований профіль WinSCP або FileZilla. Показуєш, куди кладеться файл і як він потрапляє з upload/ у www/;
• пароль не записаний у файлі на сервері — перевіряється окремо;
• назва продукту в <title> — не заглушка. Ти можеш сказати вголос, що це за продукт.

Твій результат і рекомендований бал

Це те, що бачить учитель, коли виставляє оцінку.

Домашнє завдання

1. Допиши в ~/www/index.html абзац «Про що мій продукт» — щонайменше 200 символів. Постав його в секцію id="hero". Перезалий файл по SFTP.
2. Створи ~/notes/server-notes.md. Запиши туди п’ять команд, які ти виконував на уроці. Поясни кожну своїми словами.
3. Створи ~/notes/costs.md. Запиши свою конфігурацію з калькулятора, витрати на місяць і на рік та рядок fixed_costs. Додай одне речення: скільки продажів на місяць треба, щоб вийти в нуль.

Звідки взяті факти й ціни

Кожне число, яке можна перевірити, має посилання. Перевіряти дозволено й корисно: прайси змінюються.

• Системні виклики як єдині двері з програми в ядро — розділ 2 довідника man. man7.org · syscalls(2)
• Права перевіряються ядром у момент виклику, за uid процесу — open(2), credentials(7)
• Права доступу, три категорії, вісімковий запис — довідка GNU coreutils. gnu.org · File permissions
• Різне значення r, w, x для файлу і для теки — chmod(1), path_resolution(7)
• Filesystem Hierarchy Standard 3.0 — призначення /home, /etc, /var. refspecs.linuxfoundation.org · FHS 3.0
• Порт 22 і перевірка відбитка ключа хоста — RFC 4253, розділ 4.1 «Host Keys». datatracker.ietf.org/doc/html/rfc4253
• SFTP — файловий канал усередині SSH — чернетка протоколу. datatracker.ietf.org · secsh-filexfer
• Порти 80, 443 і 21 — офіційний реєстр IANA. iana.org · service names and port numbers
• Ціни VPS: 4 $ (512 МБ / 10 ГБ / 500 ГБ трафіку), 6 $ (1 ГБ / 25 ГБ), 12 $ (2 ГБ / 50 ГБ). Резервні копії: +20 % щотижня, +30 % щодня. Трафік понад ліміт — 0,01 $ за ГБ. Офіційний прайс: digitalocean.com · Droplets pricing
• Європейський VPS 2 vCPU / 4 ГБ / 40 ГБ за 5,49 € без ПДВ. Ціни підвищувалися протягом 2026 року. docs.hetzner.com · price adjustment, hetzner.com · Cloud
• Домен .com за собівартістю — 10,44 $ на рік. Оптова ціна зростає з 1 листопада 2026. Реєстратор без націнки: cloudflare.com · Registrar
• TLS-сертифікат безкоштовний; строк дії 90 днів, із 13 травня 2026 профіль tlsserver — 45 днів — letsencrypt.org · Certificate lifetimes
• Пошта на власному домені: 1 $ за скриньку на місяць — zoho.com · Mail pricing; 7 $ за користувача на місяць у Google — workspace.google.com · pricing
• HTTP-коди 200, 403, 404 — RFC 9110, розділ 15. datatracker.ietf.org · RFC 9110
• Unix від початку писався як система на багато користувачів одразу — стаття Рітчі й Томпсона 1974 року. The UNIX Time-Sharing System

Простій для 99 / 99,5 / 99,9 / 99,99 % порахував автор сторінки. Основа розрахунку — 30-денний місяць (43 200 хв) і 365-денний рік (525 600 хв).

Приклади виводу команд складені як типові для навчального сервера. Це стосується відбитка ключа, PID, дат і розмірів файлів. На твоєму акаунті числа будуть свої.

Повний список джерел із поясненнями — у файлі urok-01-джерела.md поруч із цією сторінкою.