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

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

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

composer require mews/captcha

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

MewsCaptchaCaptchaServiceProvider::class,

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

'Captcha' => MewsCaptchaFacadesCaptcha::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'               => '验证码',

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

原文地址:https://www.cnblogs.com/phper12580/p/10607080.html