Laravel文档阅读笔记-mews/captcha的使用(验证码功能)

本文介绍如何在Laravel8中实现验证码功能,包括安装mews/captcha库、配置验证码参数及前后端集成验证。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

这里用的是Laravel8。

这里验证码要使用到fileInfo的功能,需要提前让php加载此dll or so,在php.ini中修改:

验证码功能最终实现的效果是:

 

首先添加相关库:

composer require mews/captcha --ignore-platform-req=ext-fileinfo

 其次再生成对应的config文件:

php artisan vendor:publish

输入你那边mews/captcha相关的选项:

我这里是选项11。

默认验证码为9位,这里太多了,看不清,修改下captcha.php

<?php

return [
    'characters' => ['2', '3', '4', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'j', 'm', 'n', 'p', 'q', 'r', 't', 'u', 'x', 'y', 'z', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'J', 'M', 'N', 'P', 'Q', 'R', 'T', 'U', 'X', 'Y', 'Z'],
    'default' => [
        'length' => 5,
        'width' => 120,
        'height' => 36,
        'quality' => 90,
        'math' => false,
        'expire' => 60,
        'encrypt' => false,
    ],
    ......
    ......
];

这里default.length的大小本来是9的,我改成了5。

生成对应的Controller

php artisan make:controller CaptchaValidationController

在CaptchaValidationController.php中生成验证码:

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class CaptchaValidationController extends Controller
{
    public function reloadCaptcha()
    {
        return response()->json(['captcha'=> captcha_img()]);
    }
}

这里这个Controller就是验证码服务了。就完成了。

下面是使用。

前端:

JS相关:

<script type="text/javascript">

    $('#captchaImg').click(function(){
        $(this).prop('src',"{{captcha_src()}}" + Math.random(1000,9999));
    });
</script>

 HTML相关:

<div class="row">
	<div class="col" style="max-width: 140px">
		<img src="{{ captcha_src() }}" id="captchaImg" >
	</div>
	<div class="col pull-left ">
		<input type="text" autocomplete="off" placeholder="验证码" id="captcha" class="form-control" name="captcha">
	</div>
</div>

后端:

public function customLogin(Request $request)
    {
        $request->validate([
            'email' => 'required|email',
            'password' => 'required|min:6|max:128',
            'captcha' => 'required|captcha'
        ]);
		......
		......
}

这里Laravel自己做了处理,我们只要添加了captcha,就可以了。这里感觉比其他语言少写了好多逻辑判断代码。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

IT1995

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值