IIS के लिए ImageResizer मॉड्यूल

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

दुर्भाग्य से, मुझे उन परियोजनाओं के नाम की अनुमति नहीं है जिन्होंने इस समाधान को लागू किया है, लेकिन मैं सार को रेखांकित कर सकता हूं। ये उत्तरी अमेरिका पर केंद्रित समाचार पोर्टल हैं। साइट लेख और वीडियो प्रस्तुत करती है।

लेख डेटाबेस में संग्रहीत किए जाते हैं, संपादक लेख में एक शीर्षक चित्र संलग्न कर सकता है। छवि अमेज़ॅन एस 3 में संग्रहीत है। जैसा कि आप जानते हैं, संपादक एक छवि को छोटे और विशाल दोनों को अपलोड कर सकता है, और आप मूल को नहीं खो सकते हैं।

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

कुल में, हमारे पास Amazon S3 में छवियों का एक सेट है, BrightCove में छवियों का एक सेट है, और सभी छवियों को आपको वांछित आकार में पहले से ही समायोजित करने के लिए जल्दी से प्रस्तुत करने में सक्षम होना चाहिए। इसके अलावा, साइट के विभिन्न हिस्सों में विभिन्न आकारों की छवियों का उपयोग किया जा सकता है। उसी समय, हमारे पास कैशिंग के लिए प्लगइन्स का एक सेट नहीं था, लेकिन हमारे पास CloudFront था।



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

मानक लिपि

डिफ़ॉल्ट रूप से, यह उस बॉक्स से माना जाता है कि चित्र और IIS एक ही सर्वर पर स्थित हैं और आकार बदलने के लिए बस लिंक के मापदंडों को जोड़कर किया जाता है:
/image.jpg?height=200&width=300
या
/image.jpg?h=200&w=300
महान, लेकिन मैं अमेज़ॅन एस 3 से छवियां कैसे ले सकता हूं?

S3 पाठक

यहाँ, क्लाउड बंडल प्लग-इन सुइट का पहला: S3 रीडर हमारी सहायता के लिए आता है। सरल web.config सेटिंग्स का उपयोग करते हुए, यह आपको निम्नलिखित प्रारूप में एक लिंक का उपयोग करने की अनुमति देता है:
/s3/bucket/folder/image.jpg?h=200&w=300

RemoteReader प्लगइन

ठीक है, अब हम एस 3 से तस्वीरें दे सकते हैं, लेकिन एस 3 एक बहुत लोकप्रिय चीज है, पूरी तरह से तीसरे पक्ष के सर्वर के बारे में क्या है? यह RemoteReader प्लगइन को सक्षम करता है। यह इतना आसान नहीं है। अंतिम लिंक में निम्न प्रारूप है:
/remote.jpg.ashx?w=200&height=300&urlb64=45b45c4a2099b...&hmac=a2099ba2099b ।

जहां Remote.jpg.ashx लिंक को इंटरसेप्ट करने के लिए मॉड्यूल का एंडपॉइंट है, urlb64 पैरामीटर रिमोट इमेज सर्वर के लिए अंतिम लिंक है जो HMAC SHA-256 का उपयोग कर अनएन्क्रिप्टेड है। यह लिंक एक विशेष विधि द्वारा बनाया गया है:
RemoteReaderPlugin.Current.CreateSignedUrl("http://remote.com/image.jpg");

CloudFront

ठीक है, हम मुख्य कार्य के साथ मुकाबला किया। अब आपको किसी तरह परिणाम को कैश करने की आवश्यकता है, अन्यथा यह सब जल्दी से काम नहीं करेगा।
हमारे पास कैशिंग प्लगइन्स नहीं हैं, लेकिन क्लाउडफ्रंट कस्टम मूल के रूप में ऐसी जादुई चीज है। हमने अपने डोमेन की ओर संकेत करते हुए एक नया CloudFront वितरण बनाया है। तो अब हमारे पास प्रारूप लिंक हैं:
htt://my-distribution-name.cloudfront.com/remote.jpg.ashx?w=200&height=300&urlb64=45b45c4a2099b...&hmac=a2099ba2099b
और
htt://my-distribution-name.cloudfront.com/s3/bucket/folder/image.jpg?h=200&w=300

लेकिन अब हमारी साइट https://my-distribution-name.cloudfront.com पर खुलने लगी, जो क्लाउडफ्रंट को रोकती है। फिर हमने जल्दी से चित्रों के लिए एक खंड जोड़ा। और लिंक से CloudFront
htt://my-distribution-name.cloudfront.com/s3/bucket/folder/image.jpg?h=200&w=300
अनुरोध को पुनर्निर्देशित करना शुरू किया
htt://my-site.com/images/s3/bucket/folder/image.jpg?h=200&w=300

ऐसा लगता है कि सब कुछ काम करना चाहिए, लेकिन अचानक यह पता चला कि CloudFront निर्दयतापूर्वक मापदंडों की लंबी लाइनों में कटौती करता है और हमें टन की त्रुटियां मिलीं और तस्वीरें नहीं खोल रही हैं। यहाँ CloudFront प्लगइन ने हमारी मदद की, जिसने हमें निम्नलिखित प्रारूप में लिंक बदलने की अनुमति दी:
htt://my-distribution-name.cloudfront.com/remote.jpg.ashx;w=200;height=300;urlb64=45b45c4a2099b...;hmac=a2099ba2099b
और
htt://my-distribution-name.cloudfront.com/s3/bucket/folder/image.jpg;h=200;w=300

छोटे लिंक

यह सब ठीक रहा, लेकिन इंजीनियरिंग और भी आगे बढ़ी। क्या होगा यदि कोई व्यक्ति छवि संकल्प उत्पन्न करना शुरू कर दे जिसकी हमें आवश्यकता नहीं है? वृद्धि का अधिकतम आकार निश्चित रूप से सीमित है, लेकिन आप अभी भी डीडीओएस वेबसाइट का उपयोग कर सकते हैं, और प्राप्त छवियों को दुनिया भर में सैकड़ों CloudFront सर्वर पर वितरित किया जाएगा। और निश्चित रूप से लिंक की लंबाई सिर्फ भयानक है। फिर हमने छोटे लिंक की कार्यक्षमता को लागू करने का निर्णय लिया।

लिंक जेनरेट करते समय, हम डेटाबेस को फॉर्म के लंबे लिंक से जोड़ते हैं:
/remote.jpg.ashx;w=200;height=300;urlb64=45b45c4a2099b...;hmac=a2099ba2099b
और तालिका में इसकी आईडी प्राप्त करें। लेआउट में, हम प्रारूप लिंक को बाहर थूकते हैं:
htt://my-distribution-name.cloudfront.com/42

CloudFront में हमसे संपर्क कर रहा है:
htt://my-site.com/i/42

हम अनुरोध को रोकते हैं, डेटाबेस से कुंजी 42 द्वारा एक लंबी कड़ी का चयन करते हैं, सर्वर कोड में हम अपने आप को एक HttpRequest बनाते हैं ताकि ImageResizer इसे स्वीकार करता है और जवाब में हमें इसके काम का परिणाम मिलता है। CloudFront अपने सर्वर पर प्राप्त छवि को संग्रहीत करती है और अगले कैश अमान्य होने तक हमें यह अनुरोध प्राप्त नहीं होता है।

और अंतिम स्पर्श लिंक के भयानक CloudFront उपसर्ग को छिपा रहा है, जो संख्याओं और अक्षरों का एक यादृच्छिक सेट है, जो एक अतिरिक्त डोमेन का उपयोग करके भी बहुत सुंदर नहीं है।

परिणामस्वरूप, उपयोगकर्ता के लिए अंतिम लिंक है:
htt://short.com/42

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

निष्कर्ष

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