Как загрузить сайт на хостинг - регистрируем домен и хостинг, заливаем по FTP

Хостинг, домен, сайт (хост)

Чтобы загрузить сайт на хостинг, нужно сделать несколько простых вещей:

• арендовать домен;
• арендовать хостинг;
• создать сайт (связать домен и директорию на хостинге);
• выложить файлы сайта на хостинг;
• создать базу данных (если нужно).

Аренда доменного имени в любом случае будет платная. Хостинг можно взять бесплатный для тестирования, но для рабочего проекта лучше брать нормальный платный - в среднем аренда хостинга на базовых тарифах стоит 200 р/месяц. Адекватные хостеры: Бегет, Вебхост, АдминВПС …

Для практического закрепления материала статьи можно взять 1 месяц бесплатного хостинга на месяц и 1 технический домен у хостера Бегет.

В этой статье буду рассматривать все действия на примере 2 хостеров: Бегет и Вебхост. У Бегета своя панель управления, у Вебхост – брендированный ISPManager. Поняв суть процесса, можно будет ориентироваться в интерфейсах панелей управления и других хостеров.

Домен

Начнем издалека - у сервера, на котором будет расположен наш сайт, есть свой IP адрес, наподобие 123.43.8.239.

Когда вы открываете в браузере сайт, например, site.ru – сначала идет запрос на DNS-сервер, в котором хранится информация о соответствии доменных имен и IP адресов. DNS-сервер ищет, какой IP адрес соответствует указанному доменному имени site.ru.

После этого идет запрос по обнаруженному IP адресу, к серверу, где хранится сайт. На сервере запрос получает и обрабатывает веб-сервер (программа, которая принимает HTTP запросы, обрабатывает их и отдает ответ).

В настройках веб сервера прописано, в какой директории хранится какой сайт – каждая такая точка называется хост. Исходя из запроса, веб-сервер направляет его на прописанный в настройках хост. Далее в ответ либо отдается указанный файл, либо запускаются php скрипты, генерирующие нужный файл.

По сути сайт помжно открывать и просто по IP адресу. Зачем такие сложности? Такой подход с сочетанием IP и доменных имен решает несколько проблем.

Проблема номер 1: если бы все сайты имели только IP адрес из набора цифр, понятное дело, человеку ориентироваться в них было бы сложно.

Проблема номер 2: количество IP адресов ограничено, в отличии от доменных имен, которых, по сути, бесконечность. И на одном IP адресе, как мы разобрали, может быть несколько доменных имен – именно так и работают виртуальные хостинги.

Вернемся к доменным именам. Доменное имя состоит из 3 частей – домен 1 уровня (.ru, .su, .ua, .com, .eu, .gov, .info, .pro и т.д.) – от показывает, к какому региону или типу сайтов относится домен. Например, .gov – это сайты государственных структур, .ru – российские сайты и т.д. Домен 2 уровня – собственно само название сайта: yandex, google и т.д. Так же может быть поддомен, он же домен 3 уровня – было принято, что все сайты начинались с www., однако сейчас такой необходимости нет, поэтому его часто опускают.

Поддомен – это отдельный сайт, который будет располагаться в отдельной директории на хостинге. Часто на поддоменах размещают сервисы основного сайта – например, metrika.yandex.ru и webmaster.yandex.ru.

Теперь давайте посмотрим, как арендовать домен в панели упавления, сначала в Бегет, потом в Вебхост.

Регистрируем домен в Бегет

Зарегистрируйтесь на сайте хостера, перейдите в панель управления аккаунтом.

В главной панели найдите раздел "Домены и поддомены".

Перейдите туда и откройте вкладку "Зарегистрировать домен".

Введите доменное имя, нажмите кнопку "Продолжить".

Если такой домен уже зарегистрирован - система покажет соответсвующее уведомление. Если свободен - откроет форму ввода регистрационных данных.

После этого нужно будет проверить корректность указанной информации и выбрать дополнительные опции:

• Куда направить созданный домен (о чем рассказывал выше - какой IP будет соответсвовать нашему домену в системе DNS);
• Продлевать ли домен автоматически (тут смотрите сами, как Вам удобнее);
• Защитить сайт бесплатным SSL-сертификатом Let's Encrypt (да, лучше выбирать, так как это дает возможность обращаться к сайту по шифрованному HTTPS протоколу).

Регистрируем домен в Вебхост

Для начала, аналогично, нужно харегистрироваться на сайте хостера.

Затем в панели управления перейти в раздел "Домены".

Введите в поле поиска наименование домена - если домен занят, выведется соотвутсвующая надпись. Если свободен - будет возможность зарегистрировать его.

При регистрации также нужно указать, куда направлять домен - хостинг, VDS или свои собственные (например, если мы арендуем хостинг у другого хостера). На текущем этапе можно ничего не указывать - выбрать "Другие" и оставить значения пустыми.

Хостинг

...

Сайт

Теперь у нас есть домен и хостинг. Нам нужно привязать домен к хостингу, чтобы при обращении по адресу этого домена DNS система знала куда обращаться за файлами.

Создаем сайт в Бегет

Создаем сайт в Вебхост

Далее переходим в раздел сайты создаем новый сайт и привязываем к нему домен. Через какое-то время DNS записи домена обновятся и собственно при открытии этого сайта в Интернете у нас будет открываться базовая заглушка Бегета.

FTP - загружаем файлы сайта на хостинг

Теперь у нас есть рабочий сайт. Осталось только закинуть файлы сайта на хостинг. Для этого можно воспользоваться либо панелью управления хостера, либо воспользоваться доступом по FTP.

Давайте разберем вкратце, что такое FTP. Наверное Вы уже знаете про протокол HTTP. Даже если нет - Вы используете его постоянно, открывая любую страницу в интернете, потому как HTTP - это протокол передачи гипертекстовой разметки, то есть HTML.

Изначально он передавал HTML, сейчас он может передавать уже произвольные файлы, типа PDF, которые нынче умеет открывать браузер и т.д. Благодаря этому мы можем скачивать и загружать в браузере любой файл. Но изначально основной его задачей была именно передача HTML файлов.

FTP - это протокол, созданный специально для передачи файлов, разработанный примерно за 10 лет до появления HTTP. Он позволяет удаленно управлять файлами на сервере: заливать, скачивать, удалять, переименовывать и т.д.

Чтобы подключиться к серверу и использовать FTP нам нужны следующие данные: IP адрес нашего хостинга, имя пользователя и пароль. Посмотреть эти данные можно в панели управления, в разделе FTP.

Создаем FTP доступ в Бегет

Нужно перейти в раздел "FTP".

Там ввести имя создаваемого пользователя, пароль и путь к директории (можно оставить по-умолчанию, меняется если, например, на одном хостинге размещены несколько сайтов и нужно дать кому-то доступ только к одному из них, или дать доступ только к определенной папке).

Создаем FTP доступ в Вебхост

В Вебхост сначала на сайте перейти в раздел "Мои заказы", оттуда открыть панель управления хостингом.

В панели зайти в раздел "FTP-пользователи", нажать кнопку "Создать FTP-пользователя".

В открывшейся форме ввести аналогичную информацию - имя пользователя, пароль и путь к директории.

Программы для FTP подключения

Самые популярные программы для подключения по FTP - это FileZilla и WinSCP. Лично я пользовался сначала FileZilla, но потом перешёл на WinSCP по субъективным причинам - ничего не мешает попробовать обе программы и понять, какая больше нравится.

Достаточно скачать одну из программ, указать в настройках подключения данные созданного ранее FTP аккаунта и залить файлы на хостинг. После этого все должно заработать.