feat:captcha

app/Distributor/Controllers/AuthController.php

@@ -46,15 +46,33 @@ class AuthController extends BaseAuthController
     public function postLogin(Request $request)
     {
 
-        $credentials = $request->only([$this->username(), 'password']);
-        $remember = (bool) $request->input('remember', false);
+        $credentials = $request->only([$this->username(), 'password', 'captcha']);
+        $remember = (bool)$request->input('remember', false);
 
         /** @var \Illuminate\Validation\Validator $validator */
         $validator = Validator::make($credentials, [
-            $this->username()   => 'required',
-            'password'          => 'required',
+            $this->username() => 'required',
+            'password' => 'required',
+            'captcha' => 'required',
         ]);
 
+        if ($request->input('captcha') != Session::get('captcha'))
+        {
+            session()->forget('captcha');
+
+            return response()->json([
+                'success' => false,
+                'message' => 'The captcha is incorrect. Please refresh the page and try again.',
+                'refresh_captcha' => true, // 通知前端刷新验证码
+            ], 422);; // 422 表示 Unprocessable Entity
+        }
+        else
+        {
+            session()->forget('captcha');
+        }
+
+
+        unset($credentials['captcha']);
         if ($validator->fails()) {
             return $this->validationErrorsResponse($validator);
         }

app/Http/Controllers/CaptchaController.php

@@ -0,0 +1,92 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Support\Facades\Session;
+
+
+
+Class CaptchaController extends Controller
+{
+
+    public function generate()
+    {
+        // 生成验证码字符串
+        $characters = '23456789';
+        $captchaString = '';
+
+        for ($i = 0; $i < 6; $i++) {
+            $captchaString .= $characters[rand(0, strlen($characters) - 1)];
+        }
+
+
+        // 创建图片
+        $width = 120;
+        $height = 40;
+        $image = imagecreate($width, $height);
+
+        // 定义颜色
+        $backgroundColor = imagecolorallocate($image, 243, 243, 243); // 背景色（浅灰色）
+        $textColor = imagecolorallocate($image, 51, 51, 51); // 文本颜色（深灰色）
+        $lineColor = imagecolorallocate($image, 204, 204, 204); // 干扰线颜色（浅灰色）
+
+        // 添加干扰线（每条线的颜色随机）
+        for ($i = 0; $i < 5; $i++) {
+            $lineColor = imagecolorallocate(
+                $image,
+                rand(0, 255), // 随机红色分量
+                rand(0, 255), // 随机绿色分量
+                rand(0, 255)  // 随机蓝色分量
+            );
+
+            imageline(
+                $image,
+                rand(0, $width),
+                rand(0, $height),
+                rand(0, $width),
+                rand(0, $height),
+                $lineColor
+            );
+        }
+
+        // 添加验证码文本
+        $fontSize = 5; // 字体大小，GD 内置字体大小范围是 1 到 5
+        $xOffset = 10; // 起始 X 偏移
+
+        for ($i = 0; $i < strlen($captchaString); $i++) {
+            $textColor = imagecolorallocate(
+                $image,
+                rand(0, 150), // 随机红色分量
+                rand(0, 150), // 随机绿色分量
+                rand(0, 150)  // 随机蓝色分量
+            );
+
+            // 随机调整每个字符的位置
+            $x = $xOffset + ($i * 15) + rand(-2, 2); // 每个字符的水平位置随机微调
+            $y = rand(10, $height - imagefontheight($fontSize)); // 垂直位置随机
+
+            imagestring(
+                $image,
+                $fontSize,
+                $x,
+                $y,
+                $captchaString[$i],
+                $textColor
+            );
+        }
+
+        // 存储验证码文本到会话
+        Session::put('captcha', $captchaString);
+
+        // 输出图片
+        ob_start();
+        imagepng($image);
+        $imageData = ob_get_clean();
+
+        // 释放内存
+        imagedestroy($image);
+
+        return response($imageData)->header('Content-Type', 'image/png');
+    }
+}
+

resources/views/distributor/pages/login.blade.php

@@ -89,7 +89,36 @@
                         @endif
 
                     </fieldset>
-                    <div class="form-group d-flex justify-content-between align-items-center">
+
+                    <fieldset class="form-label-group form-group position-relative has-icon-left">
+                        <input
+                            minlength="6"
+                            maxlength="6"
+                            id="captcha"
+                            type="captcha"
+                            class="form-control"
+                            name="captcha"
+                            placeholder="{{ trans('admin.captcha') }}"
+                            required
+                        >
+
+                        <div class="form-control-position">
+                            <i class="feather icon-image"></i>
+                        </div>
+                        <label for="captcha">{{ trans('admin.captcha') }}</label>
+
+                        <div class="help-block with-errors"></div>
+                        @if($errors->has('captcha'))
+                            <span class="invalid-feedback text-danger" role="alert">
+                                            @foreach($errors->get('captcha') as $message)
+                                    <span class="control-label" for="inputError"><i class="feather icon-x-circle"></i> {{$message}}</span><br>
+                                @endforeach
+                            </span>
+                        @endif
+                        <img src="/captcha?{{ time() }}" alt="captcha" class="captcha-img" onclick="this.src='/captcha?'+Math.random()">
+                    </fieldset>
+
+              <div class="form-group d-flex justify-content-between align-items-center">
                         <div class="text-left">
                             @if(config('admin.auth.remember'))
                             <fieldset class="checkbox">

routes/web.php

@@ -2,6 +2,8 @@
 
 use Illuminate\Support\Facades\Route;
 
+use App\Http\Controllers\CaptchaController;
+
 /*
 |--------------------------------------------------------------------------
 | Web Routes
@@ -16,3 +18,5 @@ use Illuminate\Support\Facades\Route;
 Route::get('/', function () {
     return view('welcome');
 });
+
+Route::get('/captcha', [CaptchaController::class, 'generate']);