{"id":29060,"date":"2021-06-03T17:25:00","date_gmt":"2021-06-03T14:25:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=29060"},"modified":"2021-10-17T04:27:22","modified_gmt":"2021-10-17T01:27:22","slug":"integrera-google-invisible-recaptcha-med-php","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/sv\/integrera-google-invisible-recaptcha-med-php\/","title":{"rendered":"Integrera Google Invisible reCAPTCHA med PHP"},"content":{"rendered":"

Att l\u00e4gga till captcha p\u00e5 webbplatsens formul\u00e4r \u00e4r n\u00f6dv\u00e4ndigt nuf\u00f6rtiden. Annars fyller din inkorg och databas massor av skr\u00e4ppost. Det sl\u00f6sar bara bort v\u00e5r tid med att rensa e-post och tar ocks\u00e5 extra utrymme i serverdatabasen.<\/p>\n

Google reCAPTCHA \u00e4r ett b\u00e4ttre s\u00e4tt att skydda dina formul\u00e4r mot bots. Med reCAPTCHA forts\u00e4tter du med dina formul\u00e4r endast om den har verkliga m\u00e4nskliga interaktioner.<\/p>\n

I den h\u00e4r artikeln studerar vi hur man integrerar Google Invisible reCAPTCHA p\u00e5 dina webbplatsformul\u00e4r med PHP. N\u00e4r det g\u00e4ller Invisible reCAPTCHA beh\u00f6ver dina bes\u00f6kare inte l\u00f6sa pussel. Det m\u00e5ste validera beg\u00e4ran i bakgrunden p\u00e5 serversidan.<\/p>\n

Registrera webbplatsen och f\u00e5 API-nycklar<\/h3>\n

F\u00f6r att komma ig\u00e5ng, registrera din webbplats h\u00e4r – <\/a>https:\/\/www.google.com\/recaptcha\/admin<\/a>.<\/p>\n

V\u00e4lj ett alternativ ’Invisible reCAPTCHA-m\u00e4rke’ fr\u00e5n ’reCAPTCHA v2’.<\/p>\n

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

L\u00e4gg till din dom\u00e4n i samma form. Du kan infoga s\u00e5 m\u00e5nga dom\u00e4ner som du vill. F\u00f6r en lokal server l\u00e4gger dom\u00e4nen till som lokal v\u00e4rd. N\u00e4r du skickar ett formul\u00e4r f\u00e5r du API-nycklarna. Kopiera dessa nycklar. Det kommer att kr\u00e4vas i n\u00e4sta steg.<\/p>\n

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

Integrera Google Invisible reCAPTCHA<\/h3>\n

F\u00f6r att l\u00e4gga till en osynlig reCAPTCHA i formul\u00e4ret kr\u00e4vs lite annat. Vi m\u00e5ste skicka dataattribut till knappen och skicka formul\u00e4ret med JavaScript enligt f\u00f6ljande.<\/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
Den h\u00e4r koden l\u00e4gger till Invisible reCAPTCHA i din form. Om du laddar om sidan kommer du att se reCAPTCHA-logotypen l\u00e4ngst ner till h\u00f6ger p\u00e5 sidan.<\/p>\n
H\u00e4r har vi skickat reCAPTCHA-webbplatsnyckeln till attributet "data-sitekey" och metodnamnet "submitForm" till attributet "data-callback". N\u00e4r anv\u00e4ndaren klickar p\u00e5 knappen anropar den \u00e5teruppringningsmetoden som skickar ett formul\u00e4r med JavaScript.<\/p>\n
Nu \u00e4r det dags f\u00f6r validering av serversidan. Vi kommer att verifiera v\u00e4rdet av reCAPTCHA-svaret mot Google API-URL enligt f\u00f6ljande.<\/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
N\u00e4r en riktig m\u00e4nniska skickar in ditt formul\u00e4r genererar det ett reCAPTCHA-svar som sedan koden ovan verifieras med Google API. Om formul\u00e4ret skickas via bots misslyckas verifieringen ovan. Du b\u00f6r forts\u00e4tta med formul\u00e4ret endast om du lyckas.<\/p>\n
V\u00e5r slutliga kod \u00e4r som f\u00f6ljer.<\/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
Det \u00e4r allt! Njut av skr\u00e4ppostfria formul\u00e4r p\u00e5 din webbplats. Jag skulle vilja h\u00f6ra dina tankar och f\u00f6rslag i kommentarsektionen nedan.<\/p>\n
relaterade artiklar<\/h4>\n