laravel은 Google 클릭 이미지 인증 코드를 구현합니다 [권장]

다음 튜토리얼 칼럼인 Laravel에서는 laravel-gridCaptcha를 사용하여 Google 클릭 이미지와 유사한 인증 코드를 로컬에서 생성하는 방법을 소개합니다. 모든 분들께 도움이 되길 바랍니다!

[확장 권장 사항] laravel-gridCaptcha를 사용하여 Google의 도트 이미지와 유사한 인증 코드를 로컬에서 생성하세요

                                                                                                               

Introduction

laravel-gridCaptcha는 Google 클릭 이미지 확인 코드와 유사한 작은 확장을 생성합니다. 이는 PHP에서 생성된 대부분의 확인 코드가 이제 악의적인 행위자를 쉽게 식별할 수 있기 때문입니다. 작은 확장자 세트는 매우 간단하지만 로봇에 대한 심층적인 머신러닝이 필요하므로 악의적인 공격에 대한 비용이 증가합니다. 그러나 이 작은 확장자 세트는 머신러닝만 구성하면 되는 Google 인증 코드와 다릅니다. 로컬로. 생성된 인증코드 이미지는 파일을 읽어 생성되기 때문에 캐싱은 기본적으로 Redis를 사용하는 것이 좋습니다. laravel-gridCaptcha 生成类似于谷歌点图验证码的小扩展，因为现在PHP大部分生成的验证码，对于恶意者来说很容易识别，而这套小扩展很简单但是对于机器人来说需要进行深度的机器学习，恶意者攻击的成本也就增加了，但是这套小扩展不同于谷歌验证码需要机器学习，只需要在本地配置好相应的文件即可。因为生成的验证码图片都是读取文件进行生成，所以建议使用Redis进行缓存，代码默认有使用缓存。

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

Github：https://github.com/deleteDB/laravel-captcha-grid

Packagist：https://packagist.org/packages/deletedb/laravel-captcha-grid

预览

安装

支持 Laravel 8 以上版本：

 composer require deletedb/laravel-captcha-grid

配置项说明

• 发布配置文件

php artisan vendor:publish --provider="Deletedb\Laravel\Providers\LaravelServiceProvider"

config/gridcaptcha.php

return [
    //生成验证码图片配置
    'image' => [
        //验证码图片路径
        'path' => env('GRID_CAPTCHA_IMAGE_PATH', storage_path('gridcaptcha\image')),
        //从验证码图片路径中获取的文件后缀名
        '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'),
    ],];

使用

• 生成验证码

  <?php namespace App\Http\Controllers;class TestController extends Controller{
    /**
     * 辅助函数生成验证码
     * @return array
     */
    public function helpers()
    {
        return grid_captcha([
            &#39;mobile&#39; => '100xxxxx121'
        ]);
    }
  
    /**
     * 门面方式生成验证码
     * @return array
     */
    public function facade()
    {
        return \Deletedb\Laravel\Facades\GridCaptcha::get([
            'mobile' => '100xxxxx121'
        ]);
    }
  
    /**
     * 对象方式生成验证码
     * @return array
     */
    public function object()
    {
        $captcha = new \Deletedb\Laravel\GridCaptcha();
        return $captcha->get([
            'mobile' => '100xxxxx121'
        ]);
    }}

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

• 效验验证码

 <!--

生成的是一个九宫格图片，前端需要渲染图片，并且生成九个div用于记录用户点击的宫格位置，宫格位置从 0 开始，当点击到四位的时候返回给后端进行效验 ，因为前端技术拙劣我就不放例子了欢迎大佬补充。

大概思路:
-->
<div>
    <!-- img 显示的是返回的验证码图片-->
    <img  alt="laravel은 Google 클릭 이미지 인증 코드를 구현합니다 [권장]" >
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
</div>

效果:

<?php namespace App\Http\Controllers;use Illuminate\Http\Request;class TestController extends Controller{

    /**
     * 辅助函数方式效验
     * @param Request $request
     * @return array|false|\Illuminate\Http\JsonResponse
     */
    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|\Illuminate\Http\JsonResponse
     */
    public function facadeCheck(Request $request)
    {
        /**
         * 传参效验
         */
        if ($captcha_data = \Deletedb\Laravel\Facades\GridCaptcha::check('Qh8kHYF4C....', '1540') === false) {
            return response()->json(['message' => '验证码错误', 'code' => 401]);
        }

        /**
         * 传递 Request 对象效验
         */
        if ($captcha_data = \Deletedb\Laravel\Facades\GridCaptcha::checkRequest($request)) {
            return response()->json(['message' => '验证码错误', 'code' => 401]);
        }

        return $captcha_data;
    }

    /**
     * 对象方式效验
     * @param Request $request
     * @return array|false|\Illuminate\Http\JsonResponse
     */
    public function objectCheck(Request $request)
    {
        $captcha = new \Deletedb\Laravel\GridCaptcha();
        /**
         * 传参效验
         */
        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;
    }}

    //效验完成正确后 您可以进行业务逻辑处理，比如可以获取到上方设置在验证码中的数据 如：上方设置的是手机号，您这里可以获取验证码中的手机号，当效验成功发送短信验证码等...

• 效验成功返回: 返回的是您在生成验证时传递的数据，默认返回空数组

• 效验失败返回: false

  {
      "mobile" : "100xxxxx121"}

• 本地化提示

  resources/lang/zh_CN/grid-captcha.php

  <?php 

• //一个图片目录对应一个提示
  return [
    'banmaxian' => '斑马线',
    'gongjiaoche' => '公交车',
    'heiban' => '黑板',
    'honglvdeng' => '红绿灯',
    'hongzao' => '红枣',
    'houzi' => '猴子',
    'qianbi' => '铅笔',
    'shutiao' => '薯条',
    'xiaofangshuan' => '消防栓',
    'zhenglong' => '蒸笼',];

• 新增验证码图片

  例：新增一个类型为 pingguo 验证码类型的图片，需要在配置文件中的 image.path 目录下创建名为 pingguo 的目录并且把相关类型的图片文件存放在 pingguo 目录，新增一个类型至少要有四张相关类型的图片，不限制文件名，只要文件后缀名是配置文件中指定的即可如下:

  ─storage
    └─gridcaptcha
        └─image
            ├─pingguo
            │       1.jpg
            │       10.jpg
            │       11.jpg
            │       12.jpg
            │       13.jpg

"

特别说明

因为读取文件是缓存消耗I/O的操作所以我推荐使用Redis进行缓存，此工具默认使用了缓存，缓存有当前验证码图片目录信息、图片；使用Redis缓存只需要在 .env 文件修改 CACHE_DRIVER=redisrrreee

Github: https://github.com/deleteDB/laravel-captcha-grid🎜🎜Packagist: https://packagist.org/packages/deletedb/laravel-captcha-grid🎜🎜🎜🎜🎜Preview🎜🎜🎜 🎜🎜 🎜🎜🎜 🎜🎜🎜Laravel 8 이상 지원: 🎜rrreee🎜🎜🎜🎜구성 항목 설명🎜🎜

• 구성 파일 게시

rrreeerrreeerrreee🎜🎜🎜🎜사용 🎜🎜

🎜인증 코드 생성🎜rrreee

rrreee

• 인증 코드 확인

rrreee🎜효과:
🎜rrreee

• 🎜 성공적인 확인 결과: 반환되는 것은 검증을 생성할 때 전달한 데이터입니다. 기본적으로 빈 배열이 반환됩니다.🎜
• 🎜검증에 실패하면 false가 반환됩니다.🎜rrreee
• 🎜현지화 팁 🎜rrreeerrreee
rrreee
• 🎜새 인증 코드 이미지 추가🎜🎜예: pingguo 인증 코드 유형 이미지를 추가하세요. 구성 파일의 이미지. path 디렉토리 아래에 pingguo라는 디렉토리를 만들고 pingguo 디렉토리에 관련 유형의 이미지 파일을 저장합니다. 새 유형에는 관련 유형이 4개 이상 있어야 합니다. 사진의 파일 이름에는 제한이 없으며 파일 접미사 이름이 구성 파일에 지정되어 있으면 다음과 같을 수 있습니다: 🎜rrreee
ul>🎜"🎜

🎜🎜특별 지침

🎜읽기 때문에 파일 캐싱은 I/O 작업을 소비하므로 캐싱에 Redis를 사용하는 것이 좋습니다. 이 도구는 기본적으로 캐싱을 사용하며 캐시에는 현재 검증이 포함되어 있습니다. 코드 이미지 디렉터리 정보 및 이미지, Redis 캐싱을 사용하려면 .env에 캐시하기만 하면 됩니다. CACHE_DRIVER=redis 파일을 수정하고 Redis 구성을 추가합니다. 새 카테고리의 경우 이전 캐시를 삭제하는 것이 좋습니다. 삭제하지 않으면 캐시가 만료된 후 자동으로 업데이트됩니다. 🎜

위 내용은 laravel은 Google 클릭 이미지 인증 코드를 구현합니다 [권장]의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!