Laravel5.5 使用第三方Vendor添加注册验证码
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' => '验证码',
好了,到此为止使用第三方扩展实现验证码就可以实现了。
滴水成冰,世间不存在毫无意义的付出,时间终会给你答案。