Expliquez comment Laravel8.5 ajoute le code de vérification mews/captcha

La colonne tutorielle suivante de Laravel vous expliquera comment ajouter le code de vérification mews/captcha dans Laravel8.5. J'espère que cela sera utile à tout le monde !

                                                                                                           

1. Installez le package de code de vérification via composer

Exécutez la commande suivante dans Composer

composer require mews/captcha

2 Configuration

Trouvez le tableau d'alias dans config/app.php et ajoutez le code suivant

'Captcha' => Mews\Captcha\CaptchaServiceProvider::class,

. 3. Générez le fichier de configuration

Exécutez la commande suivante dans Composer. Si l'option apparaît, sélectionnez config La balise de ma configuration est 11. Entrez 11 et appuyez sur Entrée, puis le fichier de configuration sera généré dans la configuration. dossier ; dans la longueur du fichier de configuration se trouve le nombre de chiffres pour générer le code de vérification ;

 php artisan vendor:publish

4 Utilisez le code de vérification

sur le front-end et ajoutez

<img src="{{captcha_src()}}">

si nécessaire si vue.js est utilisé. Cela peut être fait comme ceci

/*html部分*/
<img class="codeImg" :src="urlCode" style="cursor: pointer" @click="getCode">

/*js部分*/
<script>
new Vue({
    el: &#39;.main&#39;,
    data: {
        urlCode:"",
    },
    created(){
        this.getCode();
    },
    methods: {
        getCode(){
            let domain = document.domain;
            $.get(&#39;http://&#39;+domain+&#39;/getCode&#39;,(res)=>{
                this.urlCode =res.code;
            })
        },
        goLogin(){
            document.onkeyup = (event) => {
                let e = event || window.event;
                if(e && e.keyCode==13){
                    //执行登录
                }
            };
        },
    }
})
</script>

5. Le contrôleur génère un code de vérification

public function codes()
    {
        return response()->json([
            'code' => \captcha_src() //返回前端图像验证码
        ]);
    }

6 Vérification du code de vérification

if(!captcha_check($params['code'])){
   return Response()->json(['code' => 201, 'msg' => '验证码有误']);
  }

Recommandations associées : Les cinq derniers didacticiels vidéo Laravel

.

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!