Comment appeler efficacement la génération de code de vérification de fond ThinkPHP6 et afficher en frontal

1. Code de vérification TP6 des appels frontaux

1.1 Le rôle du code de vérification

Le code de vérification est un mécanisme de sécurité commun qui empêche les attaques de programme malveillantes et les soumissions de spam en montrant aux utilisateurs un caractère ou une image généré de manière aléatoire, obligeant les utilisateurs à entrer pour vérifier leur identité. Le code frontal appelle le code de vérification de fond TP6 pour améliorer efficacement les capacités de protection du système et assurer un fonctionnement sûr et fiable.

1.2 GÉNÉRATION DE CODE DE VÉRIFICATION TP6

ThinkPhp 6 (TP6) est un puissant cadre PHP avec des composants de génération de code de vérification intégrés et prend en charge une variété de formulaires de code de vérification, y compris les chiffres, les lettres et les codes de vérification mixte. L'exemple suivant montre comment générer un simple code de vérification numérique:

 
use think\facade\Session;
use think\captcha\facade\Captcha;
<p>// Générer du code de vérification et l&#39;enregistrer surSession<br>
$captcha = new Captcha();<br>
$captcha->length(4)        // Longueur de code de vérification<br>
->fontSize(25)        // Taille de la police<br>
->expire(1800)        // Temps valide（Deuxième）<br>
->useNoise(false)     // Éteignez la ligne d&#39;interférence<br>
->useCurve(false)     // Éteignez la courbe d&#39;interférence<br>
->font(6)             // Utiliser le6Taille de la police<br>
->imageW(150)         // Largeur d&#39;image<br>
->imageH(50)          // Hauteur de l&#39;image<br>
->codeSet('0123456789');  // Ensemble de caractères de code de vérification<br>
$captcha->entry('captcha');<br>

Dans le code ci-dessus, en introduisant la session et les espaces de noms CAPTCHA, la création de l'objet CAPTCHA et la configuration des paramètres pertinents, et enfin d'appeler la méthode Entry ('CAPTCHA') pour générer le code de vérification et l'enregistrer à la session, ce qui est pratique pour la vérification et l'utilisation ultérieures.

1.3 CODE DE VÉRIFICATION D'APPORT D'ALL

Le frontal demande l'interface de code de vérification backend via AJAX, obtient l'image du code de vérification et l'affiche dynamiquement aux utilisateurs pour améliorer l'expérience interactive. L'exemple suivant montre comment lancer une demande de GET avec jQuery pour obtenir le code de vérification:

 
$.ajax({
    url: '/captcha',
    type: 'GET',
    dataType: 'json',
    success: function(data) {
        if (data.status === 200) {
            // Acquisition du code de vérification avec succès
            var captchaImg = '<img src="' + data.data.imageUrl + '">';
            $('#captchaImg').html(captchaImg);
        } else {
            // Échec de l&#39;obtention du code de vérification
            console.log(data.msg);
        }
    },
    error: function(xhr, status, error) {
        console.log('Échec de l&#39;obtention du code de vérification: ' + error);
    }
});

Parmi eux, / captcha se trouve l'adresse d'interface de code de vérification de fond. Une fois la demande réussie, l'URL de l'image de code de vérification renvoyée est insérée dans le conteneur spécifié pour réaliser l'affichage du code de vérification; S'il échoue, un message d'erreur est sorti sur la console.

2. Résumé

En appelant le code de vérification du backend TP6 à l'avant, les capacités de protection de la sécurité du système peuvent être efficacement améliorées. Avec le composant de code de vérification intégré du cadre TP6, les développeurs peuvent facilement générer divers codes de vérification et les présenter aux utilisateurs via des demandes AJAX. La mise en œuvre du réglage de la période de validité du code de vérification et des mesures d'interférence appropriées peut éviter davantage que le code de vérification soit automatiquement fissuré et assurer la sécurité du système.