{"id":24842,"date":"2021-05-26T09:51:00","date_gmt":"2021-05-26T06:51:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=24842"},"modified":"2021-10-17T20:39:13","modified_gmt":"2021-10-17T17:39:13","slug":"kuinka-lisataan-en-ole-robotti-captcha-laravel-formsissa","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fi\/kuinka-lisataan-en-ole-robotti-captcha-laravel-formsissa\/","title":{"rendered":"Kuinka lis\u00e4t\u00e4\u00e4n, en ole robotti captcha Laravel Formsissa"},"content":{"rendered":"

Haluatko lis\u00e4t\u00e4 Google reCAPTCHA: n Laravel-lomakkeisiin? Google reCAPTCHA auttaa suojaamaan lomakkeita botteilta, joiden seurauksena pelastamme meid\u00e4t roskapostilta. Jos et suojaa lomakkeitasi, luultavasti saat paljon roskapostia tietokantaan.<\/p>\n

Kirjoitushetkell\u00e4 Google tarjoaa reCAPTCHA: sta kaksi versiota – v2 ja v3. ReCAPTCHA v3 sijoittaa kuvakkeen sivuidesi oikeaan alakulmaan ja he vahvistavat pyynn\u00f6t pisteill\u00e4. Toisaalta reCAPTCHA v2 tarkistaa pyynn\u00f6t haasteen avulla. T\u00e4ss\u00e4 artikkelissa tutkimme reCAPTCHA v2: n ja vahvistamme pyynn\u00f6t "En ole robotti" -valintaruudulla.<\/p>\n

Miksi Google reCAPTCHA tarvitaan?<\/h3>\n

Internet-botti on j\u00e4rjestelm\u00e4, joka suorittaa automaattisia komentosarjoja Internetiss\u00e4. He kohdistavat verkkosivustolomakkeet l\u00e4hett\u00e4m\u00e4\u00e4n roskapostia tietokantaan. Pohjimmiltaan t\u00e4m\u00e4 j\u00e4rjestelm\u00e4 toimii paljon nopeammin kuin ihmiset yksin. Haluamme aina, ett\u00e4 oikea ihminen on vuorovaikutuksessa verkkosivustollemme, ei botti.<\/p>\n

Lis\u00e4\u00e4m\u00e4ll\u00e4 Google reCAPTCHA -palvelun voimme suojata verkkosivustolomakettamme n\u00e4it\u00e4 Internet-botteja, niiden roskapostia ja v\u00e4\u00e4rink\u00e4yt\u00f6ksi\u00e4 vastaan. Automaattisen j\u00e4rjestelm\u00e4n on mahdotonta ratkaista reCAPTCHA: n asettamaa haastetta. Lomakettasi ei l\u00e4hetet\u00e4 ennen kuin haaste on ratkaistu. Ihminen voi helposti ratkaista n\u00e4m\u00e4 haasteet ja l\u00e4hett\u00e4\u00e4 lomakkeen.<\/p>\n

M\u00e4\u00e4rit\u00e4 Google reCAPTCHA Laravel-verkkosivustollesi<\/h3>\n

Aloittaaksesi sinun on ensin rekister\u00f6it\u00e4v\u00e4 sivusto Googlessa<\/a>. Valitse vaihtoehto reCAPTCHA v2 ja "En ole robotti" -valintaruutu, kuten alla olevassa kuvakaappauksessa n\u00e4ytet\u00e4\u00e4n.<\/p>\n

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

Kun rekister\u00f6it sivuston, kopioi sivuston avain ja salainen avain, joita tarvitsemme hetken kuluttua.<\/p>\n

Meid\u00e4n on lis\u00e4tt\u00e4v\u00e4 reCAPTCHA Laravel-projektiin. Teht\u00e4v\u00e4n suorittamiseen aion k\u00e4ytt\u00e4\u00e4 anhskohbo \/ no-captcha-<\/a> kirjastoa.<\/p>\n

Avaa komentokehote projektisi juurihakemistossa ja suorita komento:<\/p>\n

composer require anhskohbo\/no-captcha<\/code><\/pre>\n
Avaa tiedosto config \/ app.php ja lis\u00e4\u00e4 alla oleva rivi tarjoajien ryhm\u00e4\u00e4n.<\/p>\n
AnhskohboNoCaptchaNoCaptchaServiceProvider::class,<\/code><\/pre>\n
Lis\u00e4\u00e4 luokan alias aliaksiryhm\u00e4\u00e4n:<\/p>\n
'NoCaptcha' => AnhskohboNoCaptchaFacadesNoCaptcha::class,<\/code><\/pre>\n
Julkaise m\u00e4\u00e4ritystiedosto komennolla:<\/p>\n
php artisan vendor:publish --provider=\"AnhskohboNoCaptchaNoCaptchaServiceProvider\"<\/code><\/pre>\n
Seuraavaksi avaa .env<\/code>tiedosto ja m\u00e4\u00e4rit\u00e4 reCAPTCHA-avaimet seuraavasti.<\/p>\n
NOCAPTCHA_SECRET=secret-key\nNOCAPTCHA_SITEKEY=site-key<\/code><\/pre>\n
Muista korvata paikkamerkkien salainen avain ja sivustoavain todellisilla arvoilla.<\/p>\n
Tyhjenn\u00e4 m\u00e4\u00e4ritysv\u00e4limuisti suorittamalla alla oleva komento.<\/p>\n
php artisan config:clear <\/code><\/pre>\n
Google reCAPTCHA: n lis\u00e4\u00e4minen Laravelin lomakkeeseen<\/h3>\n
T\u00e4ss\u00e4 vaiheessa olet suorittanut reCAPTCHA: n edellytt\u00e4m\u00e4t perusasetukset. Kirjoita nyt koodi ja tee se toiminnassa.<\/p>\n
Avaa n\u00e4kym\u00e4tiedosto, johon haluat lis\u00e4t\u00e4 En ole robotti -valintaruutu. Alusta ter\u00e4tiedoston yl\u00e4osassa JS-l\u00e4hde seuraavasti:<\/p>\n
{!! NoCaptcha::renderJs() !!}<\/code><\/pre>\n
Lis\u00e4\u00e4 alla oleva yksirivinen k\u00e4sky kohtaan, jossa haluat n\u00e4ytt\u00e4\u00e4 reCAPTCHA-valintaruudun. Paras paikka on ennen L\u00e4het\u00e4-painiketta.<\/p>\n
{!! NoCaptcha::display() !!}<\/code><\/pre>\n
Luodaan esimerkkin\u00e4 lomake, jossa on v\u00e4h\u00e4n kentti\u00e4, ja lis\u00e4t\u00e4\u00e4n siihen reCAPTCHA k\u00e4ytt\u00e4m\u00e4ll\u00e4 alla olevaa koodia.<\/p>\n
{!! NoCaptcha::renderJs() !!}\n\u00a0\n@if ($errors->has('g-recaptcha-response'))\n\u00a0\u00a0\u00a0\u00a0<span class=\"help-block\">\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<strong>{{ $errors->first('g-recaptcha-response') }}<\/strong>\n\u00a0\u00a0\u00a0\u00a0<\/span>\n@endif\n<form action=\"{{ url('ROUTE_HERE') }}\" method=\"post\">\n\u00a0\u00a0\u00a0\u00a0<p>Name: <input type=\"text\" name=\"fullname\" \/><\/p>\n\u00a0\u00a0\u00a0\u00a0<p>Email: <input type=\"email\" name=\"email\" \/><\/p>\n\u00a0\u00a0\u00a0\u00a0<p>Message: <textarea name=\"message\"><\/textarea><\/p>\n\u00a0\u00a0\u00a0\u00a0{!! NoCaptcha::display() !!}\n\u00a0\u00a0\u00a0\u00a0{{ csrf_field() }}\n\u00a0\u00a0\u00a0\u00a0<p><input type=\"submit\" name=\"submit\" value=\"Submit\" \/><\/p>\n<\/form><\/code><\/pre>\n
Kun olet lis\u00e4nnyt yll\u00e4 olevat rivit, n\u00e4et reCAPTCHA: n n\u00e4ytt\u00e4v\u00e4n jotain, kuten alla olevassa kuvakaappauksessa.<\/p>\n
\"Kuinka<\/a><\/p>\n
Lis\u00e4sin yll\u00e4 olevaan koodiin my\u00f6s koodin, joka n\u00e4ytt\u00e4\u00e4 virheen, jos se tapahtuu reCAPTCHA: n vahvistamisen yhteydess\u00e4.<\/p>\n
Nyt meid\u00e4n on vahvistettava reCAPTCHA lomakkeen l\u00e4hett\u00e4misess\u00e4. T\u00e4m\u00e4n saavuttamiseksi k\u00e4yt\u00e4n Laravel Validatoria<\/a> seuraavasti.<\/p>\n
<?php\n\u00a0\nnamespace AppHttpControllers;\n\u00a0\nuse IlluminateHttpRequest;\nuse IlluminateSupportFacadesValidator;\n\u00a0\nclass ContactController extends Controller\n{\n\u00a0\u00a0\u00a0\u00a0...\n\u00a0\u00a0\u00a0\u00a0...\n\u00a0\u00a0\u00a0\u00a0public function store(Request $request)\n\u00a0\u00a0\u00a0\u00a0{\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$messages = [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'g-recaptcha-response.required' => 'You must check the reCAPTCHA.',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'g-recaptcha-response.captcha' => 'Captcha error! try again later or contact site admin.',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0];\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$validator = Validator::make($request->all(), [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'g-recaptcha-response' => 'required|captcha'\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0], $messages);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if ($validator->fails()) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return redirect('ROUTE_HERE')\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0->withErrors($validator)\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0->withInput();\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ process the form\n\u00a0\u00a0\u00a0\u00a0}\u00a0\u00a0 \n}<\/code><\/pre>\n
T\u00e4ss\u00e4 olen sis\u00e4llytt\u00e4nyt julkisivun "Validator" ja vahvistanut reCAPTCHA: n "store" -menetelm\u00e4\u00e4n. Jos vahvistus ep\u00e4onnistuu, se heitt\u00e4\u00e4 virheen.<\/p>\n
Se siit\u00e4! Olet lis\u00e4nnyt reCAPTCHA v2 -sovelluksen onnistuneesti, koska en ole robotti -valintaruutu Laravel-lomakkeeseen. Lomakettasi ei l\u00e4hetet\u00e4 ennen kuin k\u00e4vij\u00e4 on ratkaissut reCAPTCHA-haasteen.<\/p>\n
Aiheeseen liittyv\u00e4t artikkelit<\/h4>\n