Développement Web avec Node.js et Express
Développement Web avec Node.js et Express
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
Cours
Chapitre 2
Exercice
Exercice
Chapitre 3
Le temps limité du token
Le temps limité du token
Chapitre 4
Conclusion
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
41s
Leçon 1Conclusion
Avis des apprenants