स्वयं स्क्रीनशॉट सेवा

यह सब के साथ शुरू हुआ ...

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



समय बीत गया, परियोजना "धूल से ढंक गई", इससे निपटने का कोई समय नहीं था, लेकिन लगभग एक साल पहले एक नई "रचनात्मकता की लहर" सामने आई और मैं "ऑटोसर्स्सेवर समस्या" को हल करना चाहता था।



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



इसलिए, मैंने अपनी खुद की "बाइक" बनाने का फैसला किया।

उपकरण चयन

शुरू करने के लिए, एक उपयोगिता ढूंढना आवश्यक था जो स्क्रीनशॉट ले सकता है, कमांड लाइन से लिनक्स में काम कर रहा है (साइट मेरे ubuntu सर्वर पर घूम रही है, क्योंकि कोई एक्स नहीं है)। एक काम के सहयोगी ने मुझे CutyCapt से जोड़कर मदद की।



CutyCapt एक छोटा क्रॉस-प्लेटफ़ॉर्म उपयोगिता (कमांड लाइन से काम कर रहा है) एक वेब पेज का स्क्रीनशॉट बनाने और इसे विभिन्न वेक्टर और रेखापुंज स्वरूपों में सहेजने के लिए है, जिसमें SVG, PDF, PS, PNG, JPEG, TIFF, GIF, BM P (मूल विवरण का अनुवाद) शामिल है। के। साइट)।



आधिकारिक साइट से कॉपी-पेस्ट में संलग्न न होने के लिए , मैं सिर्फ इतना कहूंगा कि सब कुछ पहले से ही वर्णित है: स्थापना, निर्भरता, स्टार्टअप पैरामीटर, एक उदाहरण, साथ ही एक्स सर्वर की अनुपस्थिति में उपयोग की विधि (xvfb- रन के माध्यम से)।

कोडिंग

इसलिए, हमने टूल पर निर्णय लिया है। वापस साइट पर। मैंने इसे इस तरह से देखा: व्यवस्थापक के पास विवरण पृष्ठ पर एक "टेक स्क्रीनशॉट" बटन है, जो एक AJAX अनुरोध के माध्यम से, एक स्क्रिप्ट को कॉल करता है जो एक चित्र बनाता है जो इसके साथ आवश्यक प्रसंस्करण करता है (आकार / फसल / स्केच), आदि।

जल्दी से नहीं कहा। मैं अपनी PHP स्क्रिप्ट के कोड का एक हिस्सा दूंगा (सबसे बुनियादी छोड़कर):

<?PHP //  -    URL ,     //      (  id),   - $url = 'http://habrahabr.ru'; // ""   //       $tmpfname = tempnam('/tmp', 'catalog') . '.jpg'; //       $url = escapeshellarg($url); //    //    CutyCapt    .  , url   ,    -    //  "xvfb-run"    $cmd = sprintf('xvfb-run --server-args="-screen 0, 1024x768x24" //C//CutyCapt --min-width=1280 --url=%s --out=\'%s\'', $url, $tmpfname); //  exec($cmd); // ,    if (file_exists($tmpfname)) { // ,    0  (    ) if (filesize($tmpfname) > 1) { //         $tmpfname ,    //      ,  ,    ,   ..... // , ,  phpthumb (phpthumb.gxdlabs.com)   $f = date("ymd_his", time()).".jpg"; //    if (copy($tmpfname, IMAGES_DIR.$f)) { if (file_exists(IMAGES_DIR.$f)) { try{ $thumb = PhpThumbFactory::create(IMAGES_DIR.$f); //  jpg $thumb->setOptions( array('jpegQuality' => 90) ); //   $thumb->resize(800); //    800x800px $thumb->crop(0, 0, 800, 800); $thumb->save(IMAGES_DIR.$f); //  $thumb->resize(200)->crop(0,0,200,150); $thumb->save(IMAGES_DIR.'t_'.$f); } catch(exception $e) { //  ... } //       ,  . } } } //    unlink($tmpfname); } //       json -   /   ?>
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

अरे हाँ, मैं "नुकसान" के बारे में जानकारी साझा करना चाहूंगा:

1. कभी-कभी बहुत लंबे समय तक क्यूटकैप की स्क्रीनिंग की गई, लेकिन उसने अपना काम पूरा नहीं किया;
2. कभी-कभी मैंने 0-बाइट स्क्रीनशॉट बनाए
3. कभी-कभी कुछ फ्लैश-साइटों पर एक त्रुटि के साथ दुर्घटनाग्रस्त हो गया। मुझे उनका बलिदान करना था और सिस्टम से फ्लैश-प्लगइन को हटा देना था। अब यह फ्लैश के स्थान पर स्क्रीनशॉट पर बस खाली है, लेकिन फ्लैश के कारण अधिक क्रैश नहीं हैं।

संदर्भ:

आधिकारिक साइट CutyCapt

PHP.net



PS अगर यह किसी को भी लगता है कि मैंने क्यूटकैप के बारे में बहुत कम लिखा है, तो कहिए - मैं इस लेख को पूरक करूंगा (यह सिर्फ मुझे लग रहा था कि आधिकारिक साइट पर सब कुछ स्पष्ट रूप से वर्णित है)