Laravel - 验证码（captcha）

Laravel - 验证码（captcha）

• 安装步骤：
  • 首先，登录网址 packagist.org 查找 laravel captcha，找到mews/captcha ，根据 packagist 上的使用方法一步步来实现验证码的安装。
  • 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>

• 点击图片刷新，如下代码：

<img src="{{captcha_src()}}" style="cursor: pointer" onclick="this.src='{{captcha_src()}}'+Math.random()">

• 重写 AuthController 登录验证方法，并自定义提示信息：

  • 首先要引入如下代码：
    use Illuminate\Http\Request;

  • 重写 validateLogin 方法：

 protected function validateLogin(Request $request){
        $this->validate($request, [
            $this->username() => 'required',
            'password' => 'required',
            'captcha' => 'required|captcha',
        ],[
            'captcha.required' => trans('validation.required'),
            'captcha.captcha' => trans('validation.captcha'),
        ]);
    }

• 字体库的下载与切换：
  • 首先需要下载字体库
  • 下载完成后，将压缩包中 src/zh-CN 文件夹拷贝到项目目录的 resources/lang 文件夹下。
  • 修改 config->app.php 文件，修改代码如下：

    'locale' => 'zh-CN',

• 由于captcha在中文包中没有中文解释，所以需要手动添加中文解释，具体操作如下：
  • 打开 resources/zh-CN/validation.php，在总数组中追加如下键值对：

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

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

    'captcha'               => '验证码',

运行效果图：