Stai cercando di aggiungere Google reCAPTCHA nei tuoi moduli Laravel? Google reCAPTCHA aiuta a proteggere i moduli dai bot che risultano salvarci dallo spam. Se non stai proteggendo i tuoi moduli, probabilmente stai ricevendo un sacco di spam nel database.<\/p>\n
Al momento in cui scriviamo, Google fornisce 2 versioni di reCAPTCHA: v2 e v3. Il reCAPTCHA v3 posiziona un’icona nell’angolo in basso a destra delle tue pagine e verifica le richieste con un punteggio. D’altra parte, reCAPTCHA v2 verifica le richieste con una sfida. In questo articolo, studiamo reCAPTCHA v2 e convalideremo le richieste con la casella di controllo "Non sono un robot".<\/p>\n
Un bot Internet \u00e8 un sistema che esegue script automatici su Internet. Prendono di mira i moduli del sito Web per inviare spam al database. Fondamentalmente, questo sistema funziona a un ritmo molto pi\u00f9 elevato rispetto agli umani da soli. Vogliamo sempre che un vero essere umano interagisca con i moduli del nostro sito Web, non un bot.<\/p>\n
Aggiungendo Google reCAPTCHA, possiamo proteggere i moduli del nostro sito Web da questi bot Internet, dai loro spam e abusi. \u00c8 impossibile per un sistema automatizzato risolvere la sfida impostata da reCAPTCHA. E il tuo modulo non verr\u00e0 inviato fino a quando la sfida non sar\u00e0 risolta. Un essere umano pu\u00f2 facilmente risolvere queste sfide e inviare un modulo.<\/p>\n
Per iniziare, devi prima registrare il sito su Google<\/a>. Scegli l’opzione reCAPTCHA v2 e la casella di controllo "Non sono un robot" come mostrato nello screenshot qui sotto.<\/p>\n <\/a><\/p>\n Al momento della registrazione del sito, copia la chiave del sito e la chiave segreta di cui avremo bisogno tra poco.<\/p>\n Dobbiamo aggiungere reCAPTCHA nel progetto Laravel. Per svolgere il compito, user\u00f2 la libreria anhskohbo\/no-captcha<\/a>.<\/p>\n Apri il prompt dei comandi nella directory principale del tuo progetto ed esegui il comando:<\/p>\n Apri il file "config\/app.php" e aggiungi la riga sottostante all’array "provider".<\/p>\n Aggiungi l’alias di classe all’array di alias:<\/p>\n Pubblica il file di configurazione usando il comando:<\/p>\n Quindi, apri il Assicurati di sostituire i segnaposto secret-key, site-key con i valori effettivi.<\/p>\n Svuota la cache di configurazione eseguendo il comando seguente.<\/p>\n A questo punto, hai completato la configurazione di base richiesta per reCAPTCHA. Ora scriviamo del codice e mettiamolo in azione.<\/p>\n Apri il file di visualizzazione in cui desideri aggiungere la casella di controllo Non sono un robot. Nella parte superiore del file blade inizializzare l’origine JS come segue:<\/p>\n Aggiungi la seguente istruzione a riga singola nel punto in cui desideri visualizzare la casella di controllo reCAPTCHA. Il posto migliore \u00e8 prima del pulsante di invio.<\/p>\n Ad esempio, creiamo un modulo con pochi campi e aggiungiamo reCAPTCHA utilizzando il codice sottostante.<\/p>\n Dopo aver aggiunto le righe sopra, vedrai apparire reCAPTCHA come mostrato nello screenshot qui sotto.<\/p>\ncomposer require anhskohbo\/no-captcha<\/code><\/pre>\nAnhskohboNoCaptchaNoCaptchaServiceProvider::class,<\/code><\/pre>\n'NoCaptcha' => AnhskohboNoCaptchaFacadesNoCaptcha::class,<\/code><\/pre>\nphp artisan vendor:publish --provider=\"AnhskohboNoCaptchaNoCaptchaServiceProvider\"<\/code><\/pre>\n.env<\/code>file e specifica le chiavi reCAPTCHA come segue.<\/p>\nNOCAPTCHA_SECRET=secret-key\nNOCAPTCHA_SITEKEY=site-key<\/code><\/pre>\nphp artisan config:clear <\/code><\/pre>\nAggiunta di Google reCAPTCHA al modulo in Laravel<\/h3>\n
{!! NoCaptcha::renderJs() !!}<\/code><\/pre>\n{!! NoCaptcha::display() !!}<\/code><\/pre>\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
![<\/a><\/p>\nAl momento della registrazione del sito, copia la chiave del sito e la chiave segreta di cui avremo bisogno tra poco.<\/p>\nDobbiamo aggiungere reCAPTCHA nel progetto Laravel. Per svolgere il compito, user\u00f2 la libreria anhskohbo\/no-captcha<\/a>.<\/p>\nApri il prompt dei comandi nella directory principale del tuo progetto ed esegui il comando:<\/p>\ncomposer require anhskohbo\/no-captcha<\/code><\/pre>\nApri il file "config\/app.php" e aggiungi la riga sottostante all’array "provider".<\/p>\nAnhskohboNoCaptchaNoCaptchaServiceProvider::class,<\/code><\/pre>\nAggiungi l’alias di classe all’array di alias:<\/p>\n'NoCaptcha' => AnhskohboNoCaptchaFacadesNoCaptcha::class,<\/code><\/pre>\nPubblica il file di configurazione usando il comando:<\/p>\nphp artisan vendor:publish --provider=\"AnhskohboNoCaptchaNoCaptchaServiceProvider\"<\/code><\/pre>\nQuindi, apri il .env<\/code>file e specifica le chiavi reCAPTCHA come segue.<\/p>\nNOCAPTCHA_SECRET=secret-key\nNOCAPTCHA_SITEKEY=site-key<\/code><\/pre>\nAssicurati di sostituire i segnaposto secret-key, site-key con i valori effettivi.<\/p>\nSvuota la cache di configurazione eseguendo il comando seguente.<\/p>\nphp artisan config:clear <\/code><\/pre>\nAggiunta di Google reCAPTCHA al modulo in Laravel<\/h3>\nA questo punto, hai completato la configurazione di base richiesta per reCAPTCHA. Ora scriviamo del codice e mettiamolo in azione.<\/p>\nApri il file di visualizzazione in cui desideri aggiungere la casella di controllo Non sono un robot. Nella parte superiore del file blade inizializzare l’origine JS come segue:<\/p>\n{!! NoCaptcha::renderJs() !!}<\/code><\/pre>\nAggiungi la seguente istruzione a riga singola nel punto in cui desideri visualizzare la casella di controllo reCAPTCHA. Il posto migliore \u00e8 prima del pulsante di invio.<\/p>\n{!! NoCaptcha::display() !!}<\/code><\/pre>\nAd esempio, creiamo un modulo con pochi campi e aggiungiamo reCAPTCHA utilizzando il codice sottostante.<\/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>\nDopo aver aggiunto le righe sopra, vedrai apparire reCAPTCHA come mostrato nello screenshot qui sotto.<\/p>\n<\/a><\/p>\nNel codice sopra, ho anche aggiunto un codice che visualizza un errore se si verifica durante la convalida di un reCAPTCHA.<\/p>\nOra, dobbiamo convalidare il reCAPTCHA all’invio del modulo. Per raggiungere questo obiettivo, user\u00f2 Laravel Validator<\/a> come segue.<\/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>\nQui, ho incluso la facciata ‘Validator’ e convalidando un reCAPTCHA nel metodo ‘store’. Se non riesce a convalidare, generer\u00e0 un errore.<\/p>\nQuesto \u00e8 tutto! Hai aggiunto con successo reCAPTCHA v2 con la casella di controllo Non sono un robot al modulo Laravel. Ora, il tuo modulo non verr\u00e0 inviato fino a quando il visitatore non risolver\u00e0 la sfida reCAPTCHA.<\/p>\narticoli Correlati<\/h4>\n\nSistema di registrazione e accesso utente in Laravel<\/a><\/li>\nSistema di accesso social utilizzando Laravel Socialite<\/a><\/li>\nIntegrazione del gateway di pagamento Authorize.Net in Laravel<\/a><\/li>\n<\/ul>\nFonte di registrazione: artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"Vuoi implementare Non sono un robot captcha nei tuoi moduli Laravel? In questo articolo, ti mostriamo come configurare e utilizzare google reCaptcha in Laravel.<\/p>\n","protected":false},"author":1,"featured_media":21671,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[500],"tags":[846],"class_list":["post-25117","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-laravel","tag-affiai-it"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts\/25117","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/comments?post=25117"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts\/25117\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media\/21671"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media?parent=25117"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/categories?post=25117"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/tags?post=25117"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20464-6081f5fd17f3f.png\"){kind=link}