🤸🏽 👆🏻 🐥 उन उपयोगकर्ताओं का प्राधिकरण जिनके पास कुकीज़ अवरुद्ध हैं ⛹🏾 🕍 👟

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

मैं इस सीमा के आसपास एक सरल और सुरुचिपूर्ण समाधान साझा करना चाहता हूं।

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

सौभाग्य से, VKontakte API में VK सर्वर (कुंजी-मूल्य संग्रहण) पर डेटा संग्रहीत करने के तरीके हैं । हम केवल वहां से डेटा लिख और पढ़ सकते हैं। लेकिन हम इसे यथासंभव खूबसूरती से करने की कोशिश करेंगे।

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

var data = 'abcde'; //  ,       document.cookie = "userdata="+data+"; path=/; expires=Tue, 31 Dec 2013 23:59:59 GMT"; //         //     //        VK.api('storage.set', { key: 'userdata', value: data }, function(response) { //     ,   GET-   window.location = "/page_for_logined_users?userdata="+data; });

ऊपर दिए गए उदाहरण में, हमने उपयोगकर्ता को किसी ऐसे पृष्ठ पर पुनर्निर्देशित किया जहां रिकॉर्ड किए गए डेटा की आवश्यकता होती है (हमारे आवेदन में, यह मुख्य पृष्ठ है जो आने वाले टोकन का उपयोग करता है)। यह स्पष्ट है कि अगली बार जब एप्लिकेशन लोड किया जाता है, तो यह डेटा GET पैरामीटर से गायब हो जाएगा और केवल VC स्टोरेज में रहेगा। बेशक, हम उन्हें जावास्क्रिप्ट एपीआई का उपयोग करके प्राप्त कर सकते हैं, लेकिन हम एक सुंदर समाधान लिख रहे हैं ;-)।

एप्लिकेशन के सर्वर साइड पर अपना डेटा प्राप्त करने में सक्षम होने के लिए, हमें एप्लिकेशन एप्लिकेशन में "प्रथम एपीआई अनुरोध" फ़ील्ड भरना होगा:

 method=storage.get&key=userdata&format=json&v=3.0

इस प्रकार, VKontakte, जब हमारे आवेदन को एक्सेस करता है, तो GET पैरामीटर api_result पास करेगा - इसमें हमारी कुकी के साथ JSON ऑब्जेक्ट होगा। इसके अलावा, नगीनक्स में कुकीज़ की जांच करने के लिए कुछ भी नहीं रोकता है (यदि आप प्रारूप को xml में बदलते हैं):

 if ($arg_api_result ~ "%3Cresponse%3E(.*)%3C%2Fresponse%3E") { set $userdata $1; rewrite ^ /page_for_logined_users?userdata=$userdata? redirect; }

इसलिए, सर्वर की ओर, हम कुछ ऐसा कर सकते हैं:

 $userdata = (isset($_COOKIE['userdata'])) ? $_COOKIE['userdata'] : (isset($_GET['userdata'])) ? $_GET['userdata'] : false;

और डेटा सुरक्षित और ध्वनि प्राप्त करें। यदि नगीनेक्स के साथ प्रस्तावित विकृतियों के बिना, तो यह api_result को पार्स करने के लिए पर्याप्त होगा:

 if (isset($_GET['api_result'])) { $data = json_decode($_GET['api_result'], 1); $userdata = (!empty($data['response'])) ? $data['response'] : false; }

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

तो, आप निम्नानुसार nginx (या Apache) को कॉन्फ़िगर कर सकते हैं:

 #    if ($http_cookie ~ "userdata") { set $token $cookie_userdata; set $gotohtml "1"; } #     API if ($arg_api_result ~ "%3Cresponse%3E(.*)%3C%2Fresponse%3E") { set $token $1; set $gotohtml "1"; } #     (http://example.com/) if ($request_uri != /$is_args$args) { set $gotohtml ""; } #      if ($gotohtml ~ 1) { rewrite ^ /index.html#$token? redirect; }

अच्छी तरह से, जावास्क्रिप्ट में, वह डेटा प्राप्त करें जिसकी आपको आवश्यकता है:

 var token = window.location.hash.substring(1);

इस प्रकार, हम सभी लॉग-इन उपयोगकर्ताओं को एचटीएमएल-फाइल में भेज देंगे (जो नेग्नेक्स बहुत जल्दी देगा), हैश में किसी भी आवश्यक पैरामीटर को पारित करना। और फ़ाइल को आमतौर पर सीडीएन से बाहर ले जाया जा सकता है, जिससे आपके सर्वर पर लोड कम हो सकता है।

उन उपयोगकर्ताओं का प्राधिकरण जिनके पास कुकीज़ अवरुद्ध हैं

More articles: