插件窝 干货文章 如何使用ThinkPHP6实现验证码功能

如何使用ThinkPHP6实现验证码功能

验证 captcha class 我们 107    来源:    2024-10-24

在网站或应用的登录、注册、找回密码等登录认证系统当中,验证码功能已经成为常见的一种用户验证方式。验证码功能能够有效防止恶意攻击和机器人攻击,保护用户数据和系统安全。本文将介绍如何使用thinkphp6框架实现验证码功能。

一、ThinkPHP6验证码功能介绍

ThinkPHP6框架中的验证码功能可以通过使用thinkcaptchaCaptcha类实现。该类提供了许多选项,可以设置验证码的长度、字体、字号、干扰线类型、干扰点类型等等。这些选项可以让我们定制化自己的验证码,满足具体业务场景的需求。

二、实现步骤

  1. 安装ThinkPHP6框架

在本地环境中配置好PHP环境后,可以使用composer安装ThinkPHP6框架。在命令行中输入以下命令:

立即学习“PHP免费学习笔记(深入)”;

composer create-project topthink/think myproject

这会创建一个名为myproject的项目目录,并自动安装和初始化项目所需的所有依赖项。

  1. 创建验证码方法

在ThinkPHP6框架中,我们可以在控制器中定义验证码方法。例如,我们可以在Index控制器中创建一个verify方法。该方法可以接受一个参数,用于指定验证码的长度,代码如下:

namespace appindexcontroller;

use thinkcaptchaCaptcha;

class Index
{
    public function verify($length = 4)
    {
        $captcha = new Captcha([
            'length'    =>  $length,
            'useNoise'  =>  true,
            'fontSize'  =>  30,
            'useCurve'  =>  false,
        ]);
        return $captcha->entry();
    }
}

在上面的代码中,我们使用了Captcha类来生成验证码。我们传递了一些参数来指定验证码的长度、是否使用干扰线或干扰点等设置。

  1. 显示验证码

在上面的控制器代码中,我们使用$captcha->entry()方法来显示验证码。这个方法将会生成一张图片,并在浏览器上直接输出图片。

我们可以在模板或视图文件中创建一个img元素,将它的src属性设置为我们在步骤2中创建的验证码方法的URL,即可在前端页面上显示验证码了。代码如下:

@@##@@4])}" onclick="this.src=this.src+'?rand='+Math.random()" />

在上面的代码中,我们使用url函数生成验证码图片的URL,并将长度设定为4,在点击图片时重新加载验证码图片,以更新验证码。

  1. 校验验证码

我们可以在提交表单数据时,使用PHP的session机制来获取用户输入的验证码,然后与生成的验证码进行比较来校验验证码是否正确。代码如下:

namespace appindexcontroller;

use thinkcaptchaCaptcha;

class Index
{
    public function verify($length = 4)
    {
        $captcha = new Captcha([
            'length'    =>  $length,
            'useNoise'  =>  true,
            'fontSize'  =>  30,
            'useCurve'  =>  false,
        ]);
        return $captcha->entry();
    }
    
    public function check()
    {
        $code = input('post.captcha');
        if(captcha_check($code)){
            // 验证码正确
        }else{
            // 验证码错误
        }
    }
}

在上面的代码中,我们定义了一个check方法,用于校验用户输入的验证码。我们使用captcha_check()函数来比较用户输入的验证码和生成的验证码是否相等。

  1. 验证码刷新功能

有时我们需要在用户输入验证码错误的情况下,提供刷新验证码的功能,以便用户更快地通过验证。我们可以通过简单地刷新页面,或者通过修改验证码图片的URL来实现这一功能。

在前端页面上,在验证码图片的元素中加入一个刷新按钮,点击该按钮可以重新加载验证码图片,以更新验证码。代码如下:

@@##@@4])}" onclick="this.src=this.src+'?rand='+Math.random()" />

在上面的代码中,我们使用JavaScript代码修改验证码图片的src属性,将其中的Math.random()函数作为参数传递给url函数。这样每次刷新都会生成一个新的URL,以重新加载验证码。

  1. 完整示例代码

上面的代码段可能不够完整,下面是使用ThinkPHP6实现验证码功能的完整代码。

namespace appindexcontroller;

use thinkcaptchaCaptcha;

class Index
{
    // 验证码函数
    public function verify($length = 4)
    {
        $captcha = new Captcha([
            'length'    =>  $length,
            'useNoise'  =>  true,
            'fontSize'  =>  30,
            'useCurve'  =>  false,
        ]);
        return $captcha->entry();
    }
    
    // 验证码校验函数
    public function check()
    {
        $code = input('post.captcha');
        if(captcha_check($code)){
            // 验证码正确
        }else{
            // 验证码错误
        }
    }
}

@@##@@4])}" onclick="this.src=this.src+'?rand='+Math.random()" />
刷新验证码

以上就是使用ThinkPHP6实现验证码功能的全流程。如果你正在开发一个Web应用程序或网站,那么使用验证码功能可以提高系统的安全性,并且保护用户数据免受恶意攻击。