21,00

Tuto Installer Google reCaptcha V3 sur son site avec JavaScript, Php

21,00

  • Une formation vidéo de 1h43m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
Installer Google reCaptcha V3 sur son site

ajouter ce cours aux favoris retirer ce cours des favoris

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 :

Table des matières de cette formation JavaScript, Php (durée : 1h43m)

  • Cours
    • Présentation de reCaptcha V3 00:06:50
    • Mise en place d'un formulaire 00:06:29
    • Récupération des codes frontend 00:07:50
    • Un peu de JavaScript 00:04:10
    • On teste la présence d'un token 00:04:06
    • Communication avec reCaptcha V3 00:06:46
    • On décode la réponse de l'API reCaptcha V3 00:05:39
    • On teste le succès ou non de la réponse 00:03:44
  • Exercice
    • Création du formulaire HTML 00:03:37
    • Création de la Bdd 00:02:30
    • Instanciation de PDO 00:03:42
    • Traitement du formulaire 00:09:06
    • Insertion des données 00:06:13
    • Mise en place d'un style CSS 00:12:57
    • Mise en place du reCaptacha 00:09:54
  • Le temps limité du token
    • Explications 00:04:13
    • Solution 00:05:30
  • Conclusion
    • Conclusion 00:00:41



Formateur : Carl Brison

Carl Brison a publié 306 tutoriels et obtenu une note moyenne de 4,9/5 sur 18 551 tutoriels vendus. Carl Brison est un formateur certifié tuto.com. Voir les autres formations de Carl Brison

5,0
note moyenne

3
avis laissés
5 étoiles
3
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de jpierre74 laissé 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.
    "Merci beaucoup Jean-Pierre, pour ton commentaire très gentil ;-)"

  • 5
    avis de joemaster laissé le 22/12/2021
    Excellent tuto ! Cela fonctionne à merveille et merci pour tout les conseils et la méthodologie! Bonne continuation Carl !

  • 5
    avis de valerie-a77 laissé 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.
    "Merci à vous, Valérie. A très bientôt ;-)"

  • 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
Parcours Developpeur Front End
accédez à plus de 1422 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données