Laravel5.5 使用第三方Vendor添加注册验证码

时间:2023-01-08 15:19:35

Laravel5系列的验证码添加通用,使用第三方验证码即可完美实现。这里记录下具体步骤吧,以备不时之需。

第一步:使用composer 安装 验证码库

composer require mews/captcha

第二步:注册providers (config/app.php) ,在这个数组中的最后追加如下代码:

Mews\Captcha\CaptchaServiceProvider::class,

第三步:注册aliases (config/app.php),在这个数组中的最后追加如下代码:

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

第四步:生成配置文件,在Composer命令行中输入如下命令:

php artisan vendor:publish

进入config/captcha.php 文件,修改default 数组 可以对验证码进行样式、数量、大小上的修改。

'default'   => [
'length' => 5,
'width' => 100,
'height' => 34,
'quality' => 90,
],

页面中使用:

<div class="row">
<div class="col-md-8">
<input type="text" class="form-control {{$errors->has('captcha')?'parsley-error':''}}" name="captcha" placeholder="captcha">
</div>
<div class="col-md-4">
<img src="{{captcha_src()}}" style="cursor: pointer" onclick="this.src='{{captcha_src()}}'+Math.random()">
</div>
@if($errors->has('captcha'))
<div class="col-md-12">
<p class="text-danger text-left"><strong>{{$errors->first('captcha')}}</strong></p>
</div>
@endif
</div>

第五步:验证码校验规则添加:(重写AuthController 登录验证方法,并自定义提示信息)

$this->validate($request, [
$this->loginUsername() => 'required',
'password' => 'required',
'captcha' => 'required|captcha',
],[
'captcha.required' => trans('validation.required'),
       'captcha.captcha' => trans('validation.captcha'),
]);

截止到目前为止,验证码就实现了。不过这里还遗留一个小小的问题。就是验证码校验失败后,错误提示语言为英文。


这里介绍两种办法,第一种很简单,直接将上面红色代码替换为下面的即可!

 'captcha.required' => trans('抱歉,验证码必填'),
'captcha.captcha' => trans('验证码不正确'),

第二种就麻烦一点了,不过这里推荐这种“不偷懒”的方法。

字体库的下载与切换:

首先需要下载字体库。下载完成后,将压缩包中 src/zh-CN 文件夹拷贝到项目目录的 resources/lang 文件夹下。

修改 config->app.php 文件,修改代码如下:

'locale' => 'zh-CN',

由于captcha在中文包中没有中文解释,所以需要手动添加中文解释,具体操作如下:

打开 resources/zh-CN/validation.php,在总数组中追加如下键值对:

'captcha'                  => ':attribute 不正确。',

在 attributes 数组中追加如下键值对:

'captcha'               => '验证码',

好了,到此为止使用第三方扩展实现验证码就可以实现了。