अपकेंद्रित्र - जितना संभव हो उतना सरल लेकिन कोई सरल नहीं

नमस्ते!

सेंट्रीफ्यूज पर लेख जारी रखते हुए, मैं वास्तविक समय की घटनाओं को साइट से जोड़ने के तरीकों में से एक पर चर्चा करना चाहूंगा।

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

आइए देखें कि अपकेंद्रित्र हमें क्या प्रदान करता है:

var सेंट्रीफ्यूज = नया सेंट्रीफ्यूज ( {
url : 'http: // localhost: 8000 / कनेक्शन' ,
टोकन : 'टोकन' ,
प्रोजेक्ट : 'PROJECT_ID' ,
उपयोगकर्ता : 'USER_ID'
} ;

अपकेंद्रित्र। पर ( 'कनेक्ट' , फ़ंक्शन ( ) {
अपकेंद्रित्र। सदस्यता ( 'सार्वजनिक: टिप्पणियाँ' , फ़ंक्शन ( संदेश ) {
// चैनल से प्राप्त संदेश
} ;
} ;

काफी आसान और सरल, है ना? लेकिन क्या इसे और भी आसान बनाना संभव है?

सामान्य मामले में, शायद नहीं। लेख का अंत!

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

आपमें से कई ने नॉकआउट, एंगुलरजेएस के बारे में सुना है। इन पुस्तकालयों द्वारा उपयोग किए जाने वाले उपकरणों में से एक HTML पृष्ठों में एप्लिकेशन लॉजिक का वर्णन प्रदर्शित करना है। विशेषताओं और उनके मूल्यों को निर्धारित करके, आप आसानी से व्यवहार को बदल सकते हैं कि आप क्या चाहते हैं। यदि हम अपने मामले में html का उपयोग करते हैं तो क्या होगा?

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

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

इसलिए, ताकि आपको अपना आवरण लिखना न पड़े, मैंने centrifuge.dom.js jQuery प्लगइन लिखा:

< script src = " rawgithub.com/FZambia/centrifuge/master/javascript/centrifuge.dom.js" > </ script >

कनेक्ट होने के कारण, यह पृष्ठ पर प्रदान किए गए html तत्वों के डेटा को हुक करता है, इसके आधार पर सेंट्रीफ्यूज का कनेक्शन बनाता है, चैनल की सदस्यता लेता है। और जब कोई संदेश आता है, तो यह प्राप्त आंकड़ों के साथ HTML तत्व पर एक घटना को ट्रिगर करता है।

इस मामले में आपके लिए जो कुछ भी है वह यह बताने के लिए है कि वेब पेज प्राप्त संदेश का जवाब कैसे देगा, अर्थात्:

$ ( '# html-element' ) । ( 'सेंट्रीफ्यूज मेसेज ' , फंक्शन ( इवेंट, मैसेज ) {
कंसोल। log ( message.data ) ;
} ;

यह, मुख्य वेब अनुप्रयोग टेम्पलेट में प्लगइन इनिशियलाइज़ेशन लाइनों के एक जोड़े के साथ युग्मित है, जो साइट पर वास्तविक समय की घटनाओं को जोड़ने के लिए आवश्यक सभी जेएस कोड होंगे।

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

1) मुख्य टेम्पलेट में, प्लगइन को इनिशियलाइज़ करें:

$ ( फ़ंक्शन ( ) {
$। सेंट्रीफ्यूज_डोम ( { } ) ;
} ;

2) इसके अलावा, मुख्य टेम्पलेट में, हम टोकन, पता और पहचानकर्ताओं के साथ लगातार HTML तत्व लिखते हैं:

< div id = "सेंट्रीफ्यूज-एड्रेस" डेटा - सेंट्रीफ्यूज - वैल्यू = "{{सेंट्रीफ्यूज_ड्रेस}}" > </ div >
< div id = "सेंट्रीफ्यूज-टोकन" डेटा - सेंट्रीफ्यूज - मान = "{{सेंट्रीफ्यूज_टोकेन}}" > </ div >
< div id = "सेंट्रीफ्यूज-यूजर" डेटा - सेंट्रीफ्यूज - वैल्यू = "{{सेंट्रीफ्यूज_युसर}}" >> 1 / >
< div id = "सेंट्रीफ्यूज-प्रोजेक्ट" डेटा - सेंट्रीफ्यूज - वैल्यू = "{{सेंट्रीफ्यूज_प्रोजेक्ट}}" >> </ ref >

यह django- टेम्प्लेट के सिंटैक्स का उपयोग करता है, पता, टोकन, उपयोगकर्ता आईडी और प्रोजेक्ट डेटा आपके एप्लिकेशन का बैकएंड प्रदान करता है।

3) टिप्पणी पृष्ठ पर, चैनल नाम के साथ html तत्व जोड़ें:

< div class = "सेंट्रीफ्यूज" id = "comments-handler" डेटा - सेंट्रीफ्यूज - चैनल = "comments" डेटा - सेंट्रीफ्यूज - namespace = "public" > </ div >

4) और टिप्पणियों के साथ एक ही पृष्ठ पर, जावास्क्रिप्ट जोड़ें:

$ ( फ़ंक्शन ( ) {
$ ( '#comments - हैंडलर' ) । ( 'सेंट्रीफ्यूज। मैसेज ' , फंक्शन ( इवेंट, मैसेज ) {
$ ( 'शरीर' ) । append ( संदेश। डेटा ) ;
} ;
} ;

वह सब है!

इसके अलावा, अब, किसी भी पृष्ठ पर एक नया वास्तविक समय तत्व जोड़ने के लिए, आपको केवल अंतिम 2 बिंदुओं को पूरा करना होगा।

विकल्प संभावित त्रुटियों को ध्यान में नहीं रखता है, कुछ मामलों में आपको उन्हें पकड़ने की आवश्यकता नहीं है। लेकिन किसी भी मामले में, प्लगइन HTML तत्व पर अतिरिक्त ईवेंट हैंडलर्स को लटका देने की क्षमता प्रदान करता है, जैसे कि centrifuge.error , centrifuge.disconnect , ठीक से जवाब देने के लिए।

क्या यह आदर्श सरलता है जिसके बारे में अल्बर्ट आइंस्टीन ने कहा था (इस लेख के शीर्षक के दिल में उनका प्रसिद्ध प्रभाव) - समय बताएगा।

अंत में, मैं पिछले प्रकाशन के बाद हुए कुछ बदलावों को नोट करना चाहूंगा।

सेंट्रीफ्यूज 0.3.1 संस्करण तक बढ़ गया है।

अब PUB / SUB तंत्र के लिए आप ZeroMQ के बजाय Redis का उपयोग कर सकते हैं। और अगर आपको सेंट्रीफ्यूज के केवल एक उदाहरण की आवश्यकता है, तो आप उनके बिना बिल्कुल भी कर सकते हैं।

आप किसी भी अनावश्यक निर्भरता के बिना अपकेंद्रित्र झंडे का उपयोग करके सेंट्रीफ्यूज स्थापित कर सकते हैं: --without-redis , --without-redis , --without-redis --without-postgresql , --without-mongodb

वेब इंटरफ़ेस को फिर से तैयार किया गया है, यह अब मोबाइल उपकरणों पर अच्छा लग रहा है और, मेरी राय में, बहुत ही सुंदर हो गया है।



"परियोजना प्रबंधन" अनुभाग से, आप JSON को चैनल (इसके लिए ऐस संपादक का उपयोग करें), साथ ही उपस्थिति, इतिहास चैनल डेटा का अनुरोध कर सकते हैं और आईडी द्वारा उपयोगकर्ता को सदस्यता समाप्त कर सकते हैं।

प्रोजेक्ट्स और नेमस्पेस की संरचना के लिए एक एपीआई दिखाई दिया है - बिल्कुल सभी क्रियाएं अब वेब इंटरफ़ेस का उपयोग किए बिना की जा सकती हैं।

अभी के लिए बस इतना ही, जब तक हम फिर से नहीं मिलते, दोस्तों!