{"id":25583,"date":"2021-06-03T17:30:00","date_gmt":"2021-06-03T14:30:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=25583"},"modified":"2021-10-18T03:05:58","modified_gmt":"2021-10-18T00:05:58","slug":"integra-google-invisible-recaptcha-con-php","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/it\/integra-google-invisible-recaptcha-con-php\/","title":{"rendered":"Integra Google Invisible reCAPTCHA con PHP"},"content":{"rendered":"

Al giorno d’oggi \u00e8 necessario aggiungere captcha ai moduli del sito web. Altrimenti, la tua casella di posta e il database si riempiono di tonnellate di spam. Ci fa solo perdere tempo a ripulire le e-mail e occupa anche spazio extra nel database del server.<\/p>\n

Google reCAPTCHA \u00e8 un modo migliore per proteggere i tuoi moduli dai bot. Usando reCAPTCHA, procederai con i tuoi moduli solo se ha interazioni umane reali.<\/p>\n

In questo articolo, studiamo come integrare Google Invisible reCAPTCHA sui moduli del tuo sito web con PHP. Nel caso di Invisible reCAPTCHA, i tuoi visitatori non hanno bisogno di risolvere enigmi. Deve convalidare la richiesta in background sul lato server.<\/p>\n

Registra il sito e ottieni le chiavi API<\/h3>\n

Per iniziare, registra il tuo sito qui \u2013 <\/a>https:\/\/www.google.com\/recaptcha\/admin<\/a>.<\/p>\n

Scegli un’opzione "Badge reCAPTCHA invisibile" da "reCAPTCHA v2".<\/p>\n

\"Integra<\/a><\/p>\n

Aggiungi il tuo dominio nello stesso modulo. Puoi inserire quanti domini vuoi. Per un server locale aggiunge il dominio come localhost. Dopo aver inviato un modulo, otterrai le chiavi API. Copia queste chiavi. Sar\u00e0 richiesto nei passaggi successivi.<\/p>\n

\"Integra<\/a><\/p>\n

Integra Google Invisible reCAPTCHA<\/h3>\n

Per aggiungere un reCAPTCHA invisibile nel modulo \u00e8 necessario un approccio leggermente diverso. Dobbiamo passare gli attributi dei dati al pulsante e inviare il modulo utilizzando JavaScript come segue.<\/p>\n

<form method=\"post\" id=\"userForm\">\n\u00a0\u00a0\u00a0\u00a0<p><input type=\"text\" class=\"form-control\" name=\"fullname\" placeholder=\"Enter full name\" \/><\/p>\n\u00a0\u00a0\u00a0\u00a0<p><button class=\"g-recaptcha btn btn-primary\" data-sitekey=\"YOUR_SITE_KEY\" data-callback=\"submitForm\">Submit<\/button><\/p>\n<\/form>\n\u00a0\n<script src='https:\/\/www.google.com\/recaptcha\/api.js'><\/script>\n<script>\nfunction submitForm() {\n\u00a0\u00a0\u00a0\u00a0document.getElementById('userForm').submit();\n}\n<\/script><\/code><\/pre>\n
Questo codice aggiunge Invisible reCAPTCHA nel tuo modulo. Se ricarichi la pagina, vedrai il logo reCAPTCHA nell’angolo in basso a destra della pagina.<\/p>\n
Qui, abbiamo passato la chiave del sito reCAPTCHA all’attributo ‘data-sitekey’ e il nome del metodo ‘submitForm’ all’attributo ‘data-callback’. Quando l’utente fa clic sul pulsante, chiama il metodo di callback che invia un modulo utilizzando JavaScript.<\/p>\n
Ora \u00e8 il momento della convalida lato server. Verificheremo il valore della risposta reCAPTCHA rispetto all’URL dell’API di Google come segue.<\/p>\n
if (isset($_POST['g-recaptcha-response'])) {\n\u00a0\u00a0\u00a0\u00a0$secret_key = 'YOUR_SECRET_KEY';\n\u00a0\u00a0\u00a0\u00a0$url = 'https:\/\/www.google.com\/recaptcha\/api\/siteverify?secret='.$secret_key.'&response='.$_POST['g-recaptcha-response'];\n\u00a0\u00a0\u00a0\u00a0$curl = curl_init();\n\u00a0\u00a0\u00a0\u00a0curl_setopt($curl, CURLOPT_URL, $url);\n\u00a0\u00a0\u00a0\u00a0curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);\n\u00a0\u00a0\u00a0\u00a0curl_setopt($curl, CURLOPT_HEADER, false);\n\u00a0\u00a0\u00a0\u00a0$data = curl_exec($curl);\n\u00a0\u00a0\u00a0\u00a0curl_close($curl);\n\u00a0\u00a0\u00a0\u00a0$responseCaptchaData = json_decode($data);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0if($responseCaptchaData->success) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0echo 'Captcha verified';\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/proceed with form values\n\u00a0\u00a0\u00a0\u00a0} else {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0echo 'Verification failed';\n\u00a0\u00a0\u00a0\u00a0}\n}<\/code><\/pre>\n
Quando un vero umano invia il tuo modulo, genera una risposta reCAPTCHA che quindi il codice sopra verifica con l’API di Google. Se il modulo viene inviato tramite bot, la verifica di cui sopra fallisce. Dovresti procedere con il modulo solo in caso di risposta positiva.<\/p>\n
Il nostro codice finale \u00e8 il seguente.<\/p>\n
<?php\nif (isset($_POST['g-recaptcha-response'])) {\n\u00a0\u00a0\u00a0\u00a0$secret_key = 'YOUR_SECRET_KEY';\n\u00a0\u00a0\u00a0\u00a0$url = 'https:\/\/www.google.com\/recaptcha\/api\/siteverify?secret='.$secret_key.'&response='.$_POST['g-recaptcha-response'];\n\u00a0\u00a0\u00a0\u00a0$curl = curl_init();\n\u00a0\u00a0\u00a0\u00a0curl_setopt($curl, CURLOPT_URL, $url);\n\u00a0\u00a0\u00a0\u00a0curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);\n\u00a0\u00a0\u00a0\u00a0curl_setopt($curl, CURLOPT_HEADER, false);\n\u00a0\u00a0\u00a0\u00a0$data = curl_exec($curl);\n\u00a0\u00a0\u00a0\u00a0curl_close($curl);\n\u00a0\u00a0\u00a0\u00a0$responseCaptchaData = json_decode($data);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0if($responseCaptchaData->success) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0echo 'Captcha verified';\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/proceed with form values\n\u00a0\u00a0\u00a0\u00a0} else {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0echo 'Verification failed';\n\u00a0\u00a0\u00a0\u00a0}\n}\n?>\n<form method=\"post\" id=\"userForm\">\n\u00a0\u00a0\u00a0\u00a0<p><input type=\"text\" class=\"form-control\" name=\"fullname\" placeholder=\"Enter full name\" \/><\/p>\n\u00a0\u00a0\u00a0\u00a0<p><button class=\"g-recaptcha btn btn-primary\" data-sitekey=\"YOUR_SITE_KEY\" data-callback=\"submitForm\">Submit<\/button><\/p>\n<\/form>\n\u00a0\n<script src='https:\/\/www.google.com\/recaptcha\/api.js'><\/script>\n<script>\nfunction submitForm() {\n\u00a0\u00a0\u00a0\u00a0document.getElementById('userForm').submit();\n}\n<\/script><\/code><\/pre>\n
Questo \u00e8 tutto! Goditi i moduli senza spam sul tuo sito web. Mi piacerebbe sentire i tuoi pensieri e suggerimenti nella sezione commenti qui sotto.<\/p>\n
articoli Correlati<\/h4>\n