फास्ट सर्वर साइड ASP.NET + फेसबुक एकीकरण

ऐसा हुआ कि मुझे ASP.NET प्लेटफॉर्म पर फेसबुक के साथ एकीकरण का सामना करना पड़ा। एकीकरण को सर्वर-साइड की आवश्यकता थी, इसलिए फेसबुक सी # एसडीके का उपयोग करने का निर्णय लिया गया।
जैसा कि यह निकला, प्रक्रिया काफी जटिल नहीं है, लेकिन सार और सिद्धांत को समझना महत्वपूर्ण है।

सबसे पहले, एक छोटा अस्वीकरण - नीचे दिए गए उदाहरण में उत्पादन का गौरवपूर्ण शीर्षक होने का दावा नहीं किया गया है। इसका उद्देश्य किसी विषय की मूल अवधारणा देना है।

हम उदाहरण को कई चरणों में विभाजित करते हैं, चरण:

चरण ०: न्यूनतम सिद्धांत

वास्तव में, एक न्यूनतम सिद्धांत बुरा है। सैद्धांतिक भाग को समझना महत्वपूर्ण है, ताकि कोड क्या करता है यह समझने के बिना कॉपी-पेस्ट में संलग्न न हो।
आप फेसबुक (फेसबुक) के साथ प्रमाणीकरण / प्राधिकरण विवरण पढ़ सकते हैं - डेवलपर्स.फेसबुक .com/docs/authentication
संक्षेप में - हम एक वेब एप्लिकेशन बना रहे हैं और चाहते हैं:

1. फेसबुक के माध्यम से उपयोगकर्ताओं को प्रमाणित करने के लिए।
2. उपयोगकर्ता डेटा (नाम, उपयोगकर्ता नाम) तक पहुंच प्राप्त करें।
3. हमारे आवेदन की ओर से उपयोगकर्ता की दीवार पर पोस्ट करने का अवसर प्राप्त करें।
4. छोटे बिल और एक हेलीकाप्टर में मिलियन डॉलर।

अगला, हम देखेंगे कि पहले तीन बिंदुओं को कैसे लागू किया जाए।

आइटम 2 और 3 को काम करने के लिए, हमें एक निश्चित पहुंच टोकन की आवश्यकता है जो कि फेसबुक तभी जारी करेगा जब आइटम नंबर एक सफलतापूर्वक पूरा हो जाएगा। एक्सेस टोकन एक्सेस अधिकार की किसी प्रकार की पुष्टि है जिसे हमारे एप्लिकेशन ने उपयोगकर्ता से पूछा (और प्राप्त किया है)।

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

तो चलिए शुरू करते हैं।

चरण 1: एक फेसबुक एप्लिकेशन बनाएं

Developers.facebook.com/apps पर जाएं
एक नया ऐप बनाएं।

आवेदन का नाम बताएं। ऐप नेमस्पेस को अभी खाली छोड़ा जा सकता है। हम फेसबुक प्लेटफ़ॉर्म नीतियों को ध्यान से पढ़ते हैं और उनसे सहमत होते हैं।

हमें ऐप आईडी और ऐप सीक्रेट याद है (नीचे लिखें)। हमें अभी भी उनकी आवश्यकता होगी।
वेबसाइट को एकीकृत करने का एक तरीका चुनें। साइट URL में, http: // localhost: 12345 / दर्ज करें (यह महत्वपूर्ण है कि यहां हमारे वेब एप्लिकेशन का URL है। यदि यह बिल्कुल सटीक है, तो वापसी , जो हम बाद में उपयोग करेंगे, उसी डोमेन के पास होना चाहिए, अन्यथा फेसबुक सुरक्षा तंत्र प्रक्रिया को शुरू होने से रोक देगा। प्रमाणीकरण / प्राधिकरण)।

वह सब है। फेसबुक के साथ ही समाप्त हो गया।

चरण 2: प्रोजेक्ट बनाएं और कॉन्फ़िगर करें, फेसबुक एसडीके जोड़ें।

Visual Studio में, एक नया प्रोजेक्ट बनाएँ। सरलता के लिए, मैंने सामान्य ASP.NET वेब अनुप्रयोग का उपयोग किया, MVC के साथ सब कुछ बहुत समान है। हम अपने प्रोजेक्ट को FBIntegrationSample कहते हैं।


संदर्भ पर राइट क्लिक करें, लाइब्रेरी पैकेज संदर्भ जोड़ें ...


हम ऑनलाइन अनुभाग पर जाते हैं - सभी, और फेसबुक की तलाश करें। हम तीन चिह्नित घटकों में रुचि रखते हैं। यदि MVC अनुप्रयोगों के लिए आपको सभी तीनों को स्थापित करने की आवश्यकता होती है, तो सामान्य ASP.NET वेब अनुप्रयोग के लिए, शीर्ष दो पर्याप्त हैं।


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


अंतिम चरण web.config में एक तत्व है जिसे <facebookSettings /> (आमतौर पर फ़ाइल के बहुत अंत में) कहा जाता है और पिछले चरण में प्राप्त appId और appSecret को जोड़ना है।

चरण 3: कोड

आइए FBUser वर्ग बनाएं जो उपयोगकर्ता डेटा को संग्रहीत करेगा (सादगी के लिए, उपयोगकर्ता डेटा प्राप्त करने के बाद, हम सत्र में ऑब्जेक्ट को बचाएंगे)


Default.aspx बनाएं, जिसमें एक लॉगिन बटन होगा और उपयोगकर्ता डेटा के लिए दो तत्व होंगे।


Default.aspx.cx में हम FBUser ऑब्जेक्ट को सत्र से बाहर करने का प्रयास करेंगे। यदि यह काम नहीं करता है, तो हम प्राधिकरण विंडो के लिए एक लिंक बनाएंगे, अन्यथा हम उपयोगकर्ता के डेटा का उपयोग करेंगे - हम उसका नाम, उपयोगकर्ता नाम दिखाएंगे और उसकी दीवार पर एक पोस्ट भी बनाएंगे।


वर्ग FBAuthHandler.cs बनाएं। Facebook C # SDK का उपयोग करके , लॉगिन विंडो के लिए URL बनाएं।

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

विस्तारित अनुमतियों पर अधिक
प्रदर्शन पर अधिक

FBAuthHandler.cs में एक दूसरी विधि जोड़ें, जो यह जांच करेगा कि क्या प्रतिक्रिया फेसबुक से हमारे द्वारा आवश्यक पैरामीटर के साथ वापस आ गई है।


सफल होने पर, हम FBUser ऑब्जेक्ट बनाते हैं और इसे सत्र में डालते हैं।

Default.aspx में थोड़ा सा JavaScript जोड़ें, जब आप लॉगिन बटन पर क्लिक करते हैं, तो हमारे द्वारा आवश्यक URL के साथ एक पॉप-अप विंडो खुलेगी।


आखिरी चीज जो हमारे लिए बनी हुई है वह है FacebookOAuth.aspx बनाना, जिसे प्राधिकरण प्रक्रिया की समाप्ति के बाद पुनर्निर्देशित किया जाएगा। यह याद रखना महत्वपूर्ण है कि FacebookOAuth.aspx पॉप-अप विंडो में खुलेगा, इसलिए हम इस फ़ाइल का उपयोग करते हैं
एक। जांचें कि क्या कोड फेसबुक से वापस आ गया है। यदि हाँ, FBUser ऑब्जेक्ट बनाएँ।


ख। पॉप-अप विंडो बंद करें और मुख्य विंडो को पुनः लोड करें।

चरण 4: परीक्षण

स्रोत कोड यहाँ उपलब्ध है - http://dl.dropbox.com/u/5249810/habrapost01/FBIntegrationSample.zip