Використання Google reCAPTCHA на вашому веб-сайті у формах за допомогою PHP

Останнє оновлення Жов 17, 2021

Зміст

Зареєструйте сайт та отримайте ключі API

Ви хочете інтегрувати Google reCAPTCHA на свій веб-сайт? Google надає послугу reCAPTCHA, яка додає прапорець "Я не робот" у вашу форму для перевірки користувачів. Цей reCAPTCHA захищає ваші форми від ботів. У цій статті ми вивчаємо, як додати та перевірити Google reCAPTCHA на веб-сайті за допомогою PHP .

Захист бази даних від спаму є важливою частиною будь-якого веб-сайту. У наш час багато ботів постійно надсилають фальшиві дані через форми веб-сайтів. Додавши reCAPTCHA на веб-сайт, це допоможе нам зупинити реєстрацію спаму, коментарів, образливих мов тощо.

Google reCAPTCHA призначений для з’ясування, чи надходить запит від справжньої людини чи від бота.

З огляду на це, давайте подивимось покрокове керівництво щодо додавання та перевірки reCAPTCHA на вашому веб-сайті.

Примітка: Раніше ми писали статтю про додавання reCAPTCHA у форми Laravel. Якщо хтось хоче інтегрувати reCAPTCHA в Laravel, прочитайте статтю Додати Google reCAPTCHA у веб-формах Laravel.

Зареєструйте сайт та отримайте ключі API

Спочатку вам потрібно зареєструвати свій сайт тут – https://www.google.com/recaptcha/admin. Виберіть параметри для reCAPTCHA v2 та прапорець “Я не робот", як показано на скріншоті.

Якщо ви маєте намір протестувати його на локальному сервері, використовуйте рядок ‘localhost’ у полі домену.

Після заповнення наведеної форми ви отримаєте ключ сайту та секретний ключ.

Інтегруйте Google reCAPTCHA

Ви готові до використання ключів API reCAPTCHA. Далі встановіть цю бібліотеку GitHub, яка дозволяє додавати та перевіряти reCAPTCHA. Рекомендований спосіб встановлення цієї бібліотеки – через Composer.

Відкрийте термінал у кореневому каталозі проекту та запустіть команду:

composer require anhskohbo/no-captcha

Після встановлення бібліотеки ми можемо додати reCAPTCHA у нашу форму, використовуючи методи, передбачені в бібліотеці.

Наприклад, давайте створимо форму, яка має такі поля, як електронна пошта, reCAPTCHA та кнопка надсилання.

<?php
require_once "vendor/autoload.php";
 
$secret  = 'YOUR_SECRET_KEY';
$sitekey = 'YOUR_SITE_KEY';
$captcha = new AnhskohboNoCaptchaNoCaptcha($secret, $sitekey);
?>
 
<form method="POST">
    <p>
        <input type="email" class="form-control" placeholder="Enter email address">
    </p>
    <?php echo $captcha->display(); ?>
    <button type="submit" name="submit" class="btn btn-primary">Submit</button>
</form>
<?php echo $captcha->renderJs(); ?>

Обов’язково замініть заповнювачі фактичними значеннями. У наведеному вище коді функція $captcha->display()відображає прапорець «Я не робот». Метод $captcha->renderJs()включає необхідний JS-файл reCAPTCHA.

Тепер, щоб перевірити користувача, напишіть наведений нижче код у формі подання.

if (isset($_POST['submit'])) {
    if($captcha->verifyResponse($_POST['g-recaptcha-response'])) {
        //proceed further
    } else {
        echo "Incorrect captcha";
    }
}

Отже, наш остаточний код такий.

<?php
require_once "vendor/autoload.php";
 
$secret  = 'YOUR_SECRET_KEY';
$sitekey = 'YOUR_SITE_KEY';
$captcha = new AnhskohboNoCaptchaNoCaptcha($secret, $sitekey);
 
if (isset($_POST['submit'])) {
    if($captcha->verifyResponse($_POST['g-recaptcha-response'])) {
        //proceed further
    } else {
        echo "Incorrect captcha";
    }
}
?>
 
<form method="POST">
    <p>
        <input type="email" class="form-control" placeholder="Enter email address">
    </p>
    <?php echo $captcha->display(); ?>
    <button type="submit" name="submit" class="btn btn-primary">Submit</button>
</form>
<?php echo $captcha->renderJs(); ?>

Це воно! Сподіваюся, ви дізналися про інтеграцію Google reCAPTCHA у форми веб-сайту. Будь ласка, поділіться своїми думками та пропозиціями в розділі коментарів нижче.

Пов’язані статті

Джерело запису: artisansweb.net