{"id":25945,"date":"2021-06-07T13:52:00","date_gmt":"2021-06-07T10:52:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=25945"},"modified":"2021-10-17T18:26:06","modified_gmt":"2021-10-17T15:26:06","slug":"juhend-google-recaptcha-v3-lisamiseks-oma-laraveli-veebisaidile","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/et\/juhend-google-recaptcha-v3-lisamiseks-oma-laraveli-veebisaidile\/","title":{"rendered":"Juhend Google reCAPTCHA v3 lisamiseks oma Laraveli veebisaidile"},"content":{"rendered":"

Varem olen avaldanud artikli Google reCAPTCHA lisamise kohta Laraveli vormidesse<\/a>. Seej\u00e4rel on Google toonud reCAPTCHA j\u00e4rgmise versiooni v3. \u00dcks meie lugejatest k\u00fcsis, kuidas integreerida reCAPTCHA v3 Laraveli rakendusse.<\/p>\n

reCAPTCHA v3 k\u00e4itumine on veidi erinev. Erinevalt reCAPTCHA vanemast versioonist ei pea te captcha vormi sisse panema. Selles versioonis pole teie k\u00fclastajatel vaja m\u00f5istatust lahendada. Selle asemel n\u00e4ete oma veebisaidi paremas alanurgas reCAPTCHA ikooni. ReCAPTCHA see v3 versioon v\u00f5itleb taustal olevate robotite vastu. K\u00f5ige t\u00e4htsam on see, et teil pole vaja captcha lisada igas vormis. Lisage see lihtsalt \u00fcks kord ja see kaitseb teie veebisaidi k\u00f5iki vorme.<\/p>\n

Selles artiklis uurime, kuidas kasutaja saab reCAPTCHA v3 oma Laraveli veebisaidile lisada. ReCAPTCHA lisamine kaitseb teie veebisaiti robotite ja r\u00e4mpsposti eest.<\/p>\n

Hankige reCAPTCHA saidi v\u00f5ti ja salajane v\u00f5ti<\/h3>\n

Alustamiseks peate k\u00f5igepealt oma saidi Google reCAPTCHA-s registreerima. Minge saidile Google reCAPTCHA<\/a> ja kl\u00f5psake saidi registreerimiseks ikooni +. J\u00e4rgmisel lehel lisage oma veebisaidi domeen, valige suvand \u201ereCAPTCHA v3". Kui soovite seda kohalikus serveris testida, peaksite domeeniv\u00e4ljale lisama ‘localhost’.<\/p>\n

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

Kui vajutate nuppu Esita, saate saidiv\u00f5tme ja salajase v\u00f5tme. Kopeerige need klahvid. Need n\u00f5uavad j\u00e4rgmisi samme.<\/p>\n

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

Laraveli reCAPTCHA teegi installimine ja konfigureerimine<\/h3>\n

P\u00f6\u00f6rduge oma<\/a> Laraveli projekti juurde ja installige biscolabi teek,<\/a> mis on loodud reCAPTCHA integreerimiseks Laraveli. Avage terminal oma projekti juurkataloogis ja k\u00e4ivitage k\u00e4sk:<\/p>\n

composer require biscolab\/laravel-recaptcha<\/code><\/pre>\n
Teegi installimisel avaldage konfiguratsioonifail alloleva k\u00e4su abil.<\/p>\n
php artisan vendor:publish --provider=\"BiscolabReCaptchaReCaptchaServiceProvider\"<\/code><\/pre>\n
Avage .env<\/code>fail oma redaktoris ja lisage oma sait ja reCAPTCHA salajased v\u00f5tmed, nagu allpool n\u00e4idatud.<\/p>\n
RECAPTCHA_SITE_KEY=ADD_YOUR_SITE_KEY\nRECAPTCHA_SECRET_KEY=ADD_YOUR_SECRET_KEY<\/code><\/pre>\n
Asendage kohat\u00e4ited ‘ADD_YOUR_SITE_KEY’ ja ‘ADD_YOUR_SECRET_KEY’ tegelike v\u00e4\u00e4rtustega. J\u00e4rgmisena avage config\/recaptcha.php<\/code>ja m\u00e4\u00e4rake versiooniks v3.<\/p>\n
return [\n\u00a0\u00a0\u00a0\u00a0...\n\u00a0\u00a0\u00a0\u00a0'version' => 'v3',\n\u00a0\u00a0\u00a0\u00a0...\n];<\/code><\/pre>\n
P\u00e4rast seda t\u00fchjendage konfiguratsioonivahem\u00e4lu k\u00e4suga:<\/p>\n
php artisan config:cache<\/code><\/pre>\n
Lisage Google reCAPTCHA v3 oma Laraveli veebisaidile<\/h3>\n
Oleme k\u00f5ik seadistused l\u00f5petanud ja k\u00f5ik seadistanud reCAPTCHA lisamise veebisaidile. Selleks peate k\u00f5igepealt lisama pea jaotisse csrf-tokeni HTML-metasildi.<\/p>\n
<meta name=\"csrf-token\" content=\"{{ csrf_token() }}\"><\/code><\/pre>\n
Kui teie veebisait on selle m\u00e4rgendi juba lisanud, siis lihtsalt eirake \u00fclaltoodud sammu. J\u00e4rgmisena sisestage htmlScriptTagJsApi()<\/code>abimees enne peasildi sulgemist.<\/p>\n
<!DOCTYPE html>\n<html>\n\u00a0\u00a0\u00a0\u00a0<head>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0...\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0...\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0{!! htmlScriptTagJsApi() !!}\n\u00a0\u00a0\u00a0\u00a0<\/head><\/code><\/pre>\n
N\u00fc\u00fcd minge oma veebisaidile, laadige see uuesti ja peaksite lehe paremas alanurgas n\u00e4gema reCAPTCHA ikooni. See t\u00e4hendab, et teie veebisait on n\u00fc\u00fcd kaitstud Google reCAPTCHA-ga.<\/p>\n
Google reCAPTCHA on teie Laraveli veebisaidil lisatud. Edasise uudishimu huvides, kui soovite n\u00e4ha reCAPTCHA vastust, peate peakoodis olevat koodi veidi muutma.<\/p>\n
<head>\n...\n<meta name=\"csrf-token\" content=\"{{ csrf_token() }}\">\n<script type=\"text\/javascript\">\nfunction callbackThen(response){\n\u00a0\u00a0\u00a0\u00a0\/\/ read HTTP status\n\u00a0\u00a0\u00a0\u00a0console.log(response.status);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\/\/ read Promise object\n\u00a0\u00a0\u00a0\u00a0response.json().then(function(data){\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0console.log(data);\n\u00a0\u00a0\u00a0\u00a0});\n}\nfunction callbackCatch(error){\n\u00a0\u00a0\u00a0\u00a0console.error('Error:', error)\n}\n<\/script>\n\u00a0\n{!! htmlScriptTagJsApi([\n\u00a0\u00a0\u00a0\u00a0'callback_then' => 'callbackThen',\n\u00a0\u00a0\u00a0\u00a0'callback_catch' => 'callbackCatch'\n]) !!}\n<\/head><\/code><\/pre>\n
Laadige leht uuesti ja kontrollige brauseri konsooli, n\u00e4ete Google’i reCAPTCHA vastust. Minu puhul n\u00e4idatakse seda allpool ekraanipildina.<\/p>\n
\"Juhend<\/a><\/p>\n
seotud artiklid<\/h4>\n