众所周知,验证码能防止恶意登录注册,它由服务端生成,发送给客户端,并最终以图像格式显示。复杂的验证码能提升网站的安全性,但过于复杂的验证码也会使得文字的肉眼识别变得异常困难,用户体验大大降低。
本文以最新thinkphp6.0
的think-captcha
扩展为修改对象,来详细讲解如何简化验证码的显示,提高文字辨识度,让老年人也能看得清!
think-captcha验证码
控制器测试代码:
<?php namespace appcontroller; use appBaseController; use thinkfacadeView; 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> <img src="{:captcha_src()}" alt=""> </body> </html>
默认情况下渲染的验证码如下:
可能有的小伙伴觉得这很清晰呀,但是对于年龄较大的人来说还是比较困难,另外通过修改验证码文件,也可以提高自己的动手能力、增长知识。
优化think-captcha验证码
找到configcaptcha.php
配置文件,修改如下部分:
//验证码位数 'length' => 4, //简洁的4字符验证码 // 验证码字符集合 'codeSet' => '0123456789', //这里我去掉英文了,只留下数字部分 // 是否使用混淆曲线 'useCurve' => false, //是否添加杂点 'useNoise' => false, // 验证码字体 不设置则随机 'fontttf' => '4.ttf', //经测试,该字体很顺眼
修改后刷新看看,是不是更简洁了?
这样其实已经比较可以了,正常情况下不建议再修改框架,但既以学习为目的,那我们就再深入优化下。
打开vendortopthinkthink-captchasrcCaptcha.php
修改第277行,去掉字体斜移度
imagettftext($this->im, $this->fontSize, 0, $x, $y, $this->color, $fontttf, $char);
最后看看效果,是不是已经很满意了
本文通过简单的修改配置文件、去掉倾斜度的方式简化了验证码的显示,提高了文字辨识度,小伙伴儿们多多动手,印象才会更深刻哟!