Cloudflare — полезный инструмент для вебмастера. Как настроить гибкий сертификат SSL от Cloudflare для WordPress Результат регистрации домена

Cloudflare — полезный инструмент для вебмастера. Как настроить гибкий сертификат SSL от Cloudflare для WordPress Результат регистрации домена

Эта статья будет для вас полезной, если вы:

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

Введение

Почему именно GitHub?

  • c помощью GitHub Pages легко настроить сайт;
  • GitHub мгновенно реагирует на изменения кода.

Почему именно Cloudflare?

  • сервис бесплатный;
  • он поставляется с готовой поддержкой SSL (HTTPS);
  • очень просто управлять DNS;
  • есть возможность установки расширения для контроля за кэшем браузера;
  • автоматически сокращает трафик;
  • всегда можно настроить переадресацию;
  • есть HTTP2/SPDY для поддерживаемых браузеров;
  • позволяет настроить HSTS (HTTP Strict Transport Security).

Что потребуется перед началом работы

  • аккаунт в Github ;
  • аккаунт в Cloudflare ;
  • доступ к пользовательскому домену - его вы можете приобрести в таких регистраторах, как Namecheap , GoDaddy , BigRock и т. д.

Если всё готово, давайте приступим!

Пошаговый план-шпаргалка

Шаг 1. Создать репозиторий на Github

Шаг 2. Настроить GitHub Pages для репозитория

Перейдите в настройки для своего репозитория (вкладка «Settings»):

В разделе «Github Pages» выберите ведущую ветку для обслуживания вашего веб-сайта (master branch):

После этого можете перейти на https://<названиевашегосайта>.github.io/repository , чтобы увидеть сайт в действии, как показано на изображении ниже:

Шаг 3. Добавить собственный домен

Добавьте домен, который вы купили, и нажмите на кнопку «Save»:

Теперь нужно настроить Cloudflare для использования всех приятных фишек, о которых упоминалось в начале статьи.

Шаг 4. Настроить домен в Cloudflare

Шаг 5. Настроить записи DNS для вашего домена

На этом этапе вы указываете Cloudflare на ваш домен на GitHub, используя две записи A (адресные записи, соответствие между именем и IP-адресом):

  1. 192.30.252.153
  2. 192.30.252.154

После настройки все запросы к вашему домену (например, вашличныйдомен.com ) будут перенаправлены на ваш сайт на GitHub, настроенный на шаге 3.

И есть еще кое-что. Например, вам хочется использовать субдомен типа www для своего веб-сайта, т. е. www.вашличныйдомен.com . Для этого вам нужно будет добавить запись CNAME, которая укажет корневому домену (@) на ваш поддомен (www).

Примечание. Не пытайтесь сразу перейти к своему пользовательскому домену. Это не сработает, ведь вы выполнили только настройку Cloudflare для GitHub.

Нажмите «Continue» для перехода к следующему шагу.

Шаг 6. Выбрать бесплатный план в Cloudflare

Бесплатный план для Cloudflare предоставляет множество опций, которые перечислены в начале статьи. Выберите план:

Нажмите «Continue», чтобы перейти к следующему шагу.

Шаг 7. Обновить серверы имён у регистратора

После того, как вы попали на эту страницу, откройте её в одной вкладке, а регистратор доменных имён (место, где вы купили свой домен) - в другой.

Теперь вам нужно заменить существующие серверы имен (nameservers) в настройках вашего домена на странице регистратора теми, что показывает Cloudflare. Вот пример того, как регистратор ведет себя после успешной замены:

Ура! Вы почти настроили свой собственный домен, чтобы использовать Cloudflare в качестве DNS-провайдера. Теперь если вы перейдете к пункту «Overview» cверху, то обнаружите, что сервис все ещё ожидает изменения серверов имен:

Нужно дождаться, пока статус на вкладке «Overview» поменяется на «Active»:

Теперь можете попробовать зайти на свой сайт, он должен заработать.

Шаг 8. Настроить минификацию

В настройках скорости («Speed»), разделе «Auto Minify» поставьте галочки для автоматической минификации у всех пунктов: JavaScript, CSS, HTML.

Эти настройки применяются Cloudflare «на лету» один раз, а затем кэшируются. Всякий раз, когда какая-либо из ваших личных настроек будет изменяться, Cloudflare будет всё кэшировать.

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

Шаг 9. Настроить срок действия кэша браузера

Если вы прокрутите вниз ту же страницу, где находится «Auto Minify», то найдете раздел «Browser Cache Expiration». В идеале срок действия должен быть установлен на 30 дней / 1 месяц, чтобы WebpageTest не выдавал никаких предупреждений:

Это время показывает, что после загрузки вашего сайта в любом браузере последний не будет запрашивать данные во второй раз, пока период кэширования не истечет.

Прежде чем перейти к следующему шагу, проверьте криптографические настройки («Crypto») на Cloudflare. В разделе SSL должна появиться зеленая надпись «Active Certificate»:

Примечание: Попробуйте перезагрузить страницу, иногда она не обновляется.

Шаг 10. Настроить правила для страниц

На этом шаге вы сделаете две важные вещи:

  • www.вашличныйдомен.com на вашличныйдомен.com ;
  • переадресацию всех запросов с http://вашличныйдомен.com на https://вашличныйдомен.com .

Зайдите во вкладку «Page Rules» и нажмите на «Create Page Rule»:

Теперь нужно снова зайти в криптографические настройки («Crypto»), после чего прокрутить страницу вниз до «HTTP Strict Transport Security (HSTS)». Кликните «Enable HSTS». Вас спросят, точно ли вы знаете, что делаете. Прежде чем нажмете на «I understand», прочтите, зачем нам вообще включать HSTS.

Если пользователь в прошлом уже открывал ваш сайт, то теперь он всегда автоматически будет направляться на HTTPS-версию сайта. Это ускоряет загрузку сайта при последующих посещениях, поскольку перенаправление с HTTP на HTTPS происходит на клиентской стороне, а не за счёт правила в Cloudflare, которое мы создали на предыдущем шаге.

Осталось активировать те же опции, что и на скриншоте.

Е сли вы хотите перенести WordPress сайт с HTTP на HTTPS, то вам требуется сертификат SSL. Теперь это стало необходимым для блоггеров на WordPress, чтобы обеспечить их сайты с помощью шифрования SSL. Cloudflare предлагает гибкий и бесплатный сертификат SSL для небольших сайтов, которые легко реализовать. HTTPS, с другой стороны, помогает в шифрование всех передаваемых данных и тем самым защитить от взлома любой внешний хост или сеть. В этом посте мы поделимся полным руководством по установке сертификата Cloudflare Flexable SSL для .

В случае, если вы не знаете что-то о SSL сертификатов, вы можете заняться чтением этой статьи >>

Да! Теперь Google рассчитывает HTTPS как фактор рейтинга в поисковых системах. Это означает, что если вы используете HTTPS на вашем блоге WordPress, то ваш сайт будет считаться безопасным для использования (от Google), и, таким образом, это увеличит ваши шансы на высокий рейтинг в результатах поиска.

Несколько лет назад, SSL сертификаты были слишком дорогими, чтобы купить даже для блоггеров, но теперь это стало возможными благодаря бесплатным услугам в CloudFlare. Если вы хотите потратить несколько долларов, чтобы сделать ваш сайт более безопасным и надежным, вы можете попробовать других поставщиков SSL сертификатов, таких как , бесплатно или по разумным ценам. Вы можете использовать CloudFlare Flexible SSL – сертификат на вашем WordPress сайте или блоге. Это требует небольших изменений в настройках сайта на WordPress, которые довольно просты.

Как настроить гибкий сертификат SSL от Cloudflare для WordPress?

Cloudflare является американской компанией, которая обеспечивает доставку контента сеть (CDN), услуги по безопасности в Интернете и распределенные службы сервера доменных имен.

Для того, чтобы начать использовать Cloudflare Flexible SSL сертификат на WordPress, во – первых, вам нужно создать бесплатную учетную запись на Cloudflare. Очень легко настроить и активировать услугу Cloudflare на вашем WordPress сайте. Просто следуйте инструкциям, приведенным ниже:

  • Зарегистрируйтесь на Cloudflare и введите необходимые данные.
  • Теперь добавьте новый веб-сайт и нажмите на кнопку сканирования. Он автоматически будет сканировать и считывать все записи домена.
  • Выберите бесплатный вариант сайта.
  • Теперь Cloudflare предоставит вам два различных сервера имен, которые вы должны ввести его вместо существующих серверов имен.
  • Для этого просто войдите в свой веб-хостинг/учетную запись домена и откройте вариант «Manage ». Под ним, вы найдете Имя сервера.
  • Изменение существующих имен серверов на те, которые предусмотрены в Cloudflare. Вот и все. Теперь Cloudflare потребуется некоторое время, чтобы подтвердить ваш веб-сайт.
  • После того, как процесс проверки будет завершен, вы будете готовы добавить сертификат Cloudflare Flexible SSL на вашем WordPress сайт. Теперь откройте вкладку «Crypto » из ряда иконок в приборной панели CloudFlare.
  • Под Crypto, вы найдете опцию SSL Certificate. Выберите Flexible SSL из выпадающего меню. Cloudflare обычно необходимо около 15 минут, чтобы выдать сертификат Flexible SSL для вашего доменного имени.
  • Через некоторое время вы получите письмо об активации сертификата Cloudflare Flexible SSL. Вы можете активировать, за счет нажатия зеленого значка «ACTIVE CERTIFICATE » в опции SSL сертификата. Смотрите скриншот выше для получения дополнительной информации.

Настройка WordPress для сертификата Cloudflare Flexable SSL

Примечание: Перед выполнением каких-либо изменений в панели управления WordPress, Не меняйте свой адрес сайта с HTTP на HTTPS, в противном случае, вы можете не зайти на свой сайт.

Для активации HTTPS на вашем WordPress сайте, Cloudflare требует установки двух плагинов. Без установки этих плагинов для Cloudflare Flexible SSL – сертификат не будет работать на вашем WordPress сайте .

Плагин WordPress – Cloudflare Flexible SSL

Этот плагин имеет решающее значение для установки сертификата Cloudflare Flexible SSL на вашем WordPress сайте. Это помогает от при загрузке WordPress сайтов под системой Flexible SSL в CloudFlare.

Этот плагин не требует каких-либо настроек. Просто установите и включите его в панели управления WordPress.

Плагин WordPress HTTPS (SSL) лучший SSL плагин для WordPress. Не только Cloudflare, но любой сертификат SSL может быть легко интегрирован в WordPress сайт с помощью этого плагина. Любые другие подробности об установке плагина будут найдены . Этот плагин заставит WordPress использовать HTTPS на всех каналах и на страницах вашего сайта.

Плагин WordPress HTTPS (SSL). Установка и настройка конфигурации

  1. Для установки плагина перейдите в админка WordPress > Плагины> Добавить новый.
  2. Перейти на вкладку HTTPS в главного меню WordPress.
  3. В настройках HTTPS, выберите опцию «YES» для настройки прокси-сервера и остальные параметры оставьте как есть.
  4. После этого просто нажмите на кнопку «Сохранить изменения». Для получения более подробной информации, обратитесь к скриншоту, приведенному ниже.

Настройка Cloudflare для решения HTTPS на всех веб-страницах.

Теперь вы завершили один этап для добавления Cloudflare Flexible SSL на вашем WordPress сайте. Войдите в свою панель управления на CloudFlare и перейти к правилам страницы из ряда иконок.

Страница правил позволяют контролировать настройки триггеров Cloudflare для запуска по данному URL. Так вот, вы должны добавить новое правило страницы, которое позволит вам включить HTTPS на вашем WordPress сайте.

  1. Войдите в свой CloudFlare и перейдите в раздел «Page Rules».
  2. Теперь нажмите на «Create Page Rule». Cloudflare предлагает только три правила страницы на сайте в бесплатном аккаунте.
  3. Введите свой URL сайта, как правило, страницы между двумя * – * звездочками. Например, HTTP: //*сайт* . Если адрес вашего сайта имеет «www», то затем записать его с «www».
  4. В настройках, включите “Always use HTTPS”.
  5. Держите порядок запуска, как «First».
  6. Теперь сохраните правило страницы, нажав на кнопку «Save and Deploy».

Изменение адреса WordPress сайта (URL) с HTTP на HTTPS

Это последний этап, на котором вы должны изменить свой адрес WordPress сайта (URL), чтобы начать использовать HTTPS на вашем сайте.

  1. Перейти к вашим общим настройкам .
  2. Теперь вы должны изменить свой адрес сайта из «http://» на «https://», чтобы начать использовать Cloudflare Flexable SSL в WordPress . Пожалуйста, не пытайтесь изменить WordPress адрес (URL) и оставить его как «http://».

Примечание:

Не вносите никаких изменений в адрес сайта (URL) перед установкой и активацией плагина Cloudflare Flexible SSL в WordPress. В противном случае, это нарушит ваш сайт. Если вы измените свой WordPress адрес (URL) на «https://», это приведет к краху вашего сайта, и он не будет работать.

Итог

  • Если ваш WordPress сайт принимает конфиденциальные данные от посетителей, как банковский перевод, онлайн покупки, регистрации электронной почты или логин, добавление SSL сертификата имеет решающее значение.
  • В настоящее время или HTTPS не сильно влияет на вашего сайта, но, возможно, позже, возможно, что он станет одним из основных рейтинговых сигналов Google.
  • SSL будет держать ваш сайт защищенным, не только для вас, но и для ваших посетителей.

Вы сделали переход на HTTPS? Какие возникли самые большие проблемы, с которой вы столкнулись, сделав это? Есть какие-либо вопросы на уме? Вы можете задать в комментариях.

Совсем недавно (1 сентября 2017 года), я переехал с виртуального хостинга на виртуальный сервер (с чем себя и поздравляю). Так как до этого времени пользовался виртуальным хостингом в котором меня всё устраивало, достаточно долгое время. Переезд оказался для мене не очень простым, но сейчас уже всё нормально работает, но до этого я столкнулся с некоторыми трудностями при переходе на виртуальный сервер.

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

Бесплатный DNS от CloudFlare

Не 1 раз попадал на сайты, где подключен CloudFlare, но мне как-то не было интересно разбираться что это за сервис и зачем он, так как ошибочно считал, что он только для защиты от ddos атак. Но как оказалось, там есть ещё как минимум 1 бесплатная услуга, которая мне очень приходилась — бесплатный DNS .

Подключаем сайт к cloudflare

  1. Первым делом вам нужно зарегистрироваться на перейдя по ссылке: https://www.cloudflare.com/a/sign-up
  2. Добавляем сайт в систему нажимая на кнопочку «Add Site» в правом верхнем углу.
  3. Далее вводим адрес добавляемого сайт и нажимаем на «Begin Scan», чтобы сервис в автоматическом режиме просканировал ваши DNS записи. Если этого автоматически не произойдёт, то их придется ввести в ручную.
  4. Далее мы видим наши DNS записи:
    Здесь вам нужно определится: вы хотите пользоваться только бесплатным DNS, или же желаете воспользоваться дополнительным функционалом. Если нажать на облако — оно станет оранжевым и это означает, что вы включили CDN (проксирование) с помощью CloudFlare. Это нужно для того, если вы хотите скрыть реальный IP вашего сервера, или же при DDOS атаке на вас. Это удобно ещё тогда, когда ваша аудитория сайта не ограничивается 1-й страной, тогда сервис будет выдавать контент с ближайшего сервера к вашему посетителю, что должно повысить скорость загрузки сайта. В CDN от данного сервиса есть и минусы, о которых я напишу в конце.
  5. Выбираем бесплатный тарифный план (нам его вполне достаточно).
  6. После чего, сервис предоставит ваши индивидуальные NS-сервера, которые нужно прописать в панели регистрации вашего домена. В моем случает это: elle.ns.cloudflare.com
    ivan.ns.cloudflare.com

  7. Прописываем наши NS-сервера в настройках домена:
    Далее, нам остается только ждать 2-48 часов (как правило быстрее), чтобы полностью сменились NS сервера на новые. Как только они поменяются и у вас включен CDN, то все сервисы будут показывать не реальный IP вашего сайта, а IP CloudFlare.

Возможности CloudFlare


Сервис CloudFlare предоставляет услуги по обеспечению безопасности и улучшению производительности сайтов. Одними из возможностей являются:

  • Блокировка угроз, вредоносных ботов или роботов, которые могут значительно поглощать трафик и нагружать ;
  • Кэширование статических данных и расположение их в максимально близких к посетителям местах;

В результате сайт, подключенный к данному сервису, получает улучшенную производительность, а также сведённый до минимума риск спама и сетевых атак. Полный перечень услуг и тарифных планов расположен на официальном сайте данного сервиса в разделе Features & pricing . Справочная информация и связь с представителями CloudFlare расположены в разделе Help .

Ниже представлены шаги настройки учетной записи с бесплатным тарифным планом.

Видео-инструкция настройки CloudFlare

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

Создание аккаунта

На сайте CloudFlare нажимаем на кнопку Sign up . В появившейся форме вводим e-mail адрес, имя пользователя и пароль в соответствующие поля.

После ознакомления с правилами пользования соглашаемся с условиями путем установки галочки рядом с I agree to CloudFlare’s Terms of use и нажимаем на кнопку Create account now .

Добавление домена

Вводим свой домен и нажимаем на кнопку Add website .

В результате будет запущена система сканирования ресурсных записей домена, о чем сообщит уведомление Please wait while we scan your records . После завершения сканирования жмём клавишу Continue .

Все существующие ресурсные (DNS) записи домена будут определены программой автоматически из существующей DNS-зоны.

Также в автоматическом режиме создается CNAME -запись с именем direct .

Её назначение заключается в том, чтобы была возможность подключения напрямую к VPS в обход сети CloudFlare, например, для доступа к сервисам SSH, FTP и Telnet. Субдомен direct рекомендуется сменить на любой другой из соображений безопасности.

Все остальные ресурсы рекомендуется направлять через CloudFlare. Режим направления устанавливается при помощи иконки с облачком в столбце Active . Если же вы желаете отредактировать\удалить какую-либо ресурсную запись, в таком случае необходимо нажать на кнопку в виде шестерёнки и выбрать необходимое действие.

После внесения всех необходимых изменений нажимаем кнопку I’ve added all missing records, continue .

Выбор необходимых параметров.

На данном шаге выбираем тарифный план.

Обратите внимание, что Бесплатный пакет не поддерживает собственные SSL-сертификаты. Об этом будет выведено соответствующее предупреждение:

При обращении по https к домену/субдомену, для которого активно обслуживание CloudFlare, будет получена ошибка. Параметры Performance , Security , IPv6 и SmartErrors выбираем на своё усмотрение из выпадающего списка. После установки необходимых параметров нажимаем на кнопку Continue .

Примечание: Если же вы хотите использовать собственный сертификат от одного из центров сертификации, вам необходимо выбрать один из платных пакетов CloudFlare. При этом будет также зависеть от необходимых вам параметров защиты.

Обновление Ваших нейм-серверов

Чтобы все настройки, созданные в предыдущих шагах, заработали, необходимо установить неймсерверы CloudFlare для добавленного домена (в нашем случае vpstestdomain.com ).

Установка неймсерверов выполняется в панели управления на сайте регистратора вашего домена.

После того как NS будут обновлены, вернитесь к данной странице и нажмите на кнопку I’ve updated my nameservers, continue .

Результат регистрации домена

В случае успешной настройки вы получите соответствующее уведомление, а добавленный домен отобразится в панели управления.

Cloudflare.com — многие вебмастера знают этот CDN сервис, который один из немногих предоставляет свои услуги (в ограниченном режиме, правда) БЕСПЛАТНО. Я тоже долгое время пользоваться услугами этого сервиса, но сегодня настал час ИКС. Почему я решил перестал пользоваться Cloudflare?


Сегодня мне пришло письмо из этого отличного сервиса , который позволяет бесплатно сделать аудит сайта — и я его сделал для своего сайта https://aliprofi.ru . Среди некоторых ошибок я увидел вот это:

Мой белый и пушистый сайт про алиэкспресс попал в список запрещенных сайтов! Но как такое могло произойти?

Я стал проверять свой сайт по доменному имени в реестре запрещенных сайтов — там его не было. Тогда я решил проверить сайт по IP, который узнать можно в любом сервисе:

Показало адрес 104.28.22.165 — но это не адрес моего сервера, а адрес Cloudflare. Мой адрес совсем другой — 185.58.207.192:

Решил я проверить этот IP в реестре запрещенных сайтов и тут же получил ответ на свой вопрос:

Мой сайт оказался на одном IP с каким-то заблокированным сайтом и попал под раздачу. А это значит, что в России многие люди не смогут зайти на него, так как их провайдер блокирует к нему доступ.

Одно утешает, что далеко не все провайдеры четко следуют этому списку. У меня в январе этого года была та же история с сайтом про Linux , я приехал в гости в Россию и с удивлением обнаружил, что мой сайт блокирует один из провайдеров по этой же самой причине.

Какой можно сделать вывод? Нужно или отказаться от услуг cloudflare , или переходить на платный тариф, так как там скорее всего (не уверен) можно получить статичный IP, не заблокированный в России.

Вот такая история, решил вас предупредить, чтобы и с вами не случилось такого. Кстати, этот же мой сайт заблокировали в сети Вконтакте, я только вчера вел с ними переписку:

Может его заблокировали по этой же причине? А может и нет, но так или иначе проблему я вовремя обнаружил и решил, и это радует!

DDoS атака Как защититься с Cloudflare + Обходы CF


Не нашли ответ? Воспользуйтесь поиском по сайту