Привет, %username%!
Сегодня многие начинающие веб-разработчики делают большую ошибку, и не одну. Они что-нибудь сверстают, а потом покупают хостинг. Далее покупают домен. Регистрируют и подключают SSL-сертификат. Я, спасаясь от минус-кармы, просто расскажу как не тратить деньги на свои тестовые проекты.
Кстати, здесь абсолютно нет рекламы, даже если вам так покажется — это просто очередной туториал, с описанием нужных ресурсов и максимально понятно.
Рекомендую для каждого такого проекта создавать новую почту и везде регистрироваться с помощью нее, а не своего личного мейла.
Хостинг
При запросе «
Итак, на сегодня они предлагают:
- 1 бесплатный сайт
- 1 БД MySQL
- PHP Нескольких версий
- Подключение домена
- 300mb места на SSD (был гигабайт, жмоты!)
- FTP
Раньше было лучше, но и этого, я думаю, для наших тестовых проектов подойдет. Тем более, эти минусы компенсируются удобной панелью управления, чем могут похвастать не многие его конкуренты.
Что делать?
- Регистрируемся — это просто!
- Нажимаем «Создать сайт», делаем, что там просят.
На этом — все. К 000webhost мы еще вернемся. А пока…
Доменное имя
Здесь нет идеального варианта для рабочих проектов. Но мы ведь собираемся заниматься мини-проектами и нам много не нужно — просто любой домен второго уровня. Нам в помощь —
Вот мы и приблизились к проблеме — на
Так что, выбираем.
Последовательность действий #1
- Регистрируемся — это просто!
- Идем во вкладочку «Services» сверху, а потом — «Register a new domain».
- После все подскажет сам сервис.
- После успешной регистрации домена снова нажмите «Services», а там — «My domains». Не закрывайте эту вкладку.
Возвращаемся к нашему бесплатному хостингу…
Последовательность действий #2
- Снова заходим на 000webhost и видим наш сайт с некрасивым доменным именем третьего уровня (имясайта.000webhost.com). Исправим это.
- Наводим курсор на красивую картинку — появл. надпись ‘»Управлять сайтом», нажимаем.
- В левом сайдбаре видим «Инструменты», переходим по ссылке.
- Интуитивно выбираем пункт «Указать веб-адрес»
- Тут кнопочка — «+ Добавить домен», жмем!
- Появляется прекрасное модальное окно, где выбираем первый пункт — будем «припарковывать» наш домен.
- Вводим «Доменное имя», нажимаем на «волшебную кнопочку» [эту вкладку оставьте в фоне] и идем во вкладку, где оставили Freenom.
Последовательность действий #3
- Тут, в таблице, напротив домена нажимаем по кнопке «Manage domain».
- При нажатии на вкладку «Management Tools», появится селект, где нужно выбрать Nameservers.
- Переключаем «Use default nameservers (Freenom Nameservers)» на «Use custom nameservers (enter below)»
- Вводим внизу сначала «ns01.000webhost.com», а в следующей строке — «ns02.000webhost.com», а потом — «Change nameservers»
- Возвращаемся в «Вебхосту» и напротив нашего домена «в ожидании» выбираем в селекте «Управлять» «Проверить сервера имен»
- Видим что наш домен стал активным, снова нажимаем «Управлять» и привязываем его к нашему имясайта.000webhost.com
Да, теперь у нас все готово, но мы не решили последнюю проблему, которую нужно решить бесплатно — SSL сертификат.
Cloudflare
«
Легко
- Регистрируемся в CloudFlare, выбирая бесплатный план.
- Добавляем наш сайт: вам нужно снова пойти и изменить серверы имен во Freenom — удалите старые и поставьте те, что предлагает сервис.
- Вам сразу предложат настроить SSL, рекомендую пункт «Flexible».
- В настройках много интересного.
Вместо заключения
Итак, ваш сайт настроен и ничем не хуже, чем если бы Вы заплатили за это деньги. Но рекомендую добавить в
<head>
вашего сайта, на все страницы, вот это:
<style>img[alt="www.000webhost.com"] {display: none;}</style>
Таким образом, Вы скроете надоедливое лого 000webhost. Многие движки, например
При некоторой сноровке, возможно проделать все эти действия за ~45 мин. Так на свет появилась "
Я не надеюсь, что эта статья сиюминутно принесла вам пользу, но Вы всегда можете поместить ее в закладки на Хабре 🙂 Спасибо за прочтение!
Источник: habr.com