15 oct. 2024 | Connexion

Blog

Symfony : installer Google ReCaptcha facilement

Symfony : installer Google ReCaptcha facilement

Développement web
Symfony PHP Twig

il y a 1 an citizenz7 1 commentaire 3231 lectures

Donnez un nom à votre projet, sélectionnez Google ReCapctha V2 (c'ets la version avec le bouton à cocher). La version V3 ne proposant pas de case à cocher et elle se base sur une autre technologie.
Une fois le projet créer sur Google, récupérez la clé du site ET la clé privée.

Nous allons installer un bundle Symfony : victor-prdh/recaptcha-bundle
Voici la page Github de ce bundle tès pratique : https://github.com/victor-prdh/recaptcha-bundle

Installons le bundle avec :
composer require victor-prdh/recaptcha-bundle

Répondez NON à la première question sur l'installation de Google Recaptcha et répondez YES à l'installation de victor-prdh/recaptcha-bundle.

Une fois installez, vous verrez que le bundle a écrit 2 ligne dans le .env de votre projet Symfony.
Copiez/collez votre clé du site et votre clé secrète :

###> victor-prdh/recaptcha-bundle ###
GOOGLE_RECAPTCHA_SITE_KEY="6Leb-xxxxxxxxxxxxxxxxx_XxXxXxXxxxxXXXXXX"
GOOGLE_RECAPTCHA_SECRET_KEY="6Leb-xxxxxxxxxxxxxxxxxx_xxXxXxxxxxXxxxxxx"
###< victor-prdh/recaptcha-bundle ###

Maintenant, rendez-vous dans votre formulaire qui s'apelle peut-etre ContactType.php et ajoutez simplent la ligne suivante :
->add('captcha', ReCaptchaType::class)

N'oubliez pas d'importer la class.

Rendez-vous dans la vue de votre formulaire de contact afin d'ajouter ces 2 lignes :
{{ form_row(form.captcha)}}
{{ form_errors(form.captcha) }}

La première affichera le Google ReCaptcha sur la page et la deuxième affichera les éventuelles erreurs envoyées par Google ReCaptcha...

Et voila. Faites un test sans avoir coché la case du Google ReCapctha. Vous devriez voir une erreur s'afficher.
Testez évidemment en cochant la case et vérifiez que votre mail est bien parti... et arrive bien dans votre boite mail ;)

1 commentaire


Victor, le 28-04-2024 à 10:38:30

Merci pour le partage !

Nb d'articles actifs : 50 | Nb de commentaires : 39 | Nb de catégories : 8 | Nb de tags : 32 | Nb total de lectures : 218 392
2024 citizenz.info • Some rights reserved GPLv3 • Version 3.3.5

Et deux jus de pomme qui piquent ! (Kaamelott, Livre I, 20 : La dent de requin)