Zend Framework 2 में कैप्चा कस्टमाइज़ करें

Zend \ Captcha घटक विभिन्न रूप ले सकता है, जिसमें तार्किक प्रश्न पूछना, विकृत फ़ॉन्ट बनाना और कई छवियों को प्रसारित करना, उनके साथ एक संबंध स्थापित करना शामिल है। Zend \ Captcha का उद्देश्य विभिन्न प्रकार के सर्वर समाधान प्रदान करना है, जिनका उपयोग ऑफ़लाइन या Zend \ Form घटक के संयोजन में किया जा सकता है।

कैप्चा तत्व में एक से अधिक फ़ील्ड हैं जो एक के बाद एक प्रस्तुत किए जाते हैं। अंतर्निहित कैप्चा छवि जनरेटर ( Zend \ Captcha \ Image.php ) छवि बनाने के लिए अपने स्वयं के सहायक ( Zend \ Form \ View \ Helper \ Captcha \ Image.php ) का उपयोग करता है। इसके अलावा, Zend \ Captcha \ Image.php में विधि 'getHelperName' है। कैप्चा छवि को प्रस्तुत करने के लिए यह विधि सहायक नाम से गुजरती है। डिफ़ॉल्ट रूप से, 'getHelperName' 'कैप्चा / छवि' पास करता है - Zend \ Form \ View \ Helper \ Captcha \ Image.php वर्ग का एक उदाहरण। यदि आप डीबगर की सहायता से अधिक गहराई से डिलीट करते हैं, तो आप देख सकते हैं कि उदाहरण में संपत्ति phpRenderer :: __ हेल्पर्स , कैप्टर हेल्पर invokablesClasses में स्थित है। यह पहले उल्लेखित Zend \ Form \ View \ Helper \ Captcha \ Image.php है । मोटे तौर पर, आप बस एक छवि बनाते हैं, और रेंडरर आपके लिए सहायक का उपयोग करता है, हालांकि यह स्थिति सभी के अनुकूल नहीं है।

जब आप कैप्चा फॉर्म एलिमेंट ( Zend \ Form \ Element \ Captcha.php ) बनाते हैं , तो आप कैप्चा इमेज ( Zend \ Captcha \ Image.php ) इस एलिमेंट को पास कर देते हैं। कैप्चा फॉर्म तत्व, बदले में, इसका अपना सहायक ( Zend \ Form \ View \ Helper \ FormCaptcha.php ) भी है। इस सहायक की रेंडर विधि में, आप देखेंगे कि कैप्चा इमेज ( Zend \ Captcha \ Image.php ) ElementInterface का उपयोग करके भरी हुई है:

//Zend\Form\View\Helper\FormCaptcha.php public function render(ElementInterface $element) { $captcha = $element->getCaptcha(); 

जिसके बाद सहायक को 'getHelperName' विधि के माध्यम से बुलाया जाता है:

 $helper = $captcha->getHelperName(); 

परिणामस्वरूप, हमें PhpRenderer के उदाहरण के माध्यम से सहायक वर्ग का एक उदाहरण मिलता है और दृश्य वापस आता है:

 $helper = $renderer->plugin($helper); return $helper($element); 

हमें cha कैप्चा फॉर्म एलिमेंट और उसके हेल्पर ’और clearly कैप्चा इमेज भी अपने हेल्पर’ के बीच स्पष्ट रूप से भेद करने की जरूरत है। हम 'कैप्चा इमेज' को 'कैप्चा' फॉर्म एलिमेंट को पास करेंगे, जिसमें पहले से ही एक हेल्पर है। 'कैप्चा फॉर्म एलिमेंट' का रेंडर मेथड 'कैप्चा इमेज' का एक उदाहरण एम्बेड करेगा जिसे हमने इमेज को जेनरेट करने और व्यू को वापस करने के लिए हेल्पर का उपयोग करके पास किया था। आपको बस 'कैप्चा इमेज' के लिए एक नया हेल्पर पास करना है, जो हमारे पसंद के अनुसार दृश्य को प्रदर्शित करेगा और Zend \ Captcha \ Image.php को फिर से लिखेगा ताकि यह हमारा नया सहायक प्राप्त करे, और कोई डिफ़ॉल्ट नहीं।

शुरू करने से पहले, आइए कुछ विवरण देखें:
Zend \ Form \ View \ Helper \ Captcha \ Image.php कैप्चा प्रदर्शित करने के लिए% s% s% s के रूप में पैटर्न को परिभाषित करता है:

 $pattern = '%s%s%s'; 

इस प्रकार, पहली चीज जो आपको चाहिए वह है हमारे कस्टम हेल्पर अपने पैटर्न के साथ। आइए इसे एप्लिकेशन मॉड्यूल में बनाएं:

 //module\Application\src\Application\View\Helper\Form\Captcha\ViewHelperCaptcha.php <?php namespace Application\View\Helper\Form\Captcha; use Zend\Form\View\Helper\Captcha\AbstractWord; use Application\View\Helper\Form\Captcha\CustomCaptcha as CaptchaAdapter; use Zend\Form\ElementInterface; use Zend\Form\Exception; class ViewHelperCaptcha extends AbstractWord { /** * Override * * Render the captcha * * @param ElementInterface $element * @throws Exception\DomainException * @return string */ public function render(ElementInterface $element) { //         . $this->setSeparator('') $captcha = $element->getCaptcha(); if ($captcha === null || !$captcha instanceof CaptchaAdapter) { throw new Exception\DomainException(sprintf( '%s requires that the element has a "captcha" attribute of type Zend\Captcha\Image; none found', __METHOD__ )); } //     (  600). $captcha->setExpiration(10); //    (  10).        . $captcha->setGcFreq(1); $captcha->generate(); $imgAttributes = array( 'width' => $captcha->getWidth(), 'height' => $captcha->getHeight(), 'alt' => $captcha->getImgAlt(), 'src' => $captcha->getImgUrl() . $captcha->getId() . $captcha->getSuffix(), ); $closingBracket = $this->getInlineClosingBracket(); $img = sprintf( '<img %s%s', $this->createAttributesString($imgAttributes), $closingBracket ); $position = $this->getCaptchaPosition(); $separator = $this->getSeparator(); $captchaInput = $this->renderCaptchaInputs($element); //   $pattern = '<div class="captcha_image"> %s</div> %s<div class="captcha_input"> %s</div>' if ($position == self::CAPTCHA_PREPEND) { return sprintf($pattern, $captchaInput, $separator, $img); } return sprintf($pattern, $img, $separator, $captchaInput); } } 

हमारा सहायक वर्ग मामूली बदलाव के साथ Zend \ Form \ View \ Helper \ Captcha \ Image.php वर्ग को दोहराता है । हमारा सहायक मूल के विपरीत, एक छवि उत्पन्न करने के लिए Zend \ Captcha \ Image.php का उपयोग नहीं करता है। याद रखें कि Zend \ Captcha \ Image.php एक तरीका 'getHelperName' प्रदान करता है जो एक हार्ड-कोडित सहायक नाम 'कैप्चा / इमेज' लौटाता है, इसलिए जब फ़ॉर्म एक छवि बनाता है, तो यह अपना स्वयं का डिफ़ॉल्ट टेंपरर प्राप्त नहीं करेगा, लेकिन बस बनाया गया हमारे द्वारा। हमारे कस्टम हेल्पर को phpRenderer को पास करने के लिए और एक नई कैप्चा इमेज तैयार करने की आवश्यकता है जो मूल Zend \ Captcha \ Image.php क्लास का विस्तार करेगी और हमारे द्वारा बनाए गए सहायक का नाम सेट करके 'getHelperName' विधि को फिर से लिखेगा।

तो, चलिए हमारी कक्षा को phpRenderer invokables हेल्पर्स कॉन्फ़िगरेशन में जोड़ते हैं। हम इसे मॉड्यूल में लागू करते हैं ।config.php:

 //module\Application\config\module.config.php ... 'view_helpers' => array( 'invokables' => array( 'viewhelpercaptcha' => 'Application\View\Helper\Form\Captcha\ViewHelperCaptcha', ), ), 

अगला कदम कैप्चा इमेज बनाना है जो मॉड्यूल कॉन्फ़िगरेशन में जोड़े गए हमारे सहायक को phpRenderer invokables वर्ग के रूप में वापस करेगा। पूरे वर्ग Zend \ Captcha \ Image.php को फिर से परिभाषित करने की आवश्यकता नहीं है, बस एक पैरामीटर के रूप में हमारे कस्टम सहायक वर्ग 'getHelperName' विधि को निर्दिष्ट करें। ऐसा करने के लिए, एक वर्ग बनाएं और इसे नाम दें, उदाहरण के लिए, मॉड्यूल \ Application \ src \ Application \ View \ Helper \ Form \ Captcha फ़ोल्डर में CustomCaptcha.php । हम मूल Zend \ Captcha \ Image.php वर्ग का विस्तार करने जा रहे हैं और 'getHelperName' विधि को ओवरराइड करते हैं ताकि यह हमारे 'viewhelpercaptcha' सहायक को वापस लौटाए। यह $ मैसेजटेम्पलेट्स संपत्ति में त्रुटि संदेशों को ओवरराइड करने में भी मदद करता है। अपने विवेक पर।

 //module\Application\src\Application\View\Helper\Form\Captcha\CustomCaptcha.php <?php namespace Application\View\Helper\Form\Captcha; // ,   . use Zend\Captcha\Image as CaptchaImage; //  ,      . class CustomCaptcha extends CaptchaImage { protected $messageTemplates = array( self::MISSING_VALUE => ' ', self::MISSING_ID => ' ID ', self::BAD_CAPTCHA => '  ', public function getHelperName() { return 'viewhelpercaptcha'; } } 

आखिरी चीज जो हमें करने की ज़रूरत है वह है कि हमारी CustomCaptcha छवि का उपयोग फ़ॉर्म में करें। ऐसा करने के लिए, दो फ़ोल्डर बनाएं: एक फ़ॉन्ट (zf2folder / data / फ़ॉन्ट्स) के लिए, जो कैप्चा शब्द उत्पन्न करने के लिए आवश्यक है, और दूसरा कैप्चा छवि फ़ाइलों (zf2folder / public / img / captcha) को संग्रहीत करने के लिए है। स्वाभाविक रूप से, फ़ॉन्ट फ़ोल्डर में, * .ttf फ़ॉन्ट, उदाहरण के लिए arial.ttf कॉपी करें।

उदाहरण के लिए, आप आधिकारिक ट्यूटोरियल से फॉर्म ले सकते हैं:

 <?php namespace Album\Form; use Zend\Form\Form; use Application\Form\View\Helper\Captcha\CustomCaptcha; class AlbumForm extends Form { public function __construct($name = null) { //    parent::__construct('album'); $this->setAttribute('method', 'post'); //    ... //    Captcha $dirdata = './data'; //  CustomCaptcha  $captchaImage = new CustomCaptcha(array( 'font' => $dirdata . '/fonts/arial.ttf', 'width' => 120, 'height' => 60, 'fsize' => 20, 'wordLen' => 5, 'dotNoiseLevel' => 25, 'lineNoiseLevel' => 2 )); //     $captchaImage->setImgDir('public/img/captcha/'); //      $captchaImage->setImgUrl('/img/captcha/'); $captchaImage->setImgAlt('   ?'); //   Captcha    CustomCaptcha,   $this->add(array( 'type' => 'Zend\Form\Element\Captcha', 'name' => 'captcha', 'options' => array( 'captcha' => $captchaImage, ), 'attributes' => array( 'class' => 'some_class', ) )); $this->add(array( 'name' => 'submit', 'attributes' => array( 'type' => 'submit', 'value' => 'Go', 'id' => 'submitbutton', ), )); } } 

हमारे कैप्चा के एक तत्व को व्यू फाइल में जोड़ें

 echo $this->formRow($form->get('captcha')) . PHP_EOL; 

आउटपुट में परिणामस्वरूप HTML दस्तावेज़ की संरचना की जांच करने के बाद, आप देखेंगे कि अब छवि और कैप्चा इनपुट फ़ील्ड divs में लिपटे हुए हैं। हमें एक अधिक सुव्यवस्थित डिजाइन मिला।

उपयोग किए गए स्रोत:
framework.zend.com/manual/2.2/en/modules/zend.captcha.intro.html
framework.zend.com/manual/2.2/en/modules/zend.captcha.operation.html
framework.zend.com/manual/2.2/en/modules/zend.captcha.adapters.html
framework.zend.com/manual/2.2/en/user-guide/forms-and-actions.html
zendtemple.blogspot.com/2012/12/zend-framework-2-zf2-creating-view.html
samsonasik.wordpress.com/2012/09/12/zend-framework-2-using-captcha-image-in-zend-form