OKuth 2.0 प्रोटोकॉल के लिए VK प्राधिकरण पॉप-अप

इस समय सोशल नेटवर्क "संपर्क" में प्राधिकरण की 2 संभावनाएं हैं:

• एपीआई खोलें
• OAuth 2.0

पहला अप्रचलित है, और दूसरा फैशनेबल, प्रगतिशील और मानकीकृत है।

लेकिन, हालांकि, एक नई पद्धति पर स्विच करते समय, मैंने देखा कि कहीं भी "VKontakte" के प्रलेखन में यह नहीं कहा गया है कि प्राधिकरण विंडो को एक छोटा पॉप-अप कैसे बनाया जाए।

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

इस उद्देश्य के लिए फेसबुक की अपनी जावास्क्रिप्ट विधि FB.login है। OpenAPI Vkontakte में VK.Auth.login है। और OAuth 2 "संपर्क में" के लिए कुछ भी नहीं है।

"ठीक है, चुनौती स्वीकार की," मैंने खुद से कहा। और मैंने अपनी विधि लिखने का फैसला किया।

यहाँ मुझे क्या मिला है:

function vk_popup(options)<br>{<br> var <br> screenX = typeof window.screenX != 'undefined' ? window.screenX : window.screenLeft,<br> screenY = typeof window.screenY != 'undefined' ? window.screenY : window.screenTop,<br> outerWidth = typeof window.outerWidth != 'undefined' ? window.outerWidth : document .body.clientWidth,<br> outerHeight = typeof window.outerHeight != 'undefined' ? window.outerHeight : ( document .body.clientHeight - 22),<br> width = options.width,<br> height = options.height,<br> left = parseInt(screenX + ((outerWidth - width) / 2), 10),<br> top = parseInt(screenY + ((outerHeight - height) / 2.5), 10),<br> features = (<br> 'width=' + width +<br> ',height=' + height +<br> ',left=' + left +<br> ',top=' + top<br> );<br> return window.open(options.url, 'vk_oauth' , features);<br>}<br><br> function doLogin() {<br> var win;<br> var redirect_uri = 'http://MY_APP/vk_auth/' ;<br> var uri_regex = new RegExp(redirect_uri);<br> var url = 'http://oauth.vkontakte.ru/authorize?client_id=CLIENT_ID&display=popup&redirect_uri=' + redirect_uri;<br> win = vk_popup({<br> width:620,<br> height:370,<br> url:url<br> });<br><br> var watch_timer = setInterval( function () {<br> try {<br> if (uri_regex.test(win.location)) {<br> clearInterval(watch_timer);<br><br> setTimeout( function () {<br> win.close();<br> document .location.reload();<br> }, 500);<br> }<br> } catch (e) {<br><br> }<br> }, 100);<br>} <br><br> * This source code was highlighted with Source Code Highlighter .

सबसे पहले, मैं एक प्राधिकरण संवाद के साथ एक विंडो बनाता हूं जो बिल्कुल OpenAPI के लिए एक जैसा दिखता है।



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

जीतने के लिए कॉल को रैप करना। प्रयास में {} कैच (e) {} पकड़ आवश्यक है क्योंकि क्रॉस-डोमेन पॉलिसी आपको अन्य साइटों के विंडो URL को पहचानने की अनुमति नहीं देती है।

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

मुझे उम्मीद है कि यह लेख लोगों के लिए उपयोगी होगा।