Как подключить домен?

Как установить домен

Как подключить домен к сайту? Такой вопрос может возникнуть при создании или переезде сайта. В данной статье рассмотрим еще один не мало важный вопрос, такой как установка защищенного соединения, переезд сайта на защищенный https:// протокол, привязка домена к сайту через базу данных phpMyAdmin и вход в админпанель по новому домену.

Все установки я буду проводить на хостинге Timeweb.

Что такое SSL

SSL (англ. Secure Sockets Layer — уровень защищённых сокетов)—криптографический протокол, который подразумевает более безопасную связь. Протокол широко использовался для обмена мгновенными сообщениями.

Установка SSL-сертификата

Перейдем к самой установке данного сертификаты и рассмотрим вопрос о переводе нашего сайта c HTTP:// в HTTPS:// протокол.

Домены и поддомены
Домены и поддомены
Домены не имеющие SSL-сертификатов
Домены не имеющие SSL-сертификатов

Заказ SSL-сертификата

Для того чтобы заказать SSL–сертификат, необходимо перейти в меню «SSL-сертификаты» и нажать на пункт «Заказать» (рис.3)

Заказ SSL-сертификата
Заказ SSL-сертификата

В разделе выбора SSL-сертификата выбираем пакет. Для новичков рекомендую установить бесплатный. Он находится во вкладке «Больше SSL-сертификатов» и выбирать нужный вам пакет.

Выбор пакета SSL-сертификатов
Выбор пакета SSL-сертификатов
Выбор пакета "Бесплатный"
Выбор пакета “Бесплатный”

Важно!

Проверьте, чтобы сертификат был заказан на необходимый домен, а также обратить внимание какие дополнительные услуги нам предлагает сервис. Рекомендую воспользоваться услугой «Настройка защищенного соединения», так как на старте не очень хочется столкнуться со сложностями, связанные со “Смешанным контентом”. Далее следует заказать сертификат перейдя по кнопке «Заказать». На данном этапе система не даст нам его приобрести, так как домен на это время еще не будет выпущен. На это нам потребуется время, примерно 24 часа. Пока, чтоб не терять время, привяжем домен к сайту.

Выбор домена для установки SSL-сертификата
Выбор домена для установки SSL-сертификата
Выбор дополнительных услуг
Выбор дополнительных услуг

Когда хостинг-провайдер попросит отредактировать персональные данные рекомендую вводить достоверные данные, так как это подтверждает владение данным доменом и его сертификатом именно вас, как владельца. В случае каких-либо инцидентов и утери, а также переезда на другой хостинг они обязательно потребуются. Поэтому вводите всё согласно паспортных данных и при завершении вы получите вот такое сообщение об успешном редактировании персональных данных.

Результат редактирования персональных данных
Результат редактирования персональных данных

Как подключить домен к сайту?

Пока мы в ожидании готовности нашего сертификата, а он будет готов примерно через 10 минут, мы привяжем домен к сайту. Это действие необходимо, если у вас несколько сайтов. Если вы владелец только одного, тогда система хостинга привяжет его автоматически.

Привязка домена к сайту
Привязка домена к сайту

Как только сайт будет привязан, при переходе по ссылке нашего домена мы получим сообщение о проверки правильности ввода доменного имени. Не пугайтесь, так как после покупки доменного имени и привязке его к сайту, должно пройти некоторое время (около 24-х часов), но обычно это время гораздо меньше. В моем случае это длилось в районе 2-х часов.

Привязка домена к сайту
Привязка домена к сайту
Сообщение об отсутствии доступа к сайту
Сообщение об отсутствии доступа к сайту

Мы приблизились к тому, когда доменное имя было полностью зарегистрировано и выпущено, а сертификат был заказан по инструкции выше. О том, что SSL-сертификат заказан к нашему домену мы увидим в статусе раздела меню «SSL – сертификаты».

Заказанные SSL-сертификаты
Заказанные SSL-сертификаты

Переходим на сайт и убедимся, что по ссылке нашего домена видно тоже самое, что и при установке CMS WordPress по стандартному доменному имени. Как видите никаких изменений не произошло и это хорошо. Обращаю ваше внимание, что в адресной строке браузера указывается, что домен не имеет защищенного соединения. Но скоро мы это дело поправим.

Отсутствие у сайта SSL-сертификата (соединение не защищенное)
Отсутствие у сайта SSL-сертификата (соединение не защищенное)
Сообщение об незащищенном соединении
Сообщение об незащищенном соединении

Спустя 10 минут после заказа SSL–сертификата он получит статус «Выпущен».

Выпуск SSL-сертификата
Выпуск SSL-сертификата

Следует проверить статус сертификата и в разделе «Список доменов». Мы видим, что значок стал зеленого цвета. Проверяем наш сайт в разделе «Сайты», где также статус домена изменится.

Изменение статуса домена о наличии SSL
Изменение статуса домена о наличии SSL
Статус домена на странице "Сайты"
Статус домена на странице “Сайты”

Переезд сайта с http на https протокол

После выпуска SSL-сертификата, следует проверить доменное имя в адресной строке. Вместо http:// поставим https:// и проверим работу сайта.

Проверка https-протокола в браузере
Проверка https-протокола в браузере

Отлично! Сайт переехал на защищенный протокол и отображается в браузере. Также появилось сообщение браузера о защищенной передачи данных, и заветный замочек в командной строке браузера. Обновите браузер. Половина пути пройдена.

Как мы видим, сайт немного изменился. Почему так произошло?  Сейчас отвечу. После того, как мы привязали домен к сайту и установили ему адрес https://voenuval.ru , остальные файлы нашего сайта, все еще доступны нам по другому адресу, который был изначально нам дан, а именно при установке CMS WordPress.

Проверка сайта по защищенному соединению
Проверка сайта по защищенному соединению

Чтобы убедиться в этом, проверим его с помощью помощника веб-мастера. Для этого нажмем правой кнопки мыши в окне браузера. Появится всплывающее окно. Нам необходим раздел «Просмотреть код». Появится так называемое окно веб-мастера. Не пугайтесь, если сразу оно покажется не понятным. С помощью этого окна мы видим, что наши вспомогательные файлы подключаются по бесплатному доменному имени. Например файл со стилями, а именно style.min.css в теге head.

И наша задача это исправить.

Консоль браузера
Консоль браузера

Ошибки при переезде сайта и способы их устранения

Новое доменное имя для всего сайта, следует указать в системе управления базой данных (СУБД). Для этого нужно перейти в разделе нашего хостинга «База данных MySQL» переключить флажок, для того, чтоб зайти в нее без ввода пароля. Нажимаем  на ссылку phpMyAdmin.

Полный доступ к phpMyAdmin
Полный доступ к phpMyAdmin

В системе phpMyAdmin разворачиваем вкладку (таблицу) с именем нашего аккаунта от хостинга. В системе phpMyAdmin все данные хранятся в таблицах, а эти таблицы в еще одних таблицах. Да, да! Такой круговорот таблиц в данной системе. В моем случае это таблица «ct36156_3yiem» и переходим в таблицу «wp–option».

СУБД phpMyAdmin
СУБД phpMyAdmin
Таблица wp-option
Таблица wp-option

В данной таблице перейдем на вкладку «Обзор». Нас интересуют первые две строчки, где будет указан стандартный адрес нашего сайта. Двойным щелчком мыши по ним, меняем их на новый адрес нашего сайта. В моем случае это https://voenuval.ru/. Обращаю внимание, что привязать домен необходимо с защищенным протоколом, а именно https:// а не http://.

Редактирование таблицы wp-option
Редактирование таблицы wp-option
Установка доменного имени в таблице
Установка доменного имени в таблице

После этого, не забываем, что на странице «Базы данных» на нашем хостинге следует отключить полный доступ к ней.

Отключение полного доступа к базе данных
Отключение полного доступа к базе данных

Проверка на ошибки

После того, как нам удалось подключить домен, перейдем на наш сайт.  Напоминаю, что адрес нашего сайта теперь с защищенным протоколом, поэтому вводим его через https://. В моем случае адрес сайта https://voenuval.ru/. Проверяем в помощнике веб-мастера (консоли) браузера, что ссылки на файлы сайта отображаются правильно. Сайт принял первоначальный вид. Переходим на вкладку консоли «Console». Убедимся, что ошибок нет. Если бы, мы не воспользовались услугой нашего хостинга «Настройка защищенного соединения», то увидели бы ошибки «Смешанного контента». Их пришлось бы устранять вручную или с помощью специальных плагинов в CMS WordPress. Но это уже совсем другая история. А пока УРА ТОВАРИЩИ!

Проверка на правильное отображения ссылок в консоли браузера
Проверка на правильное отображения ссылок в консоли браузера
Проверка на ошибки во вкладке Console
Проверка на ошибки во вкладке Console

На этом мы заканчиваем статью “Как подключить домен?”. Пробуем зайти в админку нашего сайта, но уже по новому адресу. Теперь адрес админки меняем:

«Старый адрес входа: http://ct36156-wordpress-3yiem.tw1.ru/wp-login.php»

«Новый адрес входа: https://voenuval.ru/wp-login.php»

Соответственно и адрес клиентской части нашего сайта:

«Старый адрес входа: http://ct36156-wordpress-3yiem.tw1.ru»

«Новый адрес входа: https://voenuval.ru»

Не забудьте сохранить данные ссылки в отдельный файл. Вот что вы должны увидеть после входа в административную панель сайта:

Админка WordPress
Админка WordPress

На этом всё! Спасибо дорогие друзья, что дочитали статью до конца. Задавайте вопросы в комментариях под статьей.

Поделиться в: