DIY कैप्चा विकास

आज, स्पैम बॉट के सज्जनों और उनके जैसे अन्य लोगों के लिए धन्यवाद, उत्पन्न छवि से पात्रों को दर्ज किए बिना नेटवर्क पर कुछ भी करना असंभव है - कैप्चा (इसके बाद - कैप्चा) । वास्तव में, यह मानव हस्तक्षेप के बिना किसी भी स्क्रिप्ट के निष्पादन को रोकता है, और इस विषय में मैं आपको बताऊंगा कि कैसे PHP टूल्स का उपयोग करके इस तरह के कैप्चा का निर्माण किया जाता है, साथ ही एक अन्य हब्रायुज़र से एक बहुत उपयोगी विषय का उल्लेख किया जाता है, जो कैप्चा छवि को विकसित करते समय उपयोगी होता है।

मैं तुरंत चेतावनी देता हूं कि विषय केवल नौसिखिया डेवलपर्स के लिए रुचि का हो सकता है, क्योंकि वास्तव में मैं एक साइकिल का आविष्कार करता हूं, लेकिन अपने दम पर।

बुनियादी नियम

कैप्चा विकसित करते समय, आपको कुछ बुनियादी नियमों का पालन करना चाहिए:

1. लोगों के लिए कैप्चा बनाया
इसे तुरंत पठनीय होना चाहिए, लेकिन मान्यता प्रतिरोध की कीमत पर नहीं। एक कैप्चा का एक बहुत स्पष्ट उदाहरण जो इस नियम का पालन नहीं करता है वह दाईं ओर की छवि है।

2. कैप्चा जनरेटर का उपयोग किए गए पात्रों में स्पष्ट रूप से सीमित होना चाहिए।
एक अच्छा उदाहरण विषय की शुरुआत में छवि है। बेशक, reCAPTCHA एक अद्भुत आविष्कार है, लेकिन कभी-कभी यह उन पात्रों को पेश करने की पेशकश करता है जो चार्मैप में ढूंढना मुश्किल हैं। वैसे, जब सिरिलिक पात्रों का उपयोग करके कैप्चा की बात आती है - तो किसी भी मामले में जनरेटर को "" अक्षर का उपयोग नहीं करना चाहिए। व्यक्तिगत रूप से, मैं बहुत से लोगों को जानता हूं जिनके पास ~ (टिल्ड / a) सिस्टम में किसी प्रकार की कार्रवाई को लटका रहा है।

3. कैप्चा मान्यता के लिए प्रतिरोधी होना चाहिए
... लेकिन पठनीयता की कीमत पर नहीं। सामान्य तौर पर, यह आइटम सभी विकास में सबसे कठिन है। एक मध्य मैदान खोजने के लिए आवश्यक है - कैप्चा लोगों द्वारा तुरंत पढ़ा जाता है और आम तौर पर (जहां तक ​​संभव हो) बॉट्स द्वारा नहीं पढ़ा जाता है। यह उस संसाधन की बारीकियों को भी ध्यान में रखना आवश्यक है, जिस पर कैप्चा, और इसके आकस्मिक उपयोग की योजना है। यदि हम चालीस के ऊपर गृहिणियों को पढ़ने के एक मंच के बारे में बात कर रहे हैं, तो आप उच्च टॉवर से एक कैप्चा के बल पर थूक सकते हैं - यह किसी के खिलाफ आराम नहीं करेगा। यदि हम उदाहरण के लिए, एक छविबोर्ड के बारे में बात कर रहे हैं, तो हमें एक कैप्चा ए ला विर्विलेज की आवश्यकता है।

डिज़ाइन

एक वैक्यूम में गोलाकार मंच, मध्यम आक्रामक, मध्यम स्मार्ट और आम तौर पर मध्यम उपयोगकर्ताओं के साथ, एक सैद्धांतिक वस्तु के रूप में कार्य करेगा जिसके लिए हम कैप्चा होंगे। इस तरह के कैप्चा के विकास में, पास्टैफेरियनवादी हब्रायुज़र का एक बहुत उपयोगी विषय हमारी मदद करेगा। अर्थात्, मैं उसके द्वारा लिए गए कैप्चा के सूचीबद्ध नुकसान और फायदों पर ध्यान दूंगा।

तो, क्रम में, हम सूचीबद्ध करते हैं कि हम क्या उपयोग कर सकते हैं:

1. छवि को कम से कम कई रंगों का उपयोग करना चाहिए। हमेशा अधिमानतः अलग


ऊपर की छवि एक उदाहरण है कि यह कार्रवाई में कैसा दिखता है। वास्तव में, यह बहुत विश्वसनीय विकल्प नहीं है, क्योंकि पृष्ठभूमि वाला पाठ बहुत विपरीत है। हम फूलों से बाद में निपटेंगे।

2. शोर होना चाहिए


सामान्य सत्य। लगभग किसी भी कैप्चा में, आप शोर पा सकते हैं, जो कि अक्सर पाठ को पार करने वाली कई लाइनों में, विभिन्न लंबाई के और विभिन्न कोणों में व्यक्त किया जाता है।

3. पत्र एक दूसरे से थोड़ी दूरी पर होने चाहिए


यहाँ मुख्य बात यह है कि इसे ज़्यादा मत करना। पात्रों के अत्यधिक अभिसरण से मानव पठनीयता में एक मजबूत गिरावट आएगी। ऊपर दिए गए उदाहरण में, आप देख सकते हैं कि अक्षर एक साथ चिपकते हैं, यह छवि को विभाजित करते समय बॉट के लिए एक बाधा बनाता है।

4. चरित्र आकार अलग होना चाहिए


यदि आप इस ट्रिक को लागू करते हैं, तो आपको याद रखना चाहिए कि बाधा वास्तव में इस तथ्य में व्यक्त की जाती है कि बॉट कैप्चा को खंडित करने के लिए एक निरंतर मैट्रिक्स का उपयोग करने में सक्षम नहीं होगा। इसलिए, यदि आप पात्रों के आकार को अलग बनाते हैं, तो सुनिश्चित करें कि प्रत्येक वर्ण के लिए आकार यादृच्छिक, गतिशील होना चाहिए।

5. घृणित फ़ॉन्ट


बहुत उपयोगी तरीका है। बोट के लिए सेरिफ़, इटैलिक, स्टाइलाइज़ेशन उत्कृष्ट नुकसान हैं। इसके अलावा, लाइनों के रूप में शोर के साथ संयोजन में, एक पतली फ़ॉन्ट बहुत अच्छा लगेगा। यदि आप कैप्चा पीढ़ी के पहले नियम को अनदेखा करते हैं, तो आप एक ही बार में कई फोंट का उपयोग कर सकते हैं, उदाहरण के लिए, प्रत्येक वर्ण के लिए अपना स्वयं का फ़ॉन्ट।

6. एक यादृच्छिक कोण पर प्रतीक



बॉट्स से खुद को बचाने के लिए एक बहुत प्रभावी तरीका। फिर से, विभाजन जटिल हो जाएगा, यद्यपि काफी नहीं। एक छोटी कोण सीमा का चयन करना सबसे अच्छा है, अन्यथा पठनीयता बहुत बिगड़ जाएगी (पत्र एक दूसरे के ऊपर तैरेंगे)।

7. गतिशील विकृति



मानवता ने कुछ भी बदतर का आविष्कार नहीं किया है। कैप्चा में विकृतियां अक्सर मानव पठनीयता को बहुत कम कर देती हैं। बेशक, यह बॉट्स के खिलाफ काफी प्रभावी है, लेकिन यह लोगों के खिलाफ भी प्रभावी है। मुख्य बात यह अति नहीं है, विकृतियां नगण्य होनी चाहिए।

तो हम क्या करें:
- कॉन्ट्रास्ट पृष्ठभूमि, शोर के साथ
- पाठ के लिए लाइनें, पाठ के लिए लाइनें
- यादृच्छिक स्थिति में पाठ
- वर्णों की संख्या यादृच्छिक होगी, 4 से 7 तक
- प्रत्येक चरित्र का आकार यादृच्छिक होगा
- टेक्स्ट कलर हर बार रैंडम होगा
- प्रतीक थोड़ा स्पर्श करेंगे
- प्रत्येक चरित्र एक यादृच्छिक छोटे कोण पर होगा

डिज़ाइन

लक्ष्य निर्धारित करें:
- शोर पीढ़ी
- पाठ पीढ़ी
- कैप्चा अपडेट करने की क्षमता के साथ फॉर्म
- इनपुट डेटा प्रोसेसर
जैसा कि मैंने लेख लिखा था, मुझे एहसास हुआ कि इस मामले में विकृतियां बिल्कुल अनुचित हैं। उन लोगों के लिए जिन्हें अभी भी उनकी आवश्यकता है - विषय के अंत में विकृतियों के निर्माण पर एक पाठ का लिंक है।

एक रूप लिखना

<form action="go.php" method="post" enctype="multipart/form-data"> <!--        go.php  POST --> <img src='captcha.php' id='capcha-image'> <!--   --> <a href="javascript:void(0);" onclick="document.getElementById('capcha-image').src='captcha.php?rid=' + Math.random();"> </a> <!--    .   captcha.php  . --> <span> :</span> <input type="text" name="code"> <input type="submit" name="go" value=""> <!--   - go.php --> </form> 

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

कैप्चा कोड जनरेटर लिखना (random.php)

 <?php //    function generate_code() { $chars = 'abdefhknrstyz23456789'; //  ,   .    . $length = rand(4, 7); //   ,    -  4  7 $numChars = strlen($chars); // ,      $str = ''; for ($i = 0; $i < $length; $i++) { $str .= substr($chars, rand(1, $numChars) - 1, 1); } //   // ,    $array_mix = preg_split('//', $str, -1, PREG_SPLIT_NO_EMPTY); srand ((float)microtime()*1000000); shuffle ($array_mix); //    return implode("", $array_mix); } ?> 

सब कुछ केवल आपकी कल्पना द्वारा सीमित है। किसी तरह मैंने एक अलग तरह से देखा - वर्तमान मिनट, घंटे, महीने का चयन किया गया था, यह सभी गुणा किया गया था, इसमें से 10 यादृच्छिक वर्णों को चुना गया था, एमडी 5 हैश को दो बार निकाला गया था, इसमें से 6 यादृच्छिक वर्ण निकाले गए थे और फिर इसे सभी को मिलाया गया था। वैसे, मेरे द्वारा चुने गए प्रतीकों पर ध्यान दें - मैंने इस तरह के i, l, 1 और 0, o, c को बाहर रखा, इस तथ्य के कारण कि वे एक-दूसरे के समान हैं, कुछ स्थितियों में उपयोगकर्ता कुछ गलती कर सकता है। मैंने जनरेटर को random.php कहा (बाद में इसे अन्य लिपियों में अनुरोध किया जाएगा)।

एक छवि जनरेटर लिखना (कैप्चा.php)

 <?php //   img_dir,          ( )  define ( 'DOCUMENT_ROOT', dirname ( __FILE__ ) ); define("img_dir", DOCUMENT_ROOT."/captcha/img/"); //    ,        $HTTP_SERVER_VARS.   ,      . // define("img_dir", "/captcha/img/"); //    include("random.php"); $captcha = generate_code(); //   (  -      go.php) // session_start(); // $_SESSION['captcha']=$captcha; // session_destroy(); //     .    120 . $cookie = md5($captcha); $cookietime = time()+120; //      setcookie("captcha", $cookie, $cookietime); //     function img_code($code) // $code -   ,       { //   Header' header("Expires: Mon, 26 Jul 1997 05:00:00 GMT"); header("Last-Modified: " . gmdate("D, d MYH:i:s", 10000) . " GMT"); header("Cache-Control: no-store, no-cache, must-revalidate"); header("Cache-Control: post-check=0, pre-check=0", false); header("Pragma: no-cache"); header("Content-Type:image/png"); //  .  ,      (    ).   ,  3  7. $linenum = rand(3, 7); //    .         /img.   - 15070.      $img_arr = array( "1.png" ); //   .    ,     $font_arr = array(); $font_arr[0]["fname"] = "DroidSans.ttf"; //  .   Droid Sans,  ,    . $font_arr[0]["size"] = rand(20, 30); //   pt //  ""      $n = rand(0,sizeof($font_arr)-1); $img_fn = $img_arr[rand(0, sizeof($img_arr)-1)]; $im = imagecreatefrompng (img_dir . $img_fn); //     for ($i=0; $i<$linenum; $i++) { $color = imagecolorallocate($im, rand(0, 150), rand(0, 100), rand(0, 150)); //   c  imageline($im, rand(0, 20), rand(1, 50), rand(150, 180), rand(1, 50), $color); } $color = imagecolorallocate($im, rand(0, 200), 0, rand(0, 200)); //   .   . //    $x = rand(0, 35); for($i = 0; $i < strlen($code); $i++) { $x+=15; $letter=substr($code, $i, 1); imagettftext ($im, $font_arr[$n]["size"], rand(2, 4), $x, rand(50, 55), $color, img_dir.$font_arr[$n]["fname"], $letter); } //  ,    for ($i=0; $i<$linenum; $i++) { $color = imagecolorallocate($im, rand(0, 255), rand(0, 200), rand(0, 255)); imageline($im, rand(0, 20), rand(1, 50), rand(150, 180), rand(1, 50), $color); } //    ImagePNG ($im); ImageDestroy ($im); } img_code($captcha) //   ?> 

सभी कोड के रूप में संभव के रूप में बाहर टिप्पणी की है। दर्ज कैप्चा हैंडलर्स की जांच करने के लिए, इसके हैश को कुकी में जोड़ें। एक फ़ॉन्ट और एक पृष्ठभूमि का चयन करने के लिए, मैंने सरणियाँ बनाईं ताकि मैं एक दर्जन फ़ॉन्ट और एक दर्जन पृष्ठभूमि रख सकूं, हर बार यादृच्छिक लोगों का चयन किया जाएगा। फ़ॉन्ट ने Droid Sans को चुना, यह शोर के बीच पतला और खराब दिखाई देता है। वैसे, इस मामले में मैंने एक भयानक, घृणित और विपरीत पृष्ठभूमि को चुना, प्रदर्शन विषय के अंत में होगा। मेरे आश्चर्य के लिए, इसने मानव पठनीयता को प्रभावित नहीं किया, फ़ॉन्ट बहुत अच्छी तरह से खड़ा है, इस तथ्य के बावजूद कि फ़ॉन्ट रंग पृष्ठभूमि में एक यादृच्छिक पिक्सेल से चुना गया है।

हैंडलर लिखना (go.php)

 <META http-equiv=content-type content="text/html; charset=UTF-8"> <?php include("random.php"); $cap = $_COOKIE["captcha"]; //     MD5 ,    captcha.php //      function check_code($code, $cookie) { //   $code = trim($code); //      $code = md5($code); //    ! //   ,   -     captcha.php,  ,    //session_start(); //$cap = $_SESSION['captcha']; //$cap = md5($cap); //session_destroy(); if ($code == $cap){return TRUE;}else{return FALSE;} //    -  TRUE (  - false) } //    if (isset($_POST['go'])) //  ,    : ,    . { //     ( POST-  'code' )... if ($_POST['code'] == '') { exit(":  !"); //...   } //     (  TRUE), ... if (check_code($_POST['code'], $cookie)) { echo "   .    ,  ."; //     } //    ... else { exit(":   !"); //...   } } //     ,   ... else { exit("Access denied"); //...,   } ?> 

यहाँ सब कुछ बहुत स्पष्ट है। हम पहले से रिकॉर्ड किए गए कुकी को कैप्चा.फैप में लेते हैं, हम दर्ज किए गए कोड को लेते हैं, अधिक सटीक रूप से इसके हैश और तुलना करते हैं। चेतावनी! यदि आप इस कोड का उपयोग करने की योजना बना रहे हैं, तो सत्यापन एल्गोरिथ्म को बदलना न भूलें।

परिणाम

परिणाम बहुत अच्छा था, पूरी तरह से मेरी अपेक्षाओं को पूरा करना (कृपया ध्यान दें, मैंने खुद को अभेद्य कैप्चा बनाने का लक्ष्य निर्धारित नहीं किया था)। आप इसे यहाँ स्थायित्व के लिए परीक्षण कर सकते हैं (मुझे आशा है कि मेरा सर्वर habraeffect के अंतर्गत नहीं आता है)।
वास्तव में, मेरा कोड केवल एक टेम्प्लेट है जिसे आप अपनी इच्छानुसार मॉक कर सकते हैं। और वास्तव में, यह आवश्यक नहीं है - वहाँ पुनर्मिलन है, लेकिन मैं व्यक्तिगत रूप से इस स्क्रिप्ट को करने के लिए प्रसन्न था, जब मैं प्रलेखन का एक पहाड़ पढ़ रहा था, मुझे उम्मीद है कि कोई मेरे विषय से ज्ञान प्राप्त करेगा :)

फ़ुटबाल

जैसा कि वादा किया गया है, यहां पाठ विकृत करने के लिए एक बहुत ही उपयोगी कोड है, अगर कोई काम आता है।

टमाटर मत फेंको, कृपया :) यह हैबर पर मेरा पहला तकनीकी विषय है।
और हां, मुझे नहीं पता कि आधुनिक कैप्चा कैसे काम करते हैं, मैंने इस विषय पर किसी भी जानकारी की तलाश नहीं की। यदि मेरी विधियाँ आपको भारतीय लगती हैं - मैं आपसे इसके बारे में पीएम / टिप्पणियों में तुरंत लिखने के लिए कहता हूं, तो मैं इसे खुशी के साथ पढ़ूंगा :) अपनी पद्धति की कमियों के कारण, मैं केवल यह देखता हूं कि यदि ब्राउज़र में कुकीज़ सक्षम नहीं हैं, तो मैं इस कैप्चा से नहीं मिल सकता।