前提： 开启Laravel 的用户认证功能

1、安装 Captcha

  1. 安装 Captcha+
  3. $ composer require mews/captcha
  5. 配置
  7. /config/app.php
  8. 'providers' => [
  9.     // ...
  10.     Mews\Captcha\CaptchaServiceProvider::class,
  11. ]
  12. 'aliases' => [
  13.     // ...
  14.     'Captcha' => Mews\Captcha\Facades\Captcha::class,
  15. ]
  17. 自定义配置
  18. $ php artisan vendor:publish
  20. 运行之后，就可以在 config/captcha.php 中进行配置了。这里使用默认配置。

2、使用 Captcha 为 auth 组件添加验证码功能

在登录视图中增加验证码的选项，可以加到密码和 remember me 之间

  1. /resources/views/auth/login.blade.php
  2. <div class="form-group">
  3.   <label for="captcha" class="col-md-4 control-label">验证码</label>
  4.       <div class="form-group">
  5.           <div class="col-md-3">
  6.               <input id="captcha"  class="form-control" type="captcha" name="captcha" value="{{ old('captcha')  }}" required>
  7.               @if($errors->has('captcha'))
  8.                   <div class="col-md-12">
  9.                       <p class="text-danger text-left"><strong>{{$errors->first('captcha')}}</strong></p>
  10.                   </div>
  11.               @endif
  12.           </div>
  13.           <div class="col-md-4">
  14.               <img src="{{captcha_src()}}" style="cursor: pointer" onclick="this.src='{{captcha_src()}}'+Math.random()">
  15.           </div>
  16.       </div>
  17.   </div>

重写AuthController 登录验证方法，并自定义提示信息：
修改 App\Http\Controllers\Auth\LoginController

  2. 首先要引入如下代码：
  3. use Illuminate\Http\Request;
  5. 重写validateLogin方法：
  7. 在验证里面加入验证码的规则验证即可
  8. /**
  9.  * DESC: 重写 AuthenticatesUsers 登录验证方法，并自定义提示信息;
  10.  * 原验证方法 Illuminate\Foundation\Auth\AuthenticatesUsers
  11.  * @param Request $request
  12.  */
  13. protected function validateLogin(Request $request){
  14.     $this->validate($request, [
  15.         $this->username() => 'required|string',
  16.         'password' => 'required|string',
  17.         'captcha' => 'required|captcha',
  18.     ],[
  19.         'captcha.required' => '请填写验证码',
  20.         'captcha.captcha' => '验证码错误',
  21.     ]);
  22. }