1

ボルトとファルコンの手法を使用して、新しい Google reCaptcha をどのように検証しますか?

（それを機能させるために私がしたことを共有したかっただけです。以下の回答を参照してください。お役に立てば幸いです...）

4

1 に答える 1

3

必要なもの

  • Validator (この場合は RecaptchaValidator)
  • Form実装
  • Controller実装 (実際にはここでは変更は必要ありませんが、完全を期すために...)
  • View実装
  • (オプション) recaptcha キーと URL の構成エントリ (この方法により適切でクリーン)
  • (オプション) 自動レンダリング用の recaptcha 要素 (render メソッドを使用する場合)

バリデーター

バリデーターはこれの最も重要な部分であり、他のすべてのものはかなり直感的です...

use \Phalcon\Validation\Validator;
use \Phalcon\Validation\ValidatorInterface;
use \Phalcon\Validation\Message;

class RecaptchaValidator extends Validator implements ValidatorInterface
{
    public function validate(\Phalcon\Validation $validation, $attribute) 
    {
        if (!$this->isValid($validation)) {
            $message = $this->getOption('message');
            if ($message) { // Add the custom message defined in the "Form" class
                $validation->appendMessage(new Message($message, $attribute, 'Recaptcha'));
            }
            return false;
        }
        return true;
    }

    /********************************************
     *  isValid - Return Values
     *  =======================
     *  true .... Ok
     *  false ... Not Ok
     *  null .... Error
     */
    public function isValid($validation) 
    {
        try {
            $config = $validation->config->recaptcha; // not needed if you don't use a config
            $value =  $validation->getValue('g-recaptcha-response');
            $ip    =  $validation->request->getClientAddress();

            $url = $config->verifyUrl; // or 'https://www.google.com/recaptcha/api/siteverify'; without config
            $data = ['secret'   => $config->secretKey, // or your secret key directly without using the config
                     'response' => $value,
                     'remoteip' => $ip,
                    ];

            // Prepare POST request
            $options = [
                'http' => [
                    'header'  => "Content-type: application/x-www-form-urlencoded\r\n",
                    'method'  => 'POST',
                    'content' => http_build_query($data),
                ],
            ];

            // Make POST request and evaluate the response
            $context  = stream_context_create($options);
            $result = file_get_contents($url, false, $context);
            return json_decode($result)->success;
        }
        catch (Exception $e) {
            return null;
        }
    }
}

フォーム（クラス）の実装

class SignupForm extends Form
{
    public function initialize($entity = null, $options = null) 
    {
        // Name (just as an example of other form fields)
        $name = new Text('name');
        $name->setLabel('Username');
        $name->addValidators(array(
            new PresenceOf(array(
                'message' => 'Please enter your name'
            ))
        ));
        $this->add($name);

        // Google Recaptcha v2
        $recaptcha = new Check('recaptcha');
        $recaptcha->addValidator(new RecaptchaValidator([
            'message' => 'Please confirm that you are human'
        ]));
        $this->add($recaptcha);

        // Other form fields...
}

コントローラーの実装

コントローラーは他のすべてのフォームと同じですが、完全を期すためにここに例を示します...

class SessionController extends \Phalcon\Mvc\Controller
{
    public function signupAction()
    {
        $form = new SignupForm();
        if ($this->request->isPost()) {
            if ($form->isValid($this->request->getPost()) != false) 
            {
                // Add user to database, do other checks, etc.
                // ...
            }
        }

        $this->view->form = $form;
    }
}

実装を見る

ビューの場合は、そこに html を配置するか、エンジンでレンダリングすることができます。代わりにレンダリングしたい場合 (例:を使用) 、デフォルトのいずれかを使用する代わりに Element{{ form.render('recaptcha') }}も作成する必要があります(それについては、この回答の最後のポイントを参照してください)。Recaptcha

...

{{ form('class':'signupForm') }}
<fieldset>

    <div>{{ form.label('name') }}</div>
        {{ form.render('name') }}
        {{ form.messages('name') }}

    <!-- other elements here -->        
    <!-- ...                 -->

    <div class="g-recaptcha" data-sitekey="{{ this.config.recaptcha.publicKey }}"></div>
    {{ form.messages('recaptcha') }}

公開鍵 (次のセクション) の構成を使用したくない場合は、data-sitekey の値を個人の (Google reCaptcha) 公開鍵に設定するだけです。

<script src='https://www.google.com/recaptcha/api.js'></script>また、スクリプト ( ) をどこかに含めることも忘れないでください (例: HTML の head セクション)。

(オプション) 構成

config を使用して recaptcha キーを保存する場合は、以下も追加しますconfig/config.php...

// config/config.php

return new \Phalcon\Config([

    'application' => [
        'controllersDir' => __DIR__ . '/../../app/controllers/',
        'modelsDir'      => __DIR__ . '/../../app/models/',
        'formsDir'       => __DIR__ . '/../../app/forms/',
        'viewsDir'       => __DIR__ . '/../../app/views/',
        'pluginsDir'     => __DIR__ . '/../../app/plugins/',
        'libraryDir'     => __DIR__ . '/../../app/library/',
        'cacheDir'       => __DIR__ . '/../../app/cache/',
        'baseUri'        => '/',
    ],

    // other configs here
    // ...

    'recaptcha' => [
        'publicKey' => 'your public key',
        'secretKey' => 'your private key',
        'verifyUrl' => 'https://www.google.com/recaptcha/api/siteverify',
    ],
]);

ビューで構成にアクセスできるようにするには$di->set('config', $config);、依存性インジェクター (通常は 内config/services.php) に追加する必要がある場合もあります。

(オプション) recaptcha 要素

(ビューに直接配置するのではなく) recaptcha をレンダリングする場合divは、別の\Phalcon\Forms\Element\...

class Recaptcha extends \Phalcon\Forms\Element
{
    public function render($attributes = null) {
        return '<div class="g-recaptcha" data-sitekey="'
            .$this->config->recaptcha->publicKey
            .'"></div>';
    }
}

Formまた、それに応じて変更する必要があります。

// ...
$recaptcha = new Recaptcha('recaptcha');
$recaptcha->addValidator(new RecaptchaValidator([
    'message' => '...'
]));
// ...

そして最後にあなたのView：

{{ form.render('recaptcha') }}
于 2015-06-12T09:38:52.210 に答える