{"id":29483,"date":"2021-06-16T16:06:00","date_gmt":"2021-06-16T13:06:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=29483"},"modified":"2021-10-18T03:31:56","modified_gmt":"2021-10-18T00:31:56","slug":"przewodnik-po-integracji-hcaptcha-z-php","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pl\/przewodnik-po-integracji-hcaptcha-z-php\/","title":{"rendered":"Przewodnik po integracji hCaptcha z PHP"},"content":{"rendered":"

Ostatnio jeden z naszych czytelnik\u00f3w zapyta\u0142 o integracj\u0119 hCapctha na stronie internetowej. HCaptcha<\/a> jest mi\u0142\u0105 alternatyw\u0105 do us\u0142ugi Google reCAPTCHA. W tym artykule dowiemy si\u0119, jak mo\u017cna doda\u0107 hCapctha z PHP na swojej stronie internetowej.<\/p>\n

Zawsze zaleca si\u0119 umieszczanie captcha na formularzach na stronie. Spamy s\u0105 naprawd\u0119 z\u0142e i po prostu Ci\u0119 frustruj\u0105. Nigdy nie chcesz traci\u0107 cennego czasu na usuwanie fa\u0142szywych\/niepotrzebnych komentarzy.<\/p>\n

Korzystaj\u0105c z hCaptcha, u\u017cytkownik musi rozwi\u0105za\u0107 wyzwania przed przes\u0142aniem formularza. A Tw\u00f3j formularz powinien dzia\u0142a\u0107 tylko wtedy, gdy captcha przejdzie jego weryfikacj\u0119. Integruj\u0105c captcha, oszcz\u0119dza mn\u00f3stwo spamu przed wej\u015bciem do bazy danych i skrzynki odbiorczej. Poniewa\u017c tylko prawdziwy cz\u0142owiek mo\u017ce rozwi\u0105za\u0107 zagadk\u0119 captcha.<\/p>\n

Powiedziawszy to, przyjrzyjmy si\u0119 integracji hCaptcha z PHP. Wymaga weryfikacji odpowiedzi hCaptcha po stronie serwera. Napiszemy kod po stronie serwera, u\u017cywaj\u0105c zar\u00f3wno cURL, jak i biblioteki Guzzle. U\u017cytkownik mo\u017ce skorzysta\u0107 z dowolnego z nich.<\/p>\n

Pierwsze kroki<\/h3>\n

Musisz najpierw za\u0142o\u017cy\u0107 konto w us\u0142udze hCaptcha<\/a>. W przeciwie\u0144stwie do Google reCAPTCHA, mo\u017cesz u\u017cywa\u0107 kluczy hCaptcha bezpo\u015brednio w swojej witrynie. Nie musisz rejestrowa\u0107 u nich swojej domeny.<\/p>\n

Ale je\u015bli chcesz, mo\u017cesz doda\u0107 swoj\u0105 domen\u0119, klikaj\u0105c przycisk +Nowa witryna<\/strong>. Otworzy si\u0119 formularz, w kt\u00f3rym musisz przekaza\u0107 swoj\u0105 domen\u0119 do pola Hostnames.<\/p>\n

Nast\u0119pnie kliknij ikon\u0119 ustawie\u0144 z tabeli i pobierz klucz witryny.<\/p>\n

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

Aby pobra\u0107 tajny klucz, kliknij kart\u0119 \u201eUstawienia".<\/p>\n

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

Gdy b\u0119dziesz gotowy z kluczami, musisz wykona\u0107 2 kroki. Najpierw dodaj hCaptcha do swojego formularza. A nast\u0119pnie sprawd\u017a poprawno\u015b\u0107 odpowiedzi captcha po stronie serwera.<\/p>\n

Stw\u00f3rzmy prosty formularz i dodajmy do niego hCaptcha w nast\u0119puj\u0105cy spos\u00f3b.<\/p>\n

<form action=\"\" method=\"POST\">\n\u00a0\u00a0\u00a0\u00a0<input type=\"text\" name=\"email\" placeholder=\"Email\" \/>\n\u00a0\u00a0\u00a0\u00a0<input type=\"password\" name=\"password\" placeholder=\"Password\" \/>\n\u00a0\u00a0\u00a0\u00a0<div class=\"h-captcha\" data-sitekey=\"YOUR_SITE_KEY\"><\/div>\n\u00a0\u00a0\u00a0\u00a0<br \/>\n\u00a0\u00a0\u00a0\u00a0<input type=\"submit\" name=\"submit\" value=\"Submit\" \/>\n<\/form>\n<script src=\"https:\/\/hcaptcha.com\/1\/api.js\" async defer><\/script><\/code><\/pre>\n
Tutaj dodali\u015bmy bibliotek\u0119 JavaScript hCaptcha i dodali\u015bmy klas\u0119 h-captcha<\/code>do kontenera div. Musisz te\u017c przekaza\u0107 klucz witryny do atrybutu data data-sitekey<\/strong>.<\/p>\n
Za\u0142aduj ponownie stron\u0119 i powiniene\u015b teraz zobaczy\u0107 pole wyboru hCaptcha dodane do formularza. Zobaczmy teraz, jak zweryfikowa\u0107 odpowied\u017a captcha.<\/p>\n
Sprawd\u017a odpowied\u017a hCaptcha za pomoc\u0105 cURL<\/h3>\n
Gdy u\u017cytkownik przesy\u0142a formularz wraz z captcha, musisz zweryfikowa\u0107 odpowied\u017a captcha po stronie serwera. W celu weryfikacji musisz wys\u0142a\u0107 \u017c\u0105dania POST do punktu ko\u0144cowego hCaptcha https:\/\/hcaptcha.com\/siteverify<\/code>. W \u017c\u0105daniu POST parametrami s\u0105 tajny klucz i h-captcha-response (pochodz\u0105ce z przes\u0142anego formularza).<\/p>\n
W PHP mo\u017cemy u\u017cywa\u0107 zar\u00f3wno cURL, jak i Guzzle do interakcji z zewn\u0119trznym serwerem. Podczas wysy\u0142ania \u017c\u0105da\u0144 przez cURL upewnij si\u0119, \u017ce rozszerzenie cURL jest w\u0142\u0105czone na twoim serwerze.<\/p>\n
W przypadku cURL Tw\u00f3j kod b\u0119dzie wygl\u0105da\u0142 nast\u0119puj\u0105co, aby zweryfikowa\u0107 odpowied\u017a hCaptcha.<\/p>\n
<?php\nif (isset($_POST['submit'])) {\n\u00a0\u00a0\u00a0\u00a0$data = array(\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'secret' => \"YOUR_SECRET_KEY\",\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'response' => $_POST['h-captcha-response']\n\u00a0\u00a0\u00a0\u00a0);\n\u00a0\u00a0\u00a0\u00a0$ch = curl_init();\n\u00a0\u00a0\u00a0\u00a0curl_setopt($ch, CURLOPT_URL, \"https:\/\/hcaptcha.com\/siteverify\");\n\u00a0\u00a0\u00a0\u00a0curl_setopt($ch, CURLOPT_POST, true);\n\u00a0\u00a0\u00a0\u00a0curl_setopt($ch, CURLOPT_POSTFIELDS, http_build_query($data));\n\u00a0\u00a0\u00a0\u00a0curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);\n\u00a0\u00a0\u00a0\u00a0$response = curl_exec($ch);\n\u00a0\u00a0\u00a0\u00a0$responseData = json_decode($response);\n\u00a0\u00a0\u00a0\u00a0if($responseData->success) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ proceed the form\n\u00a0\u00a0\u00a0\u00a0} else {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0echo 'Robot verification failed, please try again.';\n\u00a0\u00a0\u00a0\u00a0}\n}\n?><\/code><\/pre>\n
Zast\u0105p symbol zast\u0119pczy rzeczywist\u0105 warto\u015bci\u0105. W powy\u017cszym kodzie sprawdzamy, czy success<\/code>zmienna jest prawdziwa w odpowiedzi. Je\u015bli to prawda, formularz mo\u017cna bezpiecznie kontynuowa\u0107.<\/p>\n
Sprawd\u017a odpowied\u017a hCaptcha za pomoc\u0105 Guzzle<\/h3>\n
Guzzle<\/a> jest alternatyw\u0105 dla cURL. Zapewnia znacznie czystszy kod w por\u00f3wnaniu do cURL. Je\u015bli u\u017cywasz Guzzle, nie musisz mie\u0107 rozszerzenia cURL na swoim serwerze.<\/p>\n
Aby rozpocz\u0105\u0107, musisz najpierw zainstalowa\u0107 bibliotek\u0119 Guzzle w swoim projekcie. Uruchom poni\u017csze polecenie, aby zainstalowa\u0107 bibliotek\u0119.<\/p>\n
composer require guzzlehttp\/guzzle<\/code><\/pre>\n
Nast\u0119pnie napisz poni\u017cszy kod, kt\u00f3ry zweryfikuje odpowied\u017a hCAPTCHA za pomoc\u0105 biblioteki Guzzle.<\/p>\n
<?php\nrequire_once 'vendor\/autoload.php';\n\u00a0\nuse GuzzleHttpClient;\n\u00a0\nif (isset($_POST['submit'])) {\n\u00a0\n\u00a0\u00a0\u00a0\u00a0$client = new Client([\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ Base URI is used with relative requests\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'base_uri' => 'https:\/\/hcaptcha.com',\n\u00a0\u00a0\u00a0\u00a0]);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0$response = $client->request('POST', '\/siteverify', [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'form_params' => [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'secret' => \"YOUR_SECRET_KEY\",\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'response' => $_POST['h-captcha-response']\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0]\n\u00a0\u00a0\u00a0\u00a0]);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0$body = $response->getBody();\n\u00a0\u00a0\u00a0\u00a0$arr_body = json_decode($body);\n\u00a0\u00a0\u00a0\u00a0if($arr_body->success) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ proceed the form\n\u00a0\u00a0\u00a0\u00a0} else {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0echo 'Robot verification failed, please try again.';\n\u00a0\u00a0\u00a0\u00a0}\n}\n?><\/code><\/pre>\n
Mam nadziej\u0119, \u017ce rozumiesz integracj\u0119 hCaptcha z PHP za pomoc\u0105 cURL i Guzzle. Podziel si\u0119 swoimi przemy\u015bleniami i sugestiami w sekcji komentarzy poni\u017cej.<\/p>\n
Powi\u0105zane artyku\u0142y<\/h4>\n