插件窝 干货文章 ThinkPHP6下简化think-captcha验证码,提高文字辨识度

ThinkPHP6下简化think-captcha验证码,提高文字辨识度

验证 amp class strong 993    来源:    2024-10-28

众所周知,验证码能防止恶意登录注册,它由服务端生成,发送给客户端,并最终以图像格式显示。复杂的验证码能提升网站的安全性,但过于复杂的验证码也会使得文字的肉眼识别变得异常困难,用户体验大大降低。

本文以最新thinkphp6.0的think-captcha扩展为修改对象,来详细讲解如何简化验证码的显示,提高文字辨识度,让老年人也能看得清!

think-captcha验证码

控制器测试代码:

<?php
namespace app\controller;

use app\BaseController;
use think\facade\View;

class Index extends BaseController
{
    public function index()
    {
        return View::fetch();
    }
}

视图测试代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
@@##@@
</body>
</html>

默认情况下渲染的验证码如下:

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

可能有的小伙伴觉得这很清晰呀,但是对于年龄较大的人来说还是比较困难,另外通过修改验证码文件,也可以提高自己的动手能力、增长知识。

优化think-captcha验证码

找到config\captcha.php配置文件,修改如下部分:

//验证码位数
&#39;length&#39;   => 4,                    //简洁的4字符验证码
// 验证码字符集合
&#39;codeSet&#39;  => &#39;0123456789&#39;,        //这里我去掉英文了,只留下数字部分
// 是否使用混淆曲线
&#39;useCurve&#39; => false,
//是否添加杂点
&#39;useNoise&#39; => false,
// 验证码字体 不设置则随机
&#39;fontttf&#39;  => &#39;4.ttf&#39;,            //经测试,该字体很顺眼

修改后刷新看看,是不是更简洁了?

微信截图_20200501201048.png

这样其实已经比较可以了,正常情况下不建议再修改框架,但既以学习为目的,那我们就再深入优化下。

打开vendor\topthink\think-captcha\src\Captcha.php

修改第277行,去掉字体斜移度

imagettftext($this->im, $this->fontSize, 0, $x, $y, $this->color, $fontttf, $char);

最后看看效果,是不是已经很满意了

微信截图_20200501202618.png

本文通过简单的修改配置文件、去掉倾斜度的方式简化了验证码的显示,提高了文字辨识度,小伙伴儿们多多动手,印象才会更深刻哟!

4444.png