Verwenden von Google reCAPTCHA in Ihren Website-Formularen mit PHP

Last updated 18. Oktober 2021

Inhalt

Registrieren Sie die Site und erhalten Sie API-Schlüssel

Sie möchten Google reCAPTCHA in Ihre Website integrieren? Google bietet einen reCAPTCHA-Dienst, der das Kontrollkästchen "Ich bin kein Roboter" in Ihr Formular einfügt, um Benutzer zu validieren. Dieses reCAPTCHA schützt Ihre Formulare vor Bots. In diesem Artikel untersuchen wir, wie Sie Google reCAPTCHA auf einer Website mit PHP hinzufügen und validieren .

Der Schutz Ihrer Datenbank vor Spam ist ein wesentlicher Bestandteil jeder Website. Heutzutage senden viele Bots kontinuierlich gefälschte Daten über Website-Formulare. Durch das Hinzufügen von reCAPTCHA auf der Website können wir Spam-Registrierungen, Kommentare, missbräuchliche Sprachen usw.

Google reCAPTCHA soll herausfinden, ob eine eingehende Anfrage von einem echten Menschen oder von einem Bot stammt.

Sehen wir uns jedoch eine Schritt-für-Schritt-Anleitung zum Hinzufügen und Validieren von reCAPTCHA auf Ihrer Website an.

Hinweis: In der Vergangenheit haben wir einen Artikel über das Hinzufügen von reCAPTCHA in Laravel-Formularen geschrieben. Wenn jemand reCAPTCHA in Laravel integrieren möchte, dann lesen Sie bitte den Artikel Google reCAPTCHA in Laravel Website Forms hinzufügen.

Registrieren Sie die Site und erhalten Sie API-Schlüssel

Zuerst müssen Sie Ihre Site hier registrieren – https://www.google.com/recaptcha/admin. Wählen Sie die Optionen für reCAPTCHA v2 und das Kontrollkästchen „Ich bin kein Roboter”, wie im Screenshot gezeigt.

Wenn Sie es auf einem lokalen Server testen möchten, verwenden Sie die Zeichenfolge ‘localhost’ im Domänenfeld.

Wenn Sie das obige Formular ausfüllen, erhalten Sie Ihren Site-Schlüssel und Ihren Geheimschlüssel.

Integrieren Sie Google reCAPTCHA

Sie sind mit Ihren reCAPTCHA-API-Schlüsseln fertig. Als nächstes installieren Sie diese GitHub-Bibliothek, die das Hinzufügen und Validieren von reCAPTCHA ermöglicht. Empfohlen wird die Installation dieser Bibliothek über Composer.

Öffnen Sie das Terminal in Ihrem Projekt-Root-Verzeichnis und führen Sie den Befehl aus:

composer require anhskohbo/no-captcha

Nach der Installation der Bibliothek können wir das reCAPTCHA mithilfe der in der Bibliothek bereitgestellten Methoden in unser Formular einfügen.

Lassen Sie uns beispielsweise ein Formular erstellen, das Felder wie E-Mail, reCAPTCHA und eine Schaltfläche zum Senden enthält.

<?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(); ?>

Stellen Sie sicher, dass Sie die Platzhalter durch die tatsächlichen Werte ersetzen. Im obigen Code $captcha->display()zeigt die Funktion das Kontrollkästchen „Ich bin kein Roboter” an. Die Methode $captcha->renderJs()enthält die erforderliche JS-Datei von reCAPTCHA.

Um den Benutzer zu validieren, schreiben Sie nun den folgenden Code in die Formularübermittlung.

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

Unser endgültiger Code ist also wie folgt.

<?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(); ?>

Das ist es! Ich hoffe, Sie haben die Integration von Google reCAPTCHA in Ihre Website-Formulare kennengelernt. Bitte teilen Sie Ihre Gedanken und Vorschläge im Kommentarbereich unten mit.

Zum Thema passende Artikel

Aufnahmequelle: artisansweb.net