Lajur tutorial Laravel akan memperkenalkan cara menggunakan laravel-gridCaptcha untuk menjana kod pengesahan yang serupa dengan imej klik Google secara setempat. Saya harap ia akan membantu semua orang.

[Syor Lanjutan] Gunakan laravel-gridCaptcha untuk menjana kod pengesahan secara setempat yang serupa dengan imej titik Google

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?

Pengenalan

laravel-gridCaptcha menjana sambungan kecil yang serupa dengan kod pengesahan imej klik Google, kerana kebanyakan kod pengesahan dijana oleh PHP sekarang adalah Mudah untuk pelakon yang berniat jahat untuk mengenal pasti, dan set sambungan kecil ini sangat mudah, tetapi memerlukan pembelajaran mesin yang mendalam untuk robot Kos serangan pelakon yang berniat jahat juga meningkat, tetapi set sambungan kecil ini berbeza daripada kod pengesahan Google. , yang memerlukan mesin Untuk belajar, anda hanya perlu mengkonfigurasi fail yang sepadan secara setempat. Oleh kerana imej kod pengesahan yang dijana dijana dengan membaca fail, adalah disyorkan untuk menggunakan Redis untuk caching Kod menggunakan caching secara lalai.

ps:?如有不足之處，歡迎大佬提出修改意見。

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

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

Pratonton

Pasang

Menyokong Laravel 8 dan ke atas:

?composer?require?deletedb/laravel-captcha-grid

Penerangan item konfigurasi

• Terbitkan fail konfigurasi

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'),
????????//生成驗證碼質(zhì)量
????????'quality'?=>?env('GRID_CAPTCHA_IMAGE_QUALITY',?70),
????????//生產(chǎn)驗證碼寬
????????'wide'?=>?env('GRID_CAPTCHA_IMAGE_WIDE',?300),
????????//生產(chǎn)驗證碼高
????????'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'),
????],];

Gunakan

• untuk menjana kod pengesahan

  <?php namespace App\Http\Controllers;class TestController extends Controller{
    /**
     * 輔助函數(shù)生成驗證碼
     * @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驗證碼圖片?--?前端渲染顯示}

• Kod pengesahan

?<!--

生成的是一個九宮格圖片，前端需要渲染圖片，并且生成九個div用于記錄用戶點擊的宮格位置，宮格位置從 0 開始，當點擊到四位的時候返回給后端進行效驗 ，因為前端技術拙劣我就不放例子了歡迎大佬補充。

大概思路:
-->
<div>
????<!-- img 顯示的是返回的驗證碼圖片-->
????<img  src="/static/imghw/default1.png" data-src="data:image/jpeg;base64...." class="lazy" alt="laravel melaksanakan kod pengesahan imej klik Google [disyorkan]" >
????<div></div>
????<div></div>
????<div></div>
????<div></div>
????<div></div>
????<div></div>
????<div></div>
????<div></div>
????<div></div>
</div>

Kesan:

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

    /**
     * 輔助函數(shù)方式效驗
     * @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;
????}}

????//效驗完成正確后?您可以進行業(yè)務邏輯處理，比如可以獲取到上方設置在驗證碼中的數(shù)據(jù)?如：上方設置的是手機號，您這里可以獲取驗證碼中的手機號，當效驗成功發(fā)送短信驗證碼等...

• Kembali jika pengesahan berjaya: Data yang anda lalui semasa menjana pengesahan dikembalikan dan tatasusunan kosong dikembalikan secara lalai

• Kembali jika pengesahan gagal: palsu

  {
  ????"mobile"?:?"100xxxxx121"}

• Petua penyetempatan

  resources/lang/zh_CN/grid-captcha.php

  <?php 

• //一個圖片目錄對應一個提示
  return?[
  ??'banmaxian'?=>?'斑馬線',
  ??'gongjiaoche'?=>?'公交車',
  ??'heiban'?=>?'黑板',
  ??'honglvdeng'?=>?'紅綠燈',
  ??'hongzao'?=>?'紅棗',
  ??'houzi'?=>?'猴子',
  ??'qianbi'?=>?'鉛筆',
  ??'shutiao'?=>?'薯條',
  ??'xiaofangshuan'?=>?'消防栓',
  ??'zhenglong'?=>?'蒸籠',];

• Tambah imej kod pengesahan

  Contoh: Tambah jenis baharu Untuk imej jenis kod pengesahan pingguo, anda perlu mencipta direktori bernama image.path di bawah direktori pingguo dalam fail konfigurasi dan simpan jenis fail imej yang berkaitan dalam direktori pingguo. Untuk menambah jenis baharu, anda mesti mempunyai sekurang-kurangnya Empat jenis gambar berkaitan, tiada had pada nama fail, selagi nama akhiran fail dinyatakan dalam fail konfigurasi, ia boleh seperti berikut:

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

"

Nota Khas

Oleh kerana membaca fail ialah operasi yang menggunakan I/O untuk caching, saya syorkan menggunakan Redis untuk caching. Alat ini menggunakan caching secara lalai, dan cache mengandungi maklumat direktori imej kod pengesahan dan imej Untuk menggunakan cache Redis, anda hanya perlu mengubah suai .env dalam fail CACHE_DRIVER=redis dan menambah konfigurasi Redis; kategori baru, adalah disyorkan untuk memadam cache sebelumnya Jika tidak dipadam, cache akan dikemas kini secara automatik selepas tamat tempoh.

Atas ialah kandungan terperinci laravel melaksanakan kod pengesahan imej klik Google [disyorkan]. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!