TP6驗證碼的多種使用方式

 

本篇內容會全方面通過實例的方式講一下TP6里面驗證碼的各種使用方法

 

一、安裝驗證碼擴展包

composer require topthink/think-captcha

二、開啟Session

找到app/middleware.php 文件，找到下面一行，並取消前面的注釋

\think\middleware\SessionInit::class

三、因為要用到模板，需要安裝下模板擴展

composer require topthink/think-view

四、TP6內置驗證碼生成以及驗證

html代碼：

<h3>內置驗證碼生成以及驗證：</h3>
<div>{:captcha_img()}</div>

<form action="/index.php/test_session/verify01" method="post">
  <p>請輸入驗證碼： <input type="text" name="yzm" /> </p>
  <p><input type="submit" value="提交"></p>
</form>

html效果：

控制器代碼：

/**
     * TP6內置驗證碼生成以及驗證
     */
    public function show01()
    {
        return view("test/show01");
    }
    /**
     * TP6內置驗證碼生成以及驗證
     */
    public function verify01()
    {
        $data = request()->param();

        if (empty($data['yzm'])) 
        {
            return json(array('status'=>'FAIL','msg'=>'請輸入驗證碼!'));
        }
        //調用內置的函數手動驗證
        if(!captcha_check($data['yzm'])){
            return json(array('status'=>'FAIL','msg'=>'驗證失敗!'));
        }else{
            return json(array('status'=>'FAIL','msg'=>'驗證成功!'));
        }
    }

 

五、自定義驗證碼 生成以及驗證

HTML代碼：

<h3>自定義驗證碼生成以及驗證：</h3>
<div><img src="/index.php/test_session/createYzm"  onclick="this.src='/index.php/test_session/createYzm?r='+Math.random()"></div>

<form action="/index.php/test_session/verify02" method="post">
  <p>請輸入驗證碼： <input type="text" name="yzm" /> </p>
  <p><input type="submit" value="提交"></p>
</form>

控制器代碼：

控制器文件頂部引入 Captcha 類

use think\captcha\facade\Captcha;

/**
     * 創建驗證碼
     */
    public function createYzm()
    {
         return Captcha::create();
    }
    /**
     * 自定義驗證碼 生成以及驗證 模板
     */
    public function show02()
    {
        return view("test/show02");
    }

    /**
     * 自定義驗證碼 生成以及驗證
     */
    public function verify02()
    {
        $data = request()->param();

        if (empty($data['yzm'])) 
        {
            return json(array('status'=>'FAIL','msg'=>'請輸入驗證碼!'));
        }
        //調用內置的函數手動驗證
        if(!captcha_check($data['yzm'])){
            return json(array('status'=>'FAIL','msg'=>'驗證失敗!'));
        }else{
            return json(array('status'=>'FAIL','msg'=>'驗證成功!'));
        }
    }

對比說明：

使用自定義的更加靈活一些，可以搭配各種樣式，

使用內置的是方便一點點。

我是推薦使用自定義的驗證碼，這樣代碼的來龍去脈比較清晰，有問題也方便排錯。

六、驗證碼常用的配置

配置文件：config/captcha.php

常用到的配置有以下幾個：

//驗證碼位數
'length'   => 5,
// 驗證碼字符集合
'codeSet'  => '2345678abcdefhijkmnpqrstuvwxyzABCDEFGHJKLMNPQRTUVWXY',
// 是否使用混淆曲線
'useCurve' => true,
//是否添加雜點
'useNoise' => true,
//背景顏色
'bg'       => [243, 251, 254],

注意：

驗證碼的高度 和寬度不要修改，設置為0即可，不然設置的小了，會出現驗證碼顯示不全的問題。

如果需要調整大小，通過頁面的css樣式進行調整驗證碼的 width 和 height 屬性

 

七、生成多個不同配置的驗證碼

設置配置文件config/captcha.php：

生成不同配置的驗證碼

/**
     * 創建新驗證碼
     */
    public function createNewYzm()
    {
        //生成 verify配置的驗證碼
         return Captcha::create('verify');
        //生成 my_verify的驗證碼
        // return Captcha::create('my_verify');
    }

 

注意：

生成不同配置的驗證碼多個，最終驗證只有最新的生成的驗證碼是有效的。

並不是生成多種不同配置的驗證碼，就有多重驗證方式。