驗證碼相關組件

webman/captcha

專案地址 https://github.com/webman-php/captcha

安裝

composer require webman/captcha

使用

建立文件 app/controller/LoginController.php

<?php
namespace app\controller;

use support\Request;
use Webman\Captcha\CaptchaBuilder;

class LoginController
{
    /**
     * 測試頁面
     */
    public function index(Request $request)
    {
        return view('login/index');
    }

    /**
     * 輸出驗證碼圖像
     */
    public function captcha(Request $request)
    {
        // 初始化驗證碼類
        $builder = new CaptchaBuilder;
        // 生成驗證碼
        $builder->build();
        // 將驗證碼的值存儲到session中
        $request->session()->set('captcha', strtolower($builder->getPhrase()));
        // 獲取驗證碼圖片二進制數據
        $img_content = $builder->get();
        // 輸出驗證碼二進制數據
        return response($img_content, 200, ['Content-Type' => 'image/jpeg']);
    }

    /**
     * 檢查驗證碼
     */
    public function check(Request $request)
    {
        // 獲取post請求中的captcha字段
        $captcha = $request->post('captcha');
        // 對比session中的captcha值
        if (strtolower($captcha) !== $request->session()->get('captcha')) {
            return json(['code' => 400, 'msg' => '輸入的驗證碼不正確']);
        }
        return json(['code' => 0, 'msg' => 'ok']);
    }

}

建立模板文件app/view/login/index.html

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>驗證碼測試</title>  
</head>
<body>
    <form method="post" action="/login/check">
       <img src="/login/captcha" /><br>
        <input type="text" name="captcha" />
        <input type="submit" value="提交" />
    </form>
</body>
</html>

進入頁面http://127.0.0.1:8787/login 界面類似如下:

常見參數設置

    /**
     * 輸出驗證碼圖像
     */
    public function captcha(Request $request)
    {
        // 初始化驗證碼類
        $builder = new CaptchaBuilder;
        // 驗證碼長度
        $length = 4;
        // 包含哪些字符
        $chars = '0123456789abcefghijklmnopqrstuvwxyz';
        $builder = new PhraseBuilder($length, $chars);
        $captcha = new CaptchaBuilder(null, $builder);
        // 生成驗證碼
        $builder->build();
        // 將驗證碼的值存儲到session中
        $request->session()->set('captcha', strtolower($builder->getPhrase()));
        // 獲得驗證碼圖片二進制數據
        $img_content = $builder->get();
        // 輸出驗證碼二進制數據
        return response($img_content, 200, ['Content-Type' => 'image/jpeg']);
    }

更多接口及參數參考 https://github.com/webman-php/captcha