[yii2] Criar um formulário de login com Captcha

Adicionar um captcha ao formulário de login é muito fácil e pode ser feito em três etapas:

  1. Em models/LoginForm.php, você deve adicionar campos captcha e regras de validação.
  2. Em views/site/login.php, você precisa colocar um campo captcha.
  3. Em controllers/SiteController.php, você precisará adicionar a ação captcha.

Neste tutorial, quero mostrar a você como criar um captcha no formulário de login, mas você pode adicionar um captcha a qualquer formulário seguindo estas etapas.

1. Adicionar campos captcha e regras de validação a models/LoginForm.php

Em primeiro lugar, você precisa alterar o formulário de login conforme descrito acima. Em seguida, você precisará adicionar uma propriedade pública chamada verifyCode e suas regras de validação.

class LoginForm extends Model
{
    .............
    .............
    public $verifyCode;
    .............
  
    public function rules()
    {
        return [
            .............
            .............
  
            ['verifyCode', 'required', 'when'=>function(){return $this->loginFailed;}],
            ['verifyCode', 'captcha', 'when'=>function(){return $this->loginFailed;}],
              
            .............
            .............
        ];
    }
 
    public function validatePassword($attribute, $params)
    {
        if (!$this->hasErrors()) {
            .............
            if (!$user || !$user->validatePassword($this->password)) {
 
                Yii::$app->session->set('_loginAttempts', Yii::$app->session->get('_loginAttempts', 0)+1);
 
                .............
            }
        }
    }   
     
    //Check number login failed
    public function getLoginFailed()
    {
        return Yii::$app->session->get('_loginAttempts', 0) > 3;
    }
     
    .............
    .............   
}

2. Adicionar widgets ao views/site/login.php

.............
.............
 
<div class="site-login">
    .............
    .............
 
    <div class="row">
        <div class="col-lg-5">
            <?php $form = ActiveForm::begin(['id' => 'login-form']); ?>
 
                .............
                .............
 
                <?php
                if($model->loginFailed){
                    echo $form->field($model, 'verifyCode')->widget(\yii\captcha\Captcha::class);
                }
                ?>
 
                .............
                .............
     
            <?php ActiveForm::end(); ?>
        </div>
    </div>
</div>

3. Adicionar ação ao controlador/SiteController.php

Para que os captchas funcionem, você precisará adicionar uma ação captcha a controllers/SiteController.php. Talvez a ação já exista porque o modelo de aplicativo padrão Yii2 a adiciona automaticamente.

.............
.............
  
class SiteController extends Controller
{
    .............
    .............
      
    public function actions()
    {
        return [
            .............
            .............
              
            'captcha' => [
                'class' => 'yii\captcha\CaptchaAction',
            ],
            .............
            .............
        ];
    }
      
    .............
    .............   
}

Últimos artigos