Привіт %username%!

Сьогодні багато веб-розробників-початківців роблять велику помилку, і не одну. Вони щось зверстають, а потім купують хостинг. Далі купують домен. Реєструють та підключають SSL-сертифікат. Я, рятуючись від мінус-карми, просто розповім як не витрачати гроші на тестові проекти.

До речі, тут немає реклами, навіть якщо вам так здасться — це просто черговий туторіал, з описом потрібних ресурсів і максимально зрозуміло.

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

Хостинг

При запиті «Безкоштовний хостингГугл першим, природно після реклами, пропонує 000webhost.com. Це дуже цікавий хостинг — користуючись ним уже як два роки, я помітив, що там постійно змінюється дозволена кількість безкоштовних сайтів та інші умови, але головне, що він залишається найзручнішим.

Отже, на сьогодні вони пропонують: 

• 1 безкоштовний сайт
• 1 БД MySQL
• PHP Кілька версій
• Підключення домену
• 300mb місця на SSD (був гігабайт, дуги!)
• Ftp

Раніше було краще, але й цього, я гадаю, для наших тестових проектів підійде. Тим більше, ці мінуси компенсуються зручною панеллю управління, чим можуть похвалитися не багато його конкурентів.

Що робити?

1. Реєструємося – це просто!
2. Натискаємо "Створити сайт", робимо, що там просять.

На цьому все. До 000webhost ми ще повернемося. А поки…

Доменне ім'я

Тут немає ідеального варіанта для робочих проектів. Але ж ми збираємося займатися міні-проектами і нам багато не потрібно — просто будь-який домен другого рівня. Нам на допомогу ФріномВін також перший у результатах пошуку, у нього немає аналогів — вони всіх їх купили і отримали від деяких країн монополію на продаж їхніх доменів.

Ось ми й наблизилися до проблеми — на www.freenom.com доступні лише домени будь-яких далеких африканських країн, де вирішили просувати інтернет, безкоштовно роздаючи свої домени: «.tk«,«.ml", ".gq", ".cf", ".ga». Звичайно, вони такі ж любителі грошей, як 000webhost і надають домен безкоштовно лише на 12 міс. максимум, але його можна потім перереєструвати.

Отже, вибираємо.

Послідовність дій #1

1. Реєструємося – це просто!
2. Ідемо у вкладку «Services» зверху, а потім – «Register a new domain».
3. Після цього все підкаже сам сервіс.
4. Після успішної реєстрації домену знову натисніть "Services", а там - "My domains". Не закривайте цю вкладку.

Повертаємося до нашого безкоштовного хостингу.

Послідовність дій #2

1. Знову заходимо на 000webhost і бачимо наш сайт із некрасивим доменним ім'ям третього рівня (ім'я сайту.000webhost.com). Виправимо це.
2. Наводимо курсор на гарну картинку - появл. напис '"Керувати сайтом", натискаємо.
3. У лівому сайдбарі бачимо "Інструменти", переходимо за посиланням.
4. Інтуїтивно вибираємо пункт «Вказати веб-адресу»
5. Тут кнопочка - "+ Додати домен", тиснемо!
6. З'являється чудове модальне вікно, де вибираємо перший пункт — припарковуватимемо наш домен.
7. Вводимо «Доменне ім'я», натискаємо на «чарівну кнопку» [цю вкладку залиште на тлі] і йдемо у вкладку, де залишили Freenom.

Послідовність дій #3

1. Тут, у таблиці, навпроти домену натискаємо по кнопці «Manage domain».
2. При натисканні на вкладку «Management Tools» з'явиться селект, де потрібно вибрати Nameservers.
3. Перемикаємо "Use default nameservers (Freenom Nameservers)" на "Use custom nameservers (enter below)"
4. Вводимо внизу спочатку "ns01.000webhost.com", а в наступному рядку - "ns02.000webhost.com", а потім - "Change nameservers"
5. Повертаємося до «Вебхосту» і навпроти нашого домену «в очікуванні» вибираємо в селекті «Керувати» «Перевірити сервери імен»
6. Бачимо, що наш домен став активним, знову натискаємо «Управляти» і прив'язуємо його до нашого імені сайту.000webhost.com

Так, тепер у нас все готове, але ми не вирішили останньої проблеми, яку потрібно вирішити безкоштовно — SSL сертифікат.

Cloudflare

«Рак Інтернету- прекрасна альтернативна назва - такому прекрасному безкоштовному сервісу. Я думаю, що нам підходить. Крім того що CloudFlare захистить нас від DDOS-атак та прокешує наш сайт, прискорюючи його, вони нам подарують безкоштовний сертифікат. Це дуже зручно.

Легко

1. Реєструємось у CloudFlare, вибираючи безкоштовний план.
2. Додаємо наш сайт: вам потрібно знову піти та змінити сервери імен у Freenom – видаліть старі та поставте ті, що пропонує сервіс.
3. Вам відразу запропонують налаштувати SSL, рекомендую пункт Flexible.
4. У налаштуваннях багато цікавого.

Замість висновку

Отже, ваш сайт налаштований і нічим не гірший, ніж якби Ви заплатили за це гроші. Але рекомендую додати до

<head>

вашого сайту, на всі сторінки, ось це:

<style>img[alt="www.000webhost.com"] {display: none;}</style>

Таким чином, Ви приховаєте докучливе лого 000webhost. Багато двигунів, наприклад Егея, Магічним чином самі його прибирають.

При певній вправності, можна зробити всі ці дії за ~45 хв. Так на світ з'явиласяПара Строк".

Я не сподіваюся, що ця стаття принесла вам користь, але Ви завжди можете помістити її в закладки на Хабре 🙂 Дякуємо за прочитання!

Джерело: habr.com