Laravel的验证码_laravel 验证码

在Laravel项目中，验证码是一种常见的安全措施，用于防止恶意用户提交表单或进行其他自动化操作。介绍如何在Laravel中实现验证码功能，并提供多种实现思路。

1. 使用Laravel自带的验证码包

Laravel本身并没有内置验证码功能，但可以通过安装第三方包来实现。最常用的包是mews/captcha，它提供了简单易用的验证码生成和验证功能。

安装mews/captcha

通过Composer安装mews/captcha包：

bash
composer require mews/captcha


发布配置文件

安装完成后，发布配置文件：

bash
php artisan vendor:publish --provider="MewsCaptchaCaptchaServiceProvider"


修改配置文件

发布后的配置文件位于config/captcha.php，你可以根据需要进行修改。默认配置如下：

php
return [
'default' => [
'length' => 5,
'width' => 120,
'height' => 36,
'quality' => 90,
'math' => false,
],
];


在控制器中生成验证码

在控制器中生成验证码并返回给视图：

php
use MewsCaptchaFacadesCaptcha;</p>

<p>class CaptchaController extends Controller
{
    public function index()
    {
        return view('captcha');
    }</p>

<pre><code>public function createCaptcha()
{
    return response()->json(['captcha' => captcha_img()]);
}

public function checkCaptcha(Request $request)
{
    if (Captcha::check($request->captcha)) {
        return response()->json(['success' => true]);
    } else {
        return response()->json(['success' => false, 'message' => '验证码错误']);
    }
}

}

在视图中显示验证码

在视图中显示验证码并添加表单：

html
</p>



    <title>Laravel 验证码</title>


    
        @csrf
        <div>
            <img src="{{ route('create-captcha') }}" alt="验证码" id="captcha">
            <button type="button">换一张</button>
        </div>
        <div>
            
        </div>
        <div>
            <button type="submit">提交</button>
        </div>
    

    
        function reloadCaptcha() {
            document.getElementById('captcha').src = "{{ route('create-captcha') }}" + '?' + Math.random();
        }
    



<p>

路由配置

配置路由：

php
use AppHttpControllersCaptchaController;</p>

<p>Route::get('/captcha', [CaptchaController::class, 'index']);
Route::get('/create-captcha', [CaptchaController::class, 'createCaptcha'])->name('create-captcha');
Route::post('/check-captcha', [CaptchaController::class, 'checkCaptcha']);

2. 使用自定义验证码

如果你希望完全自定义验证码的生成和验证逻辑，可以参考以下步骤：

创建验证码生成器

创建一个生成验证码的类：

php
namespace AppServices;</p>

<p>class CaptchaGenerator
{
    public function generate()
    {
        $code = str_random(5);
        session(['captcha' => $code]);
        $image = imagecreatetruecolor(120, 36);
        $bgColor = imagecolorallocate($image, 255, 255, 255);
        $textColor = imagecolorallocate($image, 0, 0, 0);</p>

<pre><code>    imagefilledrectangle($image, 0, 0, 120, 36, $bgColor);
    imagettftext($image, 20, 0, 10, 30, $textColor, __DIR__ . '/arial.ttf', $code);

    ob_start();
    imagepng($image);
    $contents = ob_get_contents();
    ob_end_clean();

    imagedestroy($image);

    return base64_encode($contents);
}

}

在控制器中使用生成器

在控制器中使用生成器生成验证码：

php
use AppServicesCaptchaGenerator;</p>

<p>class CustomCaptchaController extends Controller
{
    public function index()
    {
        return view('custom-captcha');
    }</p>

<pre><code>public function createCaptcha(CaptchaGenerator $generator)
{
    return response()->json(['captcha' => 'data:image/png;base64,' . $generator->generate()]);
}

public function checkCaptcha(Request $request)
{
    if ($request->captcha == session('captcha')) {
        return response()->json(['success' => true]);
    } else {
        return response()->json(['success' => false, 'message' => '验证码错误']);
    }
}

}

在视图中显示自定义验证码

在视图中显示自定义验证码并添加表单：

html
</p>



    <title>Laravel 自定义验证码</title>


    
        @csrf
        <div>
            <img src="{{ route('create-custom-captcha') }}" alt="验证码" id="custom-captcha">
            <button type="button">换一张</button>
        </div>
        <div>
            
        </div>
        <div>
            <button type="submit">提交</button>
        </div>
    

    
        function reloadCustomCaptcha() {
            document.getElementById('custom-captcha').src = "{{ route('create-custom-captcha') }}" + '?' + Math.random();
        }
    



<p>

路由配置

配置路由：

php
use AppHttpControllersCustomCaptchaController;</p>

<p>Route::get('/custom-captcha', [CustomCaptchaController::class, 'index']);
Route::get('/create-custom-captcha', [CustomCaptchaController::class, 'createCaptcha'])->name('create-custom-captcha');
Route::post('/check-custom-captcha', [CustomCaptchaController::class, 'checkCaptcha']);

以上两种方法都可以在Laravel项目中实现验证码功能，选择适合你项目需求的方法进行实现即可。