Laravel验证码工具gregwar/captcha

视频中作者把验证码直接放入了laravel自带的验证里面去了，
验证是在再带的login方法里面处理
返回，刷新，并把原数据带回去

public function login(Request $request){    if (session('captcha') != $request->get('captcha')){        return redirect()->refresh()->withInput();    }}

图片.png

Laravel验证码工具gregwar/captcha

Ps:gregwar/captcha在Composer下载排行中长居第一名榜位。好用的工具大家都推荐，这个验证码工具作者本人也在很多项目中运用到了。给大家推荐的同时分享点经验。

    一、安装方法    1.在项目根目录下执行:    composer require gregwar/captcha    2.在composer.json中添加:      "require": {        ...        ...        "gregwar/captcha": "1.*"    },    然后执行 composer update    这样安装就算完成了。

二、使用方法
1.命名空间引入

    use Gregwar\Captcha\CaptchaBuilder; use Gregwar\Captcha\PhraseBuilder;

下面给大家一个完整的例子

路由定义(注意:该路由放在中间件外)

Route::get('/code/captcha/{tmp}', 'Admin\LoginController@captcha');

    // 验证码生成    public function captcha($tmp)    {        $phrase = new PhraseBuilder;        // 设置验证码位数        $code = $phrase->build(6);        // 生成验证码图片的Builder对象，配置相应属性        $builder = new CaptchaBuilder($code, $phrase);        // 设置背景颜色        $builder->setBackgroundColor(220, 210, 230);        $builder->setMaxAngle(25);        $builder->setMaxBehindLines(0);        $builder->setMaxFrontLines(0);        // 可以设置图片宽高及字体        $builder->build($width = 100, $height = 40, $font = null);        // 获取验证码的内容        $phrase = $builder->getPhrase();        // 把内容存入session        \Session::flash('code', $phrase);        // 生成图片   此处要设置浏览器不要缓存        header("Cache-Control: no-cache, must-revalidate");        header("Content-Type:image/jpeg");        $builder->output();    }

模版案例

    <input name="captcha" type="text" placeholder="验证码">      <a onclick="javascript:re_captcha();">      ![]({{ URL('/code/captcha/1') }})      </a>

Js点击换验证码
/*
此处url的规则是 /code/captcha/数字。我们可以在后面加一个随机参数，即可。后面的数字如果直接是小数，或者有小数，其实是找不到这个路由的
*/

    <script type="text/javascript">      function re_captcha() {          $url = "{{ URL('/code/captcha') }}";        $url = $url + "/1?a=" + Math.random();            document.getElementById('127ddf0de5a04167a9e427d883690ff6').src = $url;        }    </script>      如何验证(由于是案例 我只做最基础的验证)     public function store(Request $request)    {        //        $data = \Input::all();        //验证码验证        if ($data['captcha'] != \Session::get('code')) {            return back()                ->withErrors('验证码错误!');        }

正确方式.png

错误方式

---

执行登录的JS方法

//执行登录function login(form){    //发送ajax实现数据的添加    $.ajax({         url:"/login",         type:"post",         dataType:"json",         async:true,         data:$(form).serialize(),         success:function(data){            if(data.id>0){            }else{                $("#error").css({"z-index":"100000","position":"absolute","top":"33%","left":"0","right":"0"});                $(".modal-body").html(data.info);                $("#error").show();                $(".btn-primary").click(function(){                    $("#error").hide();                });            }         }    });    return false;}

处理表单的store

public function store(Request $request){   $data = \Input::all();    if($data['captcha']!=\Session::get('code')){        return view("404")->with('info','验证码错误...')->with('url','/');    }    $res = $this->LoginStore->getAdminUser($data);    if(!$res){        return view("404")->with('info','账号不存在...')->with('url','/');    }    $password = md5($res->name.$data['pass']);    //md5(name连接密码)    $md = substr_replace($password,$res->name,0,4);         $password = md5($md);            if(isset($res) && !empty($res)){                if($res->pass ==$password){                    \Session::put('login',$res);                    return redirect('/admin');                }else{                    return view("404")->with('info','密码好像有错误...')->with('url','/');                }             }    return view("404")->with('info','帐号或密码不能为空...')->with('url','/');}

添加测试数据的时候，可以用以下方法直接添加

添加测试数据

图片.png

Session::flash()方法每次生成session的时候，会把过去的session销毁，
还要注意设置浏览器不要缓存

生成验证码

图片.png

图片.png

作者：luanjinlong
链接：http://www.jianshu.com/p/4d3760046858
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。