Laravel - 验证码(captcha)

  • 本人感觉用的比较好的验证码包,拿出来分享一下,傻瓜式教程,大佬别喷。:smile: :smile: :smile:
  • 安装步骤:
    • 首先,登录网址 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->loginUsername() => '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'               => '验证码',
本作品采用《CC 协议》,转载必须注明作者和本文链接
老郭博客:laughing: 个人博客地址:www.phpsix.com
本帖由系统于 6年前 自动加精
PHPSIX
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
讨论数量: 9

怎么更换成全是数字的呢

6年前 评论
1024_jk 5年前

不错 很详细

5年前 评论

验证码一直有效,没有过期时间啊

5年前 评论

为什么我的验证码出不来呢,服务器上的 fileinfo 和 gd 库有。。

file

5年前 评论
卡卡Roth 5年前
SHORE 4年前
jinzhidao 4年前

@zhz17343048283 php artisan optimize

要更新路由的,不然路由报 404

5年前 评论
idsky

验证码长度 在本地上修改成 3 位 为啥服务器上不行

5年前 评论

前后端分离的 api 怎么写呢

4年前 评论
Darrenyoung 3年前

你们遇到过一直验证失败的问题吗?非常奇怪!

4年前 评论

怎么输入错误时,自动刷新验证码

4年前 评论