1.在项目根目录运行安装命令,如下图:
composer require mews/captcha
2. 在根目录运行下面代码创建验证码配置文件(会自动在config目录下自动创建 captcha.php 文件)
php artisan vendor:publish --provider='Mews\Captcha\CaptchaServiceProvider'
3.编辑config\captcha.php文件,将字符个数改为4(按自身需要更改配置文件),具体代码如下
'default' => [
'length' => 4, //字符个数
'width' => 120, //图片宽度
'height' => 36, //图片高度
'quality' => 90, //图片质量
'math' => false, //数学计算
],
4.在config\app.php中将验证码服务注册到服务器中,具体代码如下,(若已存在则忽略)
'providers' => [
...(原有代码)
Mews\Captcha\CaptchaServiceProvider::class,
...(原有代码)
]
5.在config\app.php文件中给验证码服务注册别名,具体代码如下:(若已存在则忽略)
'aliases' => [
...(原有代码)
'Captcha' =>Mews\Captcha\Facades\Captcha::class,
]
6.在登录表单中添加验证码,具体代码如下:
<img class="thumbnail captcha" src="{{ captcha_src('flat') }}" onclick="this.src='/captcha/flat?'+Math.random()" title="点击图片重新获取验证码" />
captcha_src()
方法是 mews/captcha 提供的辅助方法,用于生成验证码图片链接,其中 flat 对应 config/captcha.php 中数组key值,默认是default。验证码表现形式有五种方式,分别是default、math、flat、mini、inverse。根据自身需要选择和更改。
7.通过浏览器访问,其页面效果如下图: