laravel实现谷歌点图验证码【推荐】

ps: 如有不足之处，欢迎大佬提出修改意见。

 composer require deletedb/laravel-captcha-grid

php artisan vendor:publish --provider="DeletedbLaravelProvidersLaravelServiceProvider"

config/gridcaptcha.php

return [     //生成验证码图片配置     'image' => [         //验证码图片路径         'path' => env('GRID_CAPTCHA_IMAGE_PATH', storage_path('gridcaptchaimage')),         //从验证码图片路径中获取的文件后缀名         'suffix' => env('GRID_CAPTCHA_IMAGE_SUFFIX', 'jpg'),         //生成验证码质量         'quality' => env('GRID_CAPTCHA_IMAGE_QUALITY', 70),         //生产验证码宽         'wide' => env('GRID_CAPTCHA_IMAGE_WIDE', 300),         //生产验证码高         'high' => env('GRID_CAPTCHA_IMAGE_HIGH', 300),     ],     //验证码配置     'captcha' => [         //生成的验证码过期时间 单位秒         'validity' => env('GRID_CAPTCHA_IMAGE_VALIDITY', 180),         //验证码缓存的key         'cache_key' => env('GRID_CAPTCHA_IMAGE_CACHE_KEY', 'grid_captcha'),         //验证码生成的key长度         'key_length' => env('GRID_CAPTCHA_IMAGE_KEY_LENGTH', 64),         //自定义效验验证码key字段         'key_string' => env('GRID_CAPTCHA_IMAGE_KEY_STRING', 'captcha_key'),         //自定义效验验证码code字段         'code_string' => env('GRID_CAPTCHA_IMAGE_CODE_STRING', 'captcha_code'),     ],];

- 生成结果```json5{   "hint": "猴子",//提示文本   "captcha_key": "Qh8kHYF4C....",//验证码key   "image": "data:image/jpeg;base64,/9j/...."//base64验证码图片 -- 前端渲染显示}

 <!--  生成的是一个九宫格图片，前端需要渲染图片，并且生成九个div用于记录用户点击的宫格位置，宫格位置从 0 开始，当点击到四位的时候返回给后端进行效验 ，因为前端技术拙劣我就不放例子了欢迎大佬补充。  大概思路: --> <div>     <!-- img 显示的是返回的验证码图片-->     @@##@@     <div id="0"></div>     <div id="1"></div>     <div id="2"></div>     <div id="3"></div>     <div id="4"></div>     <div id="5"></div>     <div id="6"></div>     <div id="7"></div>     <div id="8"></div> </div>

<?php namespace AppHttpControllers;use IlluminateHttpRequest;class TestController extends Controller{      /**      * 辅助函数方式效验      * @param Request $request      * @return array|false|IlluminateHttpJsonResponse      */     public function helpersCheck(Request $request)     {         /**          * 传参效验          */         if ($captcha_data = grid_captcha()->check('Qh8kHYF4C....', '1540') === false) {             return response()->json(['message' => '验证码错误', 'code' => 401]);         }          /**          * 传递 Request 对象效验          */         if ($captcha_data = grid_captcha()->checkRequest($request)) {             return response()->json(['message' => '验证码错误', 'code' => 401]);         }          return $captcha_data;     }      /**      * 门面方式效验      * @param Request $request      * @return array|false|IlluminateHttpJsonResponse      */     public function facadeCheck(Request $request)     {         /**          * 传参效验          */         if ($captcha_data = DeletedbLaravelFacadesGridCaptcha::check('Qh8kHYF4C....', '1540') === false) {             return response()->json(['message' => '验证码错误', 'code' => 401]);         }          /**          * 传递 Request 对象效验          */         if ($captcha_data = DeletedbLaravelFacadesGridCaptcha::checkRequest($request)) {             return response()->json(['message' => '验证码错误', 'code' => 401]);         }          return $captcha_data;     }      /**      * 对象方式效验      * @param Request $request      * @return array|false|IlluminateHttpJsonResponse      */     public function objectCheck(Request $request)     {         $captcha = new DeletedbLaravelGridCaptcha();         /**          * 传参效验          */         if ($captcha_data = $captcha->check('Qh8kHYF4C....', '1540') === false) {             return response()->json(['message' => '验证码错误', 'code' => 401]);         }          /**          * 传递 Request 对象效验          */         if ($captcha_data = $captcha->checkRequest($request)) {             return response()->json(['message' => '验证码错误', 'code' => 401]);         }          return $captcha_data;     }}      //效验完成正确后 您可以进行业务逻辑处理，比如可以获取到上方设置在验证码中的数据 如：上方设置的是手机号，您这里可以获取验证码中的手机号，当效验成功发送短信验证码等...