Créer un captcha et un formulaire de contact personnalisés en php

Ce tutoriel, publié à l'origine il y a 10 ans, a été complètement mis à jour avec le code moderne pour générer des captchas aléatoires. De nombreux commentaires dans le fil de discussion se réfèrent au code obsolète.

L'automatisation des processus est un avantage clé du codage, tirant parti de la vitesse et de la précision des ordinateurs. Cependant, ce pouvoir peut être utilisé à mauvais escient pour des activités malveillantes comme le spam ou la fissuration du mot de passe. Ce tutoriel se concentre sur les techniques anti-spam.

Considérez un site Web avec un formulaire de contact. Bien que pratique pour les utilisateurs légitimes, il est vulnérable aux soumissions de spam automatisées. Les bots peuvent inonder des formulaires de contact, des forums ou des sections de commentaires avec des liens de spam.

La solution? Un test distinguant les bots des humains: un captcha intégré à une forme PHP. Les captchas traditionnels présentent du texte déformé dans une image; Les humains peuvent le lire, mais les robots ne peuvent généralement pas. Cela vérifie la saisie de l'utilisateur par rapport au texte CAPTCHA d'origine. CAPTCHA signifie «Test de Turing public complètement automatisé pour distinguer les ordinateurs et les humains».

Ce tutoriel montre la création et l'intégration d'un captcha dans un formulaire de contact.

Créer un captcha

Nous utiliserons la bibliothèque PHP GD. Les tutoriels précédents couvrent les capacités du texte et de la forme de GD. Nous générerons également une chaîne aléatoire pour le captcha.

Générer une chaîne aléatoire

Ce code réside dans captcha.php . La fonction generate_string() crée la chaîne aléatoire. La fonction d'origine generate_string() a été remplacée par la plus sécurisée random_int() .

  Php

$ permis_chars = 'abcdefghijklmnopqrstuvwxyz';

fonction generate_string ($ input, $ force = 5) {
    $ input_length = strlen ($ input);
    $ random_string = '';
    pour ($ i = 0; $ i 

Création du fond CAPTCHA

Ensuite, nous générons l'arrière-plan de l'image CAPTCHA (200x50 pixels) à l'aide de cinq couleurs variables.

  Php

$ Image = ImageCreateTrueColor (200, 50);
Imageantalias ($ Image, True);

$ couleurs = [];

$ red = rand (125, 175);
$ green = rand (125, 175);
$ blue = rand (125, 175);

pour ($ i = 0; $ i 

Les valeurs aléatoires $red , $green et $blue déterminent la couleur de base. Une boucle crée des nuances plus sombres, stockées dans le tableau $colors . La couleur la plus claire remplit l'arrière-plan et les rectangles ultérieurs ajoutent de la complexité.

Exemple d'image d'arrière-plan CAPTCHA

Rendre la chaîne captcha

Enfin, nous dessinons la chaîne aléatoire sur l'arrière-plan. La couleur de la lettre, la coordonnée en y et la rotation sont randomisées pour plus de difficulté.

  Php

$ Black = ImageColorAllocate ($ Image, 0, 0, 0);
$ white = ImageColorAllocate ($ image, 255, 255, 255);
$ textColors = [$ noir, $ blanc];

$ fonts = [dirname (__ fichier __). '\ fonts \ acme.ttf', dirname (__ fichier __). '\ Fonts \ ubuntu.ttf', dirname (__ fichier __). '\ fonts \ merriweather.ttf', dirname (__ fichier __).

$ string_length = 6;
$ captcha_string = generate_string ($ permis_chars, $ string_length);

pour ($ i = 0; $ i 

Les polices téléchargées fournissent une variation de caractères. Un rembourrage (15 pixels) est ajouté et l'espace restant est divisé uniformément entre les personnages.

Exemple d'image CAPTCHA (arrière-plan et texte)

Intégrer le captcha dans le formulaire de contact

Maintenant, intégrons le captcha dans le formulaire de contact (en supposant que vous avez un formulaire de contact préexistant). Nous utiliserons des sessions pour stocker et valider le texte CAPTCHA.

Le code complexe captcha.php :

  Php
session_start ();

$ permis_chars = 'abcdefghjklmnpqrstuvwxyz';

fonction generate_string ($ input, $ force = 10) {
    $ input_length = strlen ($ input);
    $ random_string = '';
    pour ($ i = 0; $ i 

Ajoutez ce HTML au-dessus du bouton "Envoyer un message" dans votre formulaire de contact:

<div class="elem-group">
    <label for="captcha">Veuillez saisir le texte captcha</label>
    <img src="/static/imghw/default1.png" data-src="https://img.php.cn/" class="lazy" alt="Créer un captcha et un formulaire de contact personnalisés en php">
    <i class="fas fa-redo refresh-captcha"></i>
</div>

Ajoutez ce javascript pour permettre de rafraîchir le captcha:

 var refreshbutton = document.QuerySelector (". Refresh-CaptCha");
RefreshButton.OnClick = fonction () {
  Document.QuerySelector (". CaptCha-Image"). Src = 'CAPTCHA.PHP?' Date.now ();
};

Exemple de formulaire de contact avec capcha

Enfin, mettez à jour votre script de traitement de formulaire de contact ( contact.php ) pour valider le captcha:

  Php
session_start ();

if ($ _ post) {
    // ... (votre code de traitement de formulaire existant) ...

    if (isset ($ _ poster ['CAPTCHA_CHALLENGE']) && $ _POST ['CAPTCHA_CHALLENGE'] == $ _SESSION ['CAPTCHA_TEXT']) {
        // ... (traiter la soumission du formulaire) ...
    } autre {
        écho '<p> Vous avez entré un captcha incorrect.</p> ';;
    }
} autre {
    écho '<p> Quelque chose s'est mal passé</p> ';;
}

?>

Cela vérifie si l'entrée de l'utilisateur correspond au texte CAPTCHA stocké.

Conclusion

Ce tutoriel a créé un CAPTCHA PHP personnalisé et l'a intégré dans un formulaire de contact, améliorant la sécurité et l'expérience utilisateur avec un bouton d'actualisation. Vous pouvez l'adapter pour utiliser différentes méthodes CAPTCHA, telles que des problèmes mathématiques. Pour des fonctionnalités plus avancées, envisagez d'utiliser des plugins à partir de Codecanyon.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!