Laravel 验证码验证_用Laravel怎么实现登录注册

在现代Web应用中，验证码是防止恶意用户滥用系统的重要手段之一。介绍如何在Laravel中实现登录和注册功能，并集成验证码验证。我们将使用Laravel的内置功能和第三方库来实现这一目标。

解决方案

通过以下步骤来实现登录和注册功能，并集成验证码验证：

1. 安装Laravel项目：创建一个新的Laravel项目。
2. 安装验证码库：使用第三方库生成验证码。
3. 创建验证码控制器和视图：生成验证码并显示在登录和注册页面。
4. 修改登录和注册逻辑：在用户提交表单时验证验证码。
5. 测试功能：确保验证码验证功能正常工作。

安装Laravel项目

我们需要创建一个新的Laravel项目。打开终端并运行以下命令：

bash
composer create-project --prefer-dist laravel/laravel captcha-project
cd captcha-project


安装验证码库

我们使用 mews/captcha 这个库来生成验证码。在终端中运行以下命令来安装该库：

bash
composer require mews/captcha


安装完成后，需要在 config/app.php 中添加服务提供者和门面：

php
// config/app.php</p>

<p>'providers' => [
    // ...
    MewsCaptchaCaptchaServiceProvider::class,
],</p>

<p>'aliases' => [
    // ...
    'Captcha' => MewsCaptchaFacadesCaptcha::class,
],

创建验证码控制器和视图

创建验证码控制器

生成一个控制器来处理验证码的生成和验证：

bash
php artisan make:controller CaptchaController


在 app/Http/Controllers/CaptchaController.php 中添加以下代码：

php
namespace AppHttpControllers;</p>

<p>use IlluminateHttpRequest;
use MewsCaptchaFacadesCaptcha;</p>

<p>class CaptchaController extends Controller
{
    public function create()
    {
        return response()->json(['captcha' => captcha_img()]);
    }</p>

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

}

创建验证码视图

在 resources/views/auth/login.blade.php 和 resources/views/auth/register.blade.php 中添加验证码输入框和显示验证码的图片：

html
<!-- resources/views/auth/login.blade.php --></p>

<div class="form-group row">
    <label for="captcha" class="col-md-4 col-form-label text-md-right">{{ __('Captcha') }}</label>
    <div class="col-md-6">
        <img src="{{ route('captcha.create') }}" alt="Captcha" id="captcha-image">
        
        @error('captcha')
            <span class="invalid-feedback" role="alert">
                <strong>{{ $message }}</strong>
            </span>
        @enderror
    </div>
</div>

<p>

修改登录和注册逻辑

修改登录逻辑

在 app/Http/Controllers/Auth/LoginController.php 中添加验证码验证逻辑：

php
namespace AppHttpControllersAuth;</p>

<p>use AppHttpControllersController;
use IlluminateFoundationAuthAuthenticatesUsers;
use IlluminateHttpRequest;
use MewsCaptchaFacadesCaptcha;</p>

<p>class LoginController extends Controller
{
    use AuthenticatesUsers;</p>

<pre><code>protected $redirectTo = '/home';

public function __construct()
{
    $this->middleware('guest')->except('logout');
}

protected function validateLogin(Request $request)
{
    $request->validate([
        $this->username() => 'required|string',
        'password' => 'required|string',
        'captcha' => 'required|captcha',
    ]);
}

}

修改注册逻辑

在 app/Http/Controllers/Auth/RegisterController.php 中添加验证码验证逻辑：

php
namespace AppHttpControllersAuth;</p>

<p>use AppHttpControllersController;
use AppProvidersRouteServiceProvider;
use AppModelsUser;
use IlluminateFoundationAuthRegistersUsers;
use IlluminateHttpRequest;
use MewsCaptchaFacadesCaptcha;</p>

<p>class RegisterController extends Controller
{
    use RegistersUsers;</p>

<pre><code>protected $redirectTo = RouteServiceProvider::HOME;

public function __construct()
{
    $this->middleware('guest');
}

protected function validator(array $data)
{
    return Validator::make($data, [
        'name' => ['required', 'string', 'max:255'],
        'email' => ['required', 'string', 'email', 'max:255', 'unique:users'],
        'password' => ['required', 'string', 'min:8', 'confirmed'],
        'captcha' => ['required', 'captcha'],
    ]);
}

protected function create(array $data)
{
    return User::create([
        'name' => $data['name'],
        'email' => $data['email'],
        'password' => Hash::make($data['password']),
    ]);
}

}

测试功能

现在，你可以运行项目并测试登录和注册功能：

bash
php artisan serve


访问 http://localhost:8000/login 和 http://localhost:8000/register，确保验证码能够正确显示和验证。

通过以上步骤，我们成功地在Laravel项目中实现了登录和注册功能，并集成了验证码验证。这不仅可以提高系统的安全性，还可以有效防止恶意用户的滥用行为。希望对你有所帮助！