👂🏾 👨🏽‍🔧 🍽️ Iframe के अंदर कुकीज़ - VK / Facebook एप्लिकेशन बनाते समय समस्या ⛹🏻 🎠 ⏫

वेबसाइटों पर कुकीज़ भेजकर सत्र प्रबंधन इतना व्यापक हो गया है कि उपयोगकर्ता प्राधिकरण की आवश्यकता वाली कोई भी परियोजना इसके बिना नहीं कर सकता है। ऐसा लगता है कि तंत्र का इतना अध्ययन किया गया है कि इसके साथ समस्याएं बस समझ से बाहर हैं।

इसलिए हमने VKontakte के लिए एक iframe एप्लिकेशन विकसित करते समय सोचा।
लेकिन एप्लिकेशन विकसित होने के बाद (मुख्य रूप से मोज़िला फ़ायरफ़ॉक्स और Google क्रोम में विकास किया गया था), यह पता चला कि यह इंटरनेट एक्सप्लोरर में कार्यात्मक नहीं था, जिसे बाद में ओपेरा और सफारी के नवीनतम संस्करणों में शामिल किया गया था।

कटौती के तहत, समस्या का विस्तृत विवरण और इसके समाधान।

समस्या का वर्णन

सबसे पहले, यह स्थापित किया गया था कि कुकीज़ को सर्वर द्वारा सफलतापूर्वक प्रसारित किया जाता है और ब्राउज़र द्वारा स्वीकार किया जाता है, लेकिन यह बदले में, उन्हें सहेजता नहीं है और निम्नलिखित अनुरोधों के साथ उन्हें वापस सर्वर में स्थानांतरित नहीं करता है।

व्यवहार अजीब लग रहा था, लेकिन इसका एक उद्देश्य औचित्य है: ब्राउज़र पृष्ठों को देखने के लिए गोपनीयता प्रदान करता है और एक आइफ्रेम के अंदर पृष्ठों से कुकीज़ स्वीकार नहीं करता है।

मैं एक उदाहरण दूंगा।
मान लीजिए आप एक लैपटॉप उठाते हैं और बेंचमार्क और विभिन्न लैपटॉप तुलनाओं के साथ वेब पेज पढ़ते हैं। इनमें से कुछ पृष्ठों पर, Google AdSense या कुछ अन्य समान प्रणाली स्थापित की जाएगी, जो आपको कुकीज़ के माध्यम से एक अद्वितीय मूल्य भेजने में सक्षम होंगी और इसके द्वारा आपको आगे पहचानेंगी। बाद में, जब समाचार पढ़ते हैं, अपने पसंदीदा ढांचे पर प्रलेखन या मंचों पर चर्चा में भाग लेते हैं, तो आपको आश्चर्य होगा कि आपको विज्ञापनों में लैपटॉप खरीदने के लिए विज्ञापन दिखाए जाएंगे। इस बीच, एक विज्ञापन प्लेसमेंट प्रणाली किसी के CTR को बढ़ा देगी। ;)

ब्राउज़र हमें इस तरह के सूचना संग्रह से बचाने की कोशिश करते हैं और इफ्रेम के अंदर के पन्नों से कुकीज़ की स्वीकृति पर रोक लगाते हैं।

लेकिन हम किसी भी तरह से विज्ञापन और सूचना के संग्रह से जुड़े नहीं हैं, इसलिए, हम समस्या को हल करने के विकल्पों पर विचार करेंगे।

आईफ्रेम और इंटरनेट एक्सप्लोरर में कुकी

हमारे मामले में, इंटरनेट एक्सप्लोरर का समाधान आने में लंबा नहीं था: समस्या की कई बार जांच की गई और उत्तर जल्दी से Google में मिल गए।

इसका समाधान निम्न सामग्री के साथ एक HTTP हेडर भेजना है:
P3P: CP="IDC DSP COR ADM DEVi TAIi PSA PSD IVAi IVDi CONi HIS OUR IND CNT"

विशेष रूप से, PHP के लिए यह इस तरह दिखेगा:

 <?php header('P3P: CP="IDC DSP COR ADM DEVi TAIi PSA PSD IVAi IVDi CONi HIS OUR IND CNT"');

कुकी iframe और ओपेरा / सफारी में

इन ब्राउज़रों में समस्या बहुत पहले नहीं दिखाई दी थी, और इसलिए इसे पहचानना और हल करना थोड़ा मुश्किल था।

समस्या का सार यह है कि इन ब्राउज़रों के नवीनतम संस्करणों में, डिफ़ॉल्ट चेकबॉक्स "कुकीज़: केवल विज़िट की गई साइट से स्वीकार करें" (ओपेरा) और "कुकी स्वीकार करें: केवल विज़िट की गई साइटों से हैं" (सफारी)

इस समस्या का एक स्पष्ट समाधान कुकीज़ को "हमेशा" स्वीकार करने का तरीका बदलना है। हालांकि, ज्यादातर मामलों में, ऐसा करने के लिए सभी उपयोगकर्ताओं को "पूछना" संभव नहीं है।

इसलिए, हम समस्या को हल करने के अन्य तरीकों पर विचार करने का प्रयास करेंगे।

विधि 1. पहले पृष्ठ के बजाय स्क्रीन को स्पलैश करें

समस्या की अधिक विस्तृत जांच से पता चला है कि कुकीज़ किसी भी उपयोगकर्ता की कार्रवाई से पहले सेट नहीं की जाती हैं । उपयोगकर्ता किसी भी लिंक पर क्लिक करके iframe में किसी अन्य पेज पर जाने के बाद, कुकीज़ सफलतापूर्वक स्वीकार किए जाने लगते हैं।

यह इस तथ्य पर ध्यान देने योग्य है कि दूसरे पृष्ठ पर संक्रमण का अनुकरण करने से मदद नहीं मिलती है। अर्थात्:

HTTP स्थान हेडर का उपयोग करके पुनर्निर्देशित करें
उपयुक्त मेटा टैग का उपयोग करके पुनर्निर्देशित करें
JavaSctipt से window.location को बदलकर पुनर्निर्देशित करें
जावास्क्रिप्ट से लिंक के क्लिक () विधि का उपयोग करके पुनर्निर्देशित करें

स्पष्ट समाधान: वास्तविक साइट के बजाय, पहला पृष्ठ उपयोगकर्ता को "एप्लिकेशन पर जाएं" लिंक के साथ ग्रीटिंग प्रदर्शित करता है।

लाभ:
+ सादगी, बुलेटप्रूफ
+ जावास्क्रिप्ट पर स्वतंत्रता ब्राउज़र में सक्षम है

नुकसान:
- उपयोगकर्ता से अतिरिक्त कार्रवाई की आवश्यकता है
- सॉलिडिटी (अतिरिक्त पृष्ठ "अयोग्य" ग्रीटिंग के साथ)

विधि 2. फ़ॉर्म सबमिशन का उपयोग करके रीडायरेक्ट करें

एक कारण के लिए सूचीबद्ध संक्रमण के परिवर्तन का अनुकरण करने के तरीकों में, प्रपत्र भेजकर कोई पुनर्निर्देश नहीं है।

विधि का सार:

एक iframe प्रपत्र में बनाया गया है, जिसकी क्रिया वर्तमान डोमेन में वांछित पृष्ठ की ओर ले जाती है
फार्म जावास्क्रिप्ट के माध्यम से प्रस्तुत किया

और यह विधि काम करती है: फॉर्म के एक्शन एड्रेस (और बाद में इनवॉइस स्क्रिप्ट) पर स्थित एक स्क्रिप्ट सफलतापूर्वक कुकीज़ सेट करेगी।

इससे कोई फर्क नहीं पड़ता कि फॉर्म GET या POST विधि का उपयोग करके सबमिट किया गया है।

JQuery का उपयोग करके एक उदाहरण कार्यान्वयन:

 <script type="text/javascript"> $(function(){ $('body').append('<form id="cookiesHackForm" action="http://example.com/" method="get"></form>'); $('#cookiesHackForm').submit(); }); </script>

लाभ:
+ उपयोगकर्ता कार्रवाई की आवश्यकता नहीं है

नुकसान:
- जावास्क्रिप्ट आवश्यक है
- केवल रीडायरेक्ट के लिए रिक्त पृष्ठ की आवश्यकता होती है

विधि 3. एक अतिरिक्त iframe का उपयोग करके बैकग्राउंड में फॉर्म सबमिट करना

यह दूसरी विधि का विकास है, जिसमें पुनर्निर्देश की कमी को समाप्त किया जाता है।

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

JQuery का उपयोग करके एक उदाहरण कार्यान्वयन:

 <script type="text/javascript"> $(function(){ $('body').append('<iframe id="cookiesHackFrame" name="cookiesHackFrame" src="http://example.com/blank.html" style="display:none;"></iframe>'); $('body').append('<form id="cookiesHackForm" action="http://example.com/" method="post" target="cookiesHackFrame" >'); $('#cookiesHackForm').submit(); }); </script>

लाभ:
+ उपयोगकर्ता कार्रवाई की आवश्यकता नहीं है
+ कोई पुनर्निर्देशित की आवश्यकता नहीं है

नुकसान:
- जावास्क्रिप्ट आवश्यक है
- इससे कोई मतलब नहीं है कि कुकीज सेट करने के बाद ही पेज का आउटपुट कहां होना चाहिए

निष्कर्ष

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

Iframe के अंदर कुकीज़ - VK / Facebook एप्लिकेशन बनाते समय समस्या