Opencart 2.x - Настройка Google Recaptcha

Тема в разделе "Вопросы безопасности", создана пользователем admin, 20 апр 2018.

  1. TopicStarter Overlay
    Offline

    admin Команда форума Администратор

    Сообщения:
    2.674
    Симпатии:
    122.010
    Репутация:
    215
    Профессионал вы или новичок в мире веб-разработки, но про CAPTCHA вы должны были слышать. Важный и широко применяемый метод определения ботов. Существует множество сторонних скриптов, с помощью которых можно установить CAPTCHA на сайт. Сегодня мы поговорим о том, как интегрировать Google reCAPTCHA в OpenCart.

    Сервис reCAPTCHA разработан google, и он бесплатный! Плюс еще и в том, что данная функциональность включена в ядро OpenCart. Нам необходимо ее правильно настроить и включить!

    Для начала мы настроим ключи API на сайте google. Далее мы увидим, как настраивать reCAPTCHA через back end OpenCart. В конце статьи мы также узнаем, где на front end reCAPTCHA поддерживается по умолчанию.

    Предполагаю, что вы работаете в последней версии OpenCart. Перейдем к регистрации сайта на google и получению данных для API.

    Регистрация сайта и получения ключей API для reCAPTCHA
    Зайдите на сайт Google reCAPTCHA, кликните на Get reCAPTCHA в правой верхней части экрана. Если вы не вошли в аккаунт google, вам придется это сделать. Если уже авторизовались, то вас перенаправит на форму регистрации reCAPTCHA, как на скриншоте ниже.

    1.png

    Заполните поля как на скриншоте и кликните на Register, чтобы перейти к следующей странице. На следующей странице будут данные API для вашего сайта. Необходимо скопировать значения Site key и Secret key, они нам позже понадобятся.

    2.png

    Вы зарегистрировали свой сайт в google reCAPTCHA. В следующей секции мы посмотрим, как использовать этот сервис через back end.

    Настройка ключей API в OpenCart
    Перейдите в back end OpenCart и далее System > Settings. Перейдите к редактированию магазина. Перейдите на вкладку google, на ней должна отображаться форма настроек, как показано ниже.

    3.png

    В разделе google reCAPTCHA введите Site key и Secret key и сохраните. Сервис необходимо перевести в статус enabled.

    Мы настроили данные для API в OpenCart. В следующей секции мы посмотрим разные экраны на front end, чтобы проверить работу сервиса.

    Проверка страниц с поддержкой reCAPTCHA
    Обычно reCAPTCHA используется в формах, чтобы предотвратить автоматическую отправку данных и спам. Поэтому OpenCart включил этот сервис на несколько форм на front end. Проверим страницы, поддерживающие интеграцию с reCAPTCHA.

    Контактная форма
    Перейдите на станицу Contact Us. На форме должна отображаться красивая reCAPTCHA!

    4.png

    Простите, но ботам и спаммерам здесь не место!

    Форма отзывов
    Если на сайте включены отзывы на товары, то они также попадают под действие reCAPTCHA. Форму отзыва на товар можно найти на странице одного товара на вкладке Reviews.

    5.png

    Форма возвратов
    Посмотрим еще один экран, поддерживающий интеграцию с reCAPTCHA. Если кто-то хочет вернуть товар, он или она должны заполнить форму на front end. Эту форму необходимо проверять. Возвращается ли товар реальным пользователем, который размещал заказ.

    6.png

    С проверкой reCAPTCHA на front end в OpenCart закончили.

    Как видите, reCAPTCHA очень просто настраивается на сайте. Включите этот сервис, чтобы остановить спам. Ежедневно чистить спам вручную надоедает, к тому же это отнимает львиную долю времени.

    Заключение
    Сегодня мы познакомились с reCAPTCHA в OpenCart и узнали, как настроить ее через back end. Также мы проверили несколько экранов на front end, которые поддерживают reCAPTCHA по умолчанию.
     
    kogram нравится это.