Yii2增加驗(yàn)證碼步驟詳解

更新時間：2016年04月25日 12:18:39 作者：白狼棧

這篇文章主要介紹了Yii2增加驗(yàn)證碼步驟詳解的相關(guān)資料,需要的朋友可以參考下

本來以為yii2框架驗(yàn)證碼這塊很全面，嘗試百度google了一下，大多數(shù)教程寫的零零散散不全面，想著自己寫一份帶有完整步驟的驗(yàn)證碼教程。

我們假設(shè)site/login 表單登錄需要增加驗(yàn)證碼。

1、siteController控制器的actions方法增加captcha設(shè)置

public function actions() { 
return [ 
'captcha' => [ 
'class' => 'yii\captcha\CaptchaAction', 
'maxLength' => 4, 
'minLength' => 4 
], 
]; 
}

上面我們簡單設(shè)置了驗(yàn)證碼的位數(shù)，有小伙伴好奇都有哪些配置項(xiàng)，這個你可以查看文件 vendor\yiisoft\yii2\captcha，包括驗(yàn)證碼背景色，字體文件等設(shè)置都可以在這里找到。

2、siteController繼續(xù)配置。

public function behaviors() { 
return [ 
'access' => [ 
'class' => AccessControl::className(), 
'rules' => [ 
[ 
'actions' => ['login', 'error', 'captcha'], 
'allow' => true, 
], 
], 
]; 
}

為access rules的actions增加captcha方法可訪問。

3、我們看看view層，增加驗(yàn)證碼input。

use yii\captcha\Captcha; 
<?= $form->field($model, 'verifyCode')->widget(Captcha::className(), [ 
'template' => '<div class="row"><div class="col-lg-3">{image}</div><div class="col-lg-6">{input}</div></div>', 
]) ?>

4、這樣還不行，我們還需要增加驗(yàn)證碼的驗(yàn)證規(guī)則

我們這里用到的是LoginForm，因此修改LoginForm文件

class LoginForm extends Model { 
//...... public $verifyCode; 
public function rules() { 
return [ 
//...... 
['verifyCode', 'captcha'], 
]; 
} 
public function attributeLabels() { 
return [
'verifyCode' => '', //驗(yàn)證碼的名稱，根據(jù)個人喜好設(shè)定 
]; 
} 
} 
//定義了verifyCode屬性 
//rules規(guī)則添加了驗(yàn)證 
//label中定義了其顯示名稱

5、到第四步基本上配置好驗(yàn)證碼就會正常顯示了。如果你的后臺設(shè)定了rbac權(quán)限控制，恐怕你仍然需要在config內(nèi)為as accss增加/site/captcha可訪問。

6、看效果就好了。