Installer Google reCaptcha V3 sur son site
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

TUTO Installer Google reCaptcha V3 sur son site

Carl Brison
20,99€
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Dans ce tutoriel, nous allons apprendre à implémenter Google reCaptcha version 3 sur notre site web afin de protéger nos formulaires contre les spams.
Grâce à la v3 de reCAPTCHA, l’internaute n’a plus rien à faire pour s’authentifier, un progrès important depuis la V2. 

  • Nous allons passer en revu le côté client (frontend) de Google reCaptcha V3 que nous allons encoder à l'aide du JavaScript moderne.
  • Ensuite, nous passerons en revu le côté serveur (backend) de reCaptcha V3 que nous allons encoder à l'aide du langage PHP.
  • Une fois les connaissances acquises à propos de l'API Google reCaptcha, nous allons faire ensemble un exercice concret. Nous allons réaliser un formulaire de contact qui devra être protégé par google reCaptcha V3.
    Si l'API nous détecte en qualité d'internaute et non de robot, alors nous pourrons insérer les données issues du formulaire de contact, dans une base de données MySQL.

 Tous les fichiers de travail sont fournis
Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.

Pour aller plus loin :

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Cours
Chapitre 2
Exercice
Chapitre 3
Le temps limité du token
Chapitre 4
Conclusion

Plan détaillé du cours

Chapitre 1 : Cours
45m34
 
Leçon 1Présentation de reCaptcha V3
Leçon 2Mise en place d'un formulaire
Leçon 3Récupération des codes frontend
Leçon 4Un peu de JavaScript
Leçon 5On teste la présence d'un token
Leçon 6Communication avec reCaptcha V3
Leçon 7On décode la réponse de l'API reCaptcha V3
Leçon 8On teste le succès ou non de la réponse
Chapitre 2 : Exercice
47m59
 
Leçon 1Création du formulaire HTML
Leçon 2Création de la Bdd
Leçon 3Instanciation de PDO
Leçon 4Traitement du formulaire
Leçon 5Insertion des données
Leçon 6Mise en place d'un style CSS
Leçon 7Mise en place du reCaptacha
Chapitre 3 : Le temps limité du token
09m43
 
Leçon 1Explications
Leçon 2Solution
Chapitre 4 : Conclusion
41
 
Leçon 1Conclusion

Avis des apprenants

Détail des avis
100
Apprenants
3
Commentaires
5/5
Note moyenne
5/5
3
4/5
0
3/5
0
2/5
0
1/5
0
Jean-Pierre Valls
Jean-Pierre Valls
Publié le 03/05/2023
Un grand merci Carl, grâce à ta pédagogie j'ai pu adapter la version 3 de reCaptcha dans un formulaire inscription (membres), car j'étais spammer par des inscriptions pirates.
Carl Brison
Carl Brison
Merci beaucoup Jean-Pierre, pour ton commentaire très gentil ;-)
Joel Valentin
Joel Valentin
Publié le 22/12/2021
Excellent tuto ! Cela fonctionne à merveille et merci pour tout les conseils et la méthodologie! Bonne continuation Carl !
Carl Brison
Carl Brison
Merci beaucoup ;-)))
Valérie Arno
Valérie Arno
Publié le 08/08/2021
La version v2 n'avait pas été concluante pour moi. Cette fois ça s'est bien passé, quoiqu'un peu perdue à partir du time-out :-) l'utilisation de la console du navigateur c'est pas mon truc. Un tuto bien développé et les explications sont claires et complètes. Merci Carl et à bientôt.
Carl Brison
Carl Brison
Merci à vous, Valérie. A très bientôt ;-)

Vos questions sur le cours

Avec quelles versions de logiciels ce tuto est-il compatible ?

JavaScript , Php

Que contient le fichier source ?

Le code source de l'exercice.

Quel est le niveau requis pour suivre ce tuto ?

débutant

Payer plus tard

Prix d'achat : 20,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1424 tutos gratuits

Notre politique de protection des données