{"id":28943,"date":"2021-06-03T17:53:00","date_gmt":"2021-06-03T14:53:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=28943"},"modified":"2021-10-18T03:37:36","modified_gmt":"2021-10-18T00:37:36","slug":"zintegruj-google-invisible-recaptcha-z-php","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pl\/zintegruj-google-invisible-recaptcha-z-php\/","title":{"rendered":"Zintegruj Google Invisible reCAPTCHA z PHP"},"content":{"rendered":"

Dodanie captcha do formularzy na stronie jest w dzisiejszych czasach niezb\u0119dne. W przeciwnym razie Twoja skrzynka odbiorcza i baza danych zape\u0142niaj\u0105 si\u0119 tonami spamu. Po prostu marnuje nasz czas na czyszczenie wiadomo\u015bci e-mail, a tak\u017ce zajmuje dodatkowe miejsce w bazie danych serwera.<\/p>\n

Google reCAPTCHA to lepszy spos\u00f3b na ochron\u0119 formularzy przed botami. U\u017cywaj\u0105c reCAPTCHA, b\u0119dziesz kontynuowa\u0142 swoje formularze tylko wtedy, gdy b\u0119d\u0105 mia\u0142y rzeczywiste interakcje mi\u0119dzyludzkie.<\/p>\n

W tym artykule dowiemy si\u0119, jak zintegrowa\u0107 Google Invisible reCAPTCHA w formularzach Twojej witryny z PHP. W przypadku Invisible reCAPTCHA Twoi go\u015bcie nie musz\u0105 rozwi\u0105zywa\u0107 zagadek. Musi zweryfikowa\u0107 \u017c\u0105danie w tle po stronie serwera.<\/p>\n

Zarejestruj witryn\u0119 i uzyskaj klucze API<\/h3>\n

Aby rozpocz\u0105\u0107, zarejestruj swoj\u0105 witryn\u0119 tutaj \u2013 <\/a>https:\/\/www.google.com\/recaptcha\/admin<\/a>.<\/p>\n

Wybierz opcj\u0119 \u201eNiewidoczna odznaka reCAPTCHA" z \u201ereCAPTCHA v2″.<\/p>\n

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

Dodaj swoj\u0105 domen\u0119 w tym samym formularzu. Mo\u017cesz wstawi\u0107 tyle domen, ile chcesz. Dla serwera lokalnego dodaje domen\u0119 jako localhost. Po przes\u0142aniu formularza otrzymasz klucze API. Skopiuj te klucze. B\u0119dzie to wymagane w kolejnych krokach.<\/p>\n

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

Zintegruj Google Invisible reCAPTCHA<\/h3>\n

Aby doda\u0107 Invisible reCAPTCHA w formularzu, wymaga nieco innego podej\u015bcia. Musimy przekaza\u0107 atrybuty danych do przycisku i przes\u0142a\u0107 formularz za pomoc\u0105 JavaScript w nast\u0119puj\u0105cy spos\u00f3b.<\/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
Ten kod dodaje Invisible reCAPTCHA do twojego formularza. Je\u015bli ponownie za\u0142adujesz stron\u0119, zobaczysz logo reCAPTCHA w prawym dolnym rogu strony.<\/p>\n
Tutaj przekazali\u015bmy klucz witryny reCAPTCHA do atrybutu \u201edata-sitekey”, a nazw\u0119 metody \u201esubmitForm” do atrybutu \u201edata-callback”. Gdy u\u017cytkownik kliknie przycisk, wywo\u0142uje metod\u0119 wywo\u0142ania zwrotnego, kt\u00f3ra przesy\u0142a formularz za pomoc\u0105 JavaScript.<\/p>\n
Teraz nadszed\u0142 czas na weryfikacj\u0119 po stronie serwera. Zweryfikujemy warto\u015b\u0107 odpowiedzi reCAPTCHA wzgl\u0119dem adresu URL interfejsu API Google w nast\u0119puj\u0105cy spos\u00f3b.<\/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
Kiedy prawdziwy cz\u0142owiek przesy\u0142a Tw\u00f3j formularz, generuje odpowied\u017a reCAPTCHA, kt\u00f3r\u0105 nast\u0119pnie powy\u017cszy kod weryfikuje za pomoc\u0105 Google API. Je\u015bli formularz zostanie przes\u0142any przez boty, powy\u017csza weryfikacja nie powiedzie si\u0119. Kontynuuj wype\u0142nianie formularza tylko w przypadku pozytywnej odpowiedzi.<\/p>\n
Nasz ostateczny kod jest nast\u0119puj\u0105cy.<\/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
Ot\u00f3\u017c \u200b\u200bto! Korzystaj z formularzy wolnych od spamu w swojej witrynie. Chcia\u0142bym us\u0142ysze\u0107 wasze przemy\u015blenia i sugestie w sekcji komentarzy poni\u017cej.<\/p>\n
Powi\u0105zane artyku\u0142y<\/h4>\n