Laravel验证码类库: gregwar/captcha
博客专区 > jichun 的博客 > 博客详情
Laravel验证码类库: gregwar/captcha
jichun 发表于3个月前
Laravel验证码类库: gregwar/captcha
  • 发表于 3个月前
  • 阅读 9
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 技术升级10大核心产品年终让利>>>   

    laravel框架自身并不携带验证码类,我这里采用开源的gregwar/captcha,来做验证。

    gregwar/captcha的github地址为 https://github.com/Gregwar/Captcha

 

    1、下载 gregwar/captcha 

    (1) 在Laravel根目录(app同级目录)的 composer.json 的 "require"最后添加一行代码,如下代码块所示:


"require": {
    "php": ">=5.6.4",
    "laravel/framework": "5.4.*",
    "laravel/tinker": "~1.0",
     "gregwar/captcha": "1.*" //这一行是新添的,其他代码不用理睬
  },

    (2) cd 至 Laravel根目录,执行 composer update 。若你系统没安装 composer 可参考我写的这篇文章 《windows 与 linux 下composer的安装与常用命令

composer update

    这时候,若安装成功,则\vendor目录下应该有  gregwar 文件夹。

 

    2、生成简易的验证码图文

    (1)添加路由

Route::any('index/login', 'IndexController@login');

    (2)生成验证码

   在 \app\Http\Controllers 目录下的 IndexController.php中,添加如下代码

<?php 
namespace App\Http\Controllers;

use App\Http\Controllers\Controller;
use Illuminate\Http\Request;
use Gregwar\Captcha\CaptchaBuilder;//验证码类

class IndexController extends Controller
{
     /**
     * 生成验证码图片
     */
    public function verifycode()
    {

        $builder = new CaptchaBuilder();
        $builder->build($width = 116, $height = 37);//自定义图片宽高 
        session(['loginVerifyCode' => $builder->getPhrase()]); //将验证码存入session,方便登陆验证
        header("Cache-Control: no-cache, must-revalidate");  
        header('Content-Type: image/jpeg');  
        $builder->output(); 

    }

}

(3)前端页面调用验证码图片

在\resources\views\index 目录下,新建login.blade.php 模版。里面关于图片验证码大体代码如下:

<img src="{{url('index/verifycode')}}" data-url="{{url('index/verifycode')}}" class="VerifyCode">

// 引入jquery.js
<script type="text/javascript">

   $('body').on('click','.VerifyCode',function(){
      $(this).attr('src',$(this).data('url') + '?id=' + Math.random());
   });

</script>

验证码图片效果图

    (4)后台验证

在上文提到的  IndexController.php 控制器中,添加login方法(假若post提交至该方法)。

public function login(Request $request)
{
    if ($request->isMethod('post')){
        
        $code = $request->input('code');//post提交后的验证码
        echo ( session()->get('loginVerifyCode') == $code )
                ? '验证码正确'
                : '验证码错误';
    }

}

这时候简单的验证码逻辑,即可走通。

 

3、定制验证码类

(1)改变图文验证码的显示内容,长度

改变验证码显示的内容与长度,有如下2种方法,但其均不支持中文验证码。

    第一种:自己生成验证码内容。写一个生成随机内容的验证码,并在实例化 CaptchaBuilder 时将其作为参数传入即可,如下代码所示。

/**
* 生成验证码图片
*/
public function verifycode()
{

  $builder = new CaptchaBuilder('abcd'); //只是这里多传了个参数,其它代码地方均与上文中的verifycode()方法一模一样
  $builder->build($width = 116, $height = 37);
  session(['loginVerifyCode' => $builder->getPhrase()]);
  header("Cache-Control: no-cache, must-revalidate");  
  header('Content-Type: image/jpeg');  
  $builder->output(); 

}

    你只需传参至new CaptchaBuilder('abcd')中,前端页面即显示"abcd"的验证码。

    第二种:调用类自身方法,生成自定义的验证码。

    gregwar/captcha 生成随机验证码的方法是在 PhraseBuilder类的 build方法。你只需传入自己想要验证码的长度,与生成验证码的内容2个参数即可。简单代码如下

use Gregwar\Captcha\CaptchaBuilder;//验证码类
use Gregwar\Captcha\PhraseBuilder;// 生成验证码内容类

public function verifycode()
  {
     //生成验证码内容. 第一个参数代表长度,第二个则是组成验证码内容的元素
     $phrase = (new PhraseBuilder())->build(4,'abcdefghijkmnpqrstuvwxy3456789');

     $builder = new CaptchaBuilder($phrase);//将生成的验证码传入类中
     $builder->build($width = 116, $height = 37);
     session(['loginVerifyCode' => $builder->getPhrase()]);
     header("Cache-Control: no-cache, must-revalidate");  
     header('Content-Type: image/jpeg');  
     $builder->output(); 
  }

    这里,即可定制长度为 4,内容为'abcdefghijklmnpqrstuvwxyz123456789' 组成的验证码。

标签: 验证码
共有 人打赏支持
粉丝 0
博文 14
码字总数 6321
×
jichun
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: