...
✅ WEB- och WordPress -nyheter, teman, plugins. Här delar vi tips och bästa webbplatslösningar.

Använda Google reCAPTCHA på din webbplats formulär med PHP

96

Vill du integrera Google reCAPTCHA på din webbplats? Google tillhandahåller en reCAPTCHA-tjänst som lägger till kryssrutan "Jag är inte en robot" i ditt formulär för att validera användare. Denna reCAPTCHA skyddar dina formulär mot bots. I den här artikeln studerar vi hur du lägger till och validerar Google reCAPTCHA på en webbplats med PHP .

Att skydda din databas mot skräppost är en viktig del av alla webbplatser. Numera skickar många robotar kontinuerligt falska data via webbplatsformulär. Genom att lägga till reCAPTCHA på webbplatsen hjälper det oss att stoppa skräppostregistreringar, kommentarer, kränkande språk etc.

Google reCAPTCHA är utformat för att ta reda på om en inkommande begäran kommer från en riktig människa eller från en bot.

Med detta sagt, låt oss se en steg-för-steg-guide för hur du lägger till och validerar reCAPTCHA på din webbplats.

Obs: Tidigare har vi skrivit en artikel om att lägga till reCAPTCHA i Laravel-former. Om någon vill integrera reCAPTCHA i Laravel läs artikeln Lägg till Google reCAPTCHA på Laravels webbplatsformulär.

Registrera webbplatsen och få API-nycklar

Först måste du registrera din webbplats här – https://www.google.com/recaptcha/admin. Välj alternativen för reCAPTCHA v2 och "Jag är inte en robot" kryssrutan som visas på skärmdumpen.

Använda Google reCAPTCHA på din webbplats formulär med PHP

Om du tänker testa det på en lokal server använder du strängen ‘localhost’ i domänfältet.

När du fyller i formuläret ovan får du din webbplatsnyckel och hemliga nyckel.

Integrera Google reCAPTCHA

Du är redo med dina reCAPTCHA API-nycklar. Installera sedan detta GitHub-bibliotek som gör det möjligt att lägga till och validera reCAPTCHA. Rekommenderat sätt att installera detta bibliotek är via Composer.

Öppna terminalen i din projektkatalog och kör kommandot:

composer require anhskohbo/no-captcha

Efter att ha installerat biblioteket kan vi lägga till reCAPTCHA i vårt formulär med de metoder som finns i biblioteket.

Låt oss till exempel skapa ett formulär som har fält som e-post, reCAPTCHA och en skicka-knapp.

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

Se till att ersätta platshållare med de faktiska värdena. I koden ovan $captcha->display()visar funktionen kryssrutan "Jag är inte en robot". Metoden $captcha->renderJs()inkluderar den nödvändiga JS-filen för reCAPTCHA.

För att validera användaren, skriv nedanstående kod i formuläret.

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

Så vår slutliga kod är som följer.

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

Det är allt! Jag hoppas att du fick veta om att integrera Google reCAPTCHA på dina webbplatsformulär. Dela dina tankar och förslag i kommentarsektionen nedan.

relaterade artiklar

Inspelningskälla: artisansweb.net

Denna webbplats använder cookies för att förbättra din upplevelse. Vi antar att du är ok med detta, men du kan välja bort det om du vill. Jag accepterar Fler detaljer