🈵 🧛🏽 🤸🏿 JavaServer चेहरे (JSF) के लिए सामाजिक नेटवर्क प्रमाणीकरण 🎒 🧞 👂🏾

साइट उपयोगकर्ताओं के प्रमाणीकरण के दौरान पासवर्ड से होने वाले नुकसान और सामाजिक नेटवर्क के माध्यम से लॉगिन करने के बारे में बहुत कुछ लिखा गया है। लेकिन मूल रूप से यह या तो सैद्धांतिक विचारों, या सीएमएस में पीएचपी में एक मॉड्यूल को एकीकृत करने के कुछ पहलुओं की चिंता करता है।

मैं आपके ध्यान में VKontakte, Facebook, My World, Yandex, Odnoklassniki, Google, Twitter, लिंक्डइन नेटवर्क के उपयोगकर्ताओं के प्रमाणीकरण का एक उदाहरण JSF2 का उपयोग करके लाता हूं। यह एक पूरी तरह से संलेखन विकास है, जो सबसे लोकप्रिय OAuth रनवे प्रदाताओं को कवर करता है। यह तीसरे पक्ष के पुस्तकालयों, सर्वलेट्स, जेएसपी और स्प्रिंग्स का उपयोग किए बिना लिखा जाता है - केवल JSF2 और CDI।

यह सब एक भुगतान साइट के विकास में पैदा हुआ था जो प्रशिक्षण सेवाएं प्रदान करता है। स्वाभाविक रूप से, लोगों को अपने "कठिन-अर्जित" वाले कम से कम हिस्से के साथ भाग लेने के लिए, आपको वास्तव में कड़ी मेहनत करने की आवश्यकता है। पासवर्ड, ई-मेल, कैप्चा और टाइम ज़ोन के साथ जटिल पंजीकरण इसमें बहुत योगदान नहीं देता है। इसलिए, निर्णय केवल उपयोगकर्ता नाम और पासवर्ड (दो बार) तक सीमित किया गया था, कोई अतिरिक्त प्रश्न नहीं! व्यवहार में, इसके परिणामस्वरूप कई पंजीकरण हुए, पासवर्ड भूल गए, अक्सर भुगतान के बाद (हमेशा की तरह, कोई भी अपने व्यक्तिगत खाते को याद नहीं करता है) और इसी तरह की परेशानी। लगभग किसी ने भी प्रश्नावली नहीं भरी - समर्थन सेवा प्यारी नहीं थी।

समाधान ने स्वयं सुझाव दिया: "एक क्लिक" के साथ उपयोगकर्ताओं के पंजीकरण और बाद के प्रमाणीकरण प्रदान करने के लिए। OAuth तकनीक के साथ सामाजिक नेटवर्क पूरी तरह से फिट हैं। हमारे पास पहले से ही प्राधिकरण था, केवल कुछ विशिष्ट पहचानकर्ता प्राप्त करना आवश्यक था। जो किया गया था।

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

एक सावधानीपूर्वक पाठक पूछेगा, आपको अपना समाधान विकसित करने की आवश्यकता क्यों थी, क्योंकि प्रत्येक सामाजिक नेटवर्क के लिए पहले से ही तैयार पुस्तकालय हैं जो सभी कार्यक्षमता को लागू करते हैं? हाँ है। लेकिन इस "सभी" के लिए, इस मामले में, निरर्थक, कार्यक्षमता, आपको एक अतिरिक्त मात्रा, कई निर्भरताएं और विभिन्न (प्रत्येक पुस्तकालय के लिए) दृष्टिकोण को एकीकृत करने और समर्थन करने की आवश्यकता का भुगतान करना होगा। विदेशी बग और कमजोरियों को भी छूट देने की जरूरत नहीं है।

तो, आइए देखें कि सब कुछ कैसे काम करता है

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

यह सब login.xhtml से शुरू होता है, यह इस तरह दिखता है:

हबप्रक से लिया गया प्रतीक। प्रत्येक आइकन को एक विधि कॉल सौंपा गया है, जो एक अनुरोध उत्पन्न करता है और उपयोगकर्ता को रीडायरेक्ट के माध्यम से OAuth प्रदाता वेबसाइट पर भेजता है।

यैंडेक्स के लिए नमूना कोड:

String plainUrl = "https://oauth.yandex.ru/authorize?" +"client_id="+ yaId +"&response_type=code"; FacesContext.getCurrentInstance().getExternalContext().redirect(plainUrl);

उपयोगकर्ता द्वारा अपने डेटा तक पहुंच प्रदान करने के प्रस्ताव पर सहमति देने के बाद, वह हमारी साइट पर लौटता है, मेजबान पक्ष पृष्ठ है yaLogin.xhtml

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core" xmlns:ui="http://java.sun.com/jsf/facelets"> <h:head></h:head> <f:metadata> <f:viewParam id="code" name="code" value="#{yalogin.code}" /> <f:viewParam id="error" name="error" value="#{yalogin.error}" /> <f:viewParam id="state" name="state" value="#{yalogin.state}" /> <f:event type="preRenderView" listener="#{yalogin.phase2()}" /> </f:metadata> <body> </body> </html>

जैसा कि आप देख सकते हैं, प्राप्त पैरामीटर कोड, त्रुटि और स्थिति को वर्ग चर में पारित किया जाता है और चरण 2 () विधि शुरू की जाती है, जो वास्तव में आगे की प्रक्रिया का संचालन करती है।

जांचें कि क्या त्रुटि हमारे पास लौट आई है:

 if (error!=null) { logger.info("error="+error); try { FacesContext.getCurrentInstance().getExternalContext().redirect("error.jsf"); } catch (Exception e) { logger.log(Level.SEVERE, "phase2() Error: redirect failed!", e); } return ""; }

यदि सब कुछ क्रम में है, तो हम एक टोकन के लिए अनुरोध करते हैं:

  Properties props = new Properties(); props.put("grant_type", "authorization_code"); props.put("code", code); props.put("client_id", yaId); props.put("client_secret", yaSecret); String ret1 = HttpURL.httpsPost("https://oauth.yandex.ru/token", props, "UTF-8");

और परिणाम पार्स करना:

  class YA{ String access_token; String token_type; } YA ya = (YA) XStreamFactory.get(YA.class, ret1);

एक्सेस टोकन होने पर, आप उपयोगकर्ता के बारे में जानकारी का अनुरोध कर सकते हैं:

 String ret2 = HttpURL.httpsGet("https://login.yandex.ru/info?format=json&oauth_token="+ya.access_token); class PersonData { public String birthday; public String display_name; public String sex; public String id; public String default_email; public String real_name; } PersonData personData = (PersonData) XStreamFactory.get(PersonData.class, ret2);

अब आप प्राप्त डेटा को कोर ऑब्जेक्ट (डिस्पैचर) में स्थानांतरित कर सकते हैं:

  core.getUserAutoReqProps().setEmail(personData.default_email); String[] fname = personData.real_name.split(" "); core.getUserAutoReqProps().setLastName(fname[0]); core.getUserAutoReqProps().setFirstName(fname[1]); core.getUserAutoReqProps().setSex("male".equalsIgnoreCase(personData.sex)); DateFormat dateFormat = new SimpleDateFormat("yyyy-MM-dd"); core.getUserAutoReqProps().setBorn(dateFormat.parse(personData.birthday));

अद्वितीय उपयोगकर्ता आईडी याद रखें और साइट के संरक्षित हिस्से में जाएं:

  core.setValidatedId("http://my.ya.ru/"+personData.id); FacesContext.getCurrentInstance().getExternalContext().redirect("welcome.jsf");

हमारे पास एक प्रमाणित उपयोगकर्ता है! स्वाभाविक रूप से, इसे अभी भी अधिकृत करने की आवश्यकता है, लेकिन यह लेख के दायरे से परे है।

जैसा कि आप देख सकते हैं, एक OAuth प्रदाता के साथ काम करने के लिए, एक जावा क्लास और एक एक्सएचटीएमएल पेज पर्याप्त हैं। यांडेक्स के लिए, यह YALogin.java और yaLogin.xhtml होगा, क्रमशः VKontakte VKLogin.java और vkLogin.xhtml के लिए, और इसी तरह, सादृश्य द्वारा।

एप्लिकेशन के पंजीकरण के दौरान प्राप्त आईडी और सीक्रेट को स्टोर करने की समस्या निम्नानुसार हल की गई थी: एप्लिकेशन सर्वर की फ़ाइल प्रणाली पर एक बाहरी फ़ाइल में। यह निम्नलिखित फायदे देता है: डेवलपर्स के पास फ़ाइल में परीक्षण डेटा और सर्वर पर वास्तविक डेटा है, तैनाती के दौरान कुछ भी बदलने की आवश्यकता नहीं है और गोपनीयता का सम्मान किया जाता है। Oauth.properties फ़ाइल का एक उदाहरण प्रोजेक्ट में है।
फ़ाइल पथ web.xml में संग्रहीत है:

 <context-param> <param-name>OAuthPropertiesPath</param-name> <param-value>/opt/oauth/oauth.properties</param-value> </context-param>

जब अनुप्रयोग शुरू होता है, तो एक्शन बीन खुलती है और इस फाइल को पार्स करती है।

 @Named @ApplicationScoped public class OAuthDAO implements Serializable { private static final long serialVersionUID = 1L; private Properties prop; private static Logger logger = Logger.getLogger(OAuthDAO.class.getName()); public OAuthDAO() { load(); } public boolean load(){ try (FileInputStream fis = new FileInputStream(FacesContext.getCurrentInstance().getExternalContext().getInitParameter("OAuthPropertiesPath"))){ prop = new Properties(); prop.load(fis); if (prop.isEmpty()) { return false; } } catch (Exception ex) { return false; } return true; } public String getProperty(String key) { return prop.getProperty(key); } }

प्रस्तुत परीक्षण आवेदन में, प्रमाणीकरण पूरा होने के बाद, स्वागत। Html पृष्ठ प्रदर्शित किया जाता है, जो आवेदन के संरक्षित भाग का प्रतीक है। किसी अनधिकृत उपयोगकर्ता को इस पृष्ठ तक पहुंचने से रोकने के लिए, कोर.फिशियल () पद्धति को प्रीरेंडर व्यू इवेंट द्वारा बुलाया जाता है, जो जांच करता है।

 <f:metadata> <f:event listener="#{core.fiscal()}" type="preRenderView" /> </f:metadata>

डेमो ग्लासफिश एप्लिकेशन सर्वर चला रहा है। JSON और XML को पार्स करने के लिए, XStream लाइब्रेरी का उपयोग किया गया था।

आवेदन यहाँ देखें।
यहां ग्रहण के तहत परियोजना डाउनलोड करें ।

JavaServer चेहरे (JSF) के लिए सामाजिक नेटवर्क प्रमाणीकरण

तो, आइए देखें कि सब कुछ कैसे काम करता है

More articles: