easyswoole验证码的使用

向右看齐 2022-12-06 01:10 260阅读 0赞

*  上篇文章写道了在[easyswoole使用session进行登录的会话控制][easyswoole_session]
 *  这里将对登录模块进行验证码的登录验证，验证码对于登录防护也是一种重要的手段

# 拓展包安装 #

> composer require easyswoole/verifycode=3.x

# 验证码使用 #

*  验证码一般都有点击刷新的功能，这里需要给生成验证码一个[路由][Link 1]，用于随机生成，在Router.php文件中写入路由

> $routeCollector->addRoute(‘POST’,’/verify’,‘Index/verify’);

*  前端加载登录[模板][Link 2]加载登录样式，进行请求验证码路由设置

<!DOCTYPE html>
    <head>
        <title>测试</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    </head>
    <body>
    <form action="/submit" method="post">
        用户名:<input name="name" type="text">
        密码：<input name="password" type="password">
        验证码：<input type="text" name="verifycode">
        <img src="{ { $img}}" style="cursor: pointer" id="img">
        <button type="submit">提交</button>
    </form>
    <script>
        $(function () { 
            $('#img').click(function () { 
                $.ajax({ 
                    type:'post',
                    url:'/verify',
                    success:function (data) { 
                       if (data.code == 200){ 
                           console.log(data.result)
                           $("#img").attr('src',data.result)
                       }
                    }
                })
            })
        })
    </script>
    </body>
    </html>

*  控制器中进行验证码的生成，下为核心代码

$config = new Conf();
    $code = new \EasySwoole\VerifyCode\VerifyCode($config);
    $random = Random::character(4,'0123456789');
    $img = $code->DrawCode($random)->getImageBase64();

![在这里插入图片描述][20200911143319990.png_pic_center]

*  登录验证时同时对验证码也进行验证，验证码的验证可以使用session的方式保存进行验证，但是验证码是经常变动，会消耗服务器资源，这里就使用存cookie的方式来验证。主要思路生成两个cookie，一个cookie为加密后完整的，一个为未加密用于传到后台进行加密再与完整的cookie进行比对

//cookie 生成
        private function setCookie($code){ 
            $salt = 'test';
            $time = time();
            $cookie1 = md5($code.$salt.$time);
            $cookie2 = $time;
            $this->response()->setCookie('cookie1',$cookie1,time()+7200);
            $this->response()->setCookie('cookie2',$cookie2,time()+7200);
        }

*  控制器Index.php完整代码

<?php
    
    
    namespace App\HttpController;
    
    
    use App\Models\Test;
    use EasySwoole\Http\AbstractInterface\Controller;
    use EasySwoole\Session\Session;
    use EasySwoole\Template\Render;
    use EasySwoole\Utility\Random;
    use EasySwoole\VerifyCode\Conf;
    
    class Index extends Controller
    { 
        public function onRequest(?string $action): ?bool
        {    $cookie = $this->request()->getCookieParams('easy_session');
            $session = Session::getInstance()->get($cookie);
            $action = $this->getActionName();
            if ($action =='login' || $action =='submit'||$action=='verify'){ 
                if ($session){ 
                    $this->response()->redirect('/ts');
                }
                return true;
            }
            if (!$session){ 
                $this->response()->redirect('/login');
                return false;
            }
    
            return true;
    
        }
    
    
        public function index()
        { 
            $test = Test::create()->where('test', 22)->all();
            $this->response()->write(Render::getInstance()->render('index', compact('test')));
        }
    
        public function hello()
        { 
            $this->response()->write('hello world');
            return '/ts';
        }
    
        public function test()
        { 
            $tt = $this->request()->getCookieParams('easy_session');
            $session = Session::getInstance()->get($tt);
            $this->writeJson('200',$session,'success');
        }
    
        //登录页面
        public function login(){ 
            $img = $this->getVcode();
            $this->response()->write(Render::getInstance()->render('login',compact('img')));
        }
    
        //验证码
        public function verify(){ 
            $img = $this->getVcode();
            $this->writeJson('200',$img,'success');
        }
    
        //post登录
        public function submit(){ 
            $name = 'admin';
            $password = 123456;
            $l_name = $this->request()->getRequestParam('name');
            $l_password = $this->request()->getRequestParam('password');
            $code = $this->request()->getRequestParam('verifycode');//验证码验证
            if ($l_name == $name && $l_password == $password&&$this->getCookie($code)===true){ 
                $sid = Session::getInstance()->sessionId();
                $this->response()->setCookie('easy_session',$sid,time()+7200);
                Session::getInstance()->set($sid,['name'=>$l_name,'password'=>$l_password,'cookie'=>$sid,'time'=>time()]);
                 $this->response()->redirect('/tt');
            }else{ 
                $this->response()->redirect('/login');
            }
        }
    
        protected function actionNotFound(?string $action)
        { 
            $this->response()->withStatus(404);
            $file = EASYSWOOLE_ROOT . '/vendor/easyswoole/easyswoole/src/Resource/Http/404.html';
            if (!is_file($file)) { 
                $file = EASYSWOOLE_ROOT . '/src/Resource/Http/404.html';
            }
            $this->response()->write(file_get_contents($file));
        }
    
        //验证码生成 和 cookie设置
        private function getVcode(){ 
            $config = new Conf();
            $code = new \EasySwoole\VerifyCode\VerifyCode($config);
            $random = Random::character(4,'0123456789');
            $img = $code->DrawCode($random)->getImageBase64();
            $this->setCookie($random);
            return $img;
        }
    
        //cookie 生成
        private function setCookie($code){ 
            $salt = 'test';
            $time = time();
            $cookie1 = md5($code.$salt.$time);
            $cookie2 = $time;
            $this->response()->setCookie('cookie1',$cookie1,time()+7200);
            $this->response()->setCookie('cookie2',$cookie2,time()+7200);
        }
    
        //cookie验证
        private function getCookie($code=null){ 
            if (!isset($code)){ 
                return false;
            }
            $salt = 'test';
            $cookie1 = $this->request()->getCookieParams('cookie1');
            $cookie2 = $this->request()->getCookieParams('cookie2');
            $cookie2 = md5($code.$salt.$cookie2);
            if ($cookie1 == $cookie2){ 
                return true;
            }else{ 
                return false;
            }
        }
    }

[easyswoole_session]: https://blog.csdn.net/weixin_43674113/article/details/108512713
[Link 1]: https://blog.csdn.net/weixin_43674113/article/details/108492854
[Link 2]: https://blog.csdn.net/weixin_43674113/article/details/108470013
[20200911143319990.png_pic_center]: /images/20221123/aa1fdf368c2d4834809e43dc0bd9f6a7.png