👞 ⌚️ 🥪 Jquery का उपयोग करते हुए XMPP प्रोटोकॉल 🔡 💪 👨🏻‍⚕️

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

पहले केवल एक सर्वर था

हमारे पास है:

OpenFire पर चल रहा कॉन्फ़िगर और कॉन्फ़िगर किया गया जैबर सर्वर।
nginx सर्वर, प्रॉक्सी मॉड्यूल के साथ
नवीनतम jQuery फ्रेमवर्क रिलीज

चलो हमारे nginx सर्वर को कॉन्फ़िगर करके शुरू करते हैं। ऐसा करने के लिए, कॉन्फ़िगरेशन खोलें और उदाहरण के लिए निम्नलिखित नियम लिखें। Local / http-bind :

location /http-bind/ { proxy_pass http://openfire.jabber.server:7070; #    7070; proxy_buffering off; # ; proxy_read_timeout 100s; #   ; tcp_nodelay on; }

यह संभव है कि यह कॉन्फ़िगरेशन पूरी तरह से सही नहीं है, लेकिन यह काम करता है।

इस प्रकार, हम अपने प्रोजेक्ट से किसी भी उपलब्ध जैबर सर्वर पर सभी स्ट्रीम स्ट्रीम करेंगे।

उपकरण

XMPP के साथ काम करने के लिए मौजूदा प्रस्तावों पर विचार करते हुए, दृश्य उस प्लगइन पर गिर गया जिसमें मेरे लिए आवश्यक विशेषताएं हैं:

सर्वर से कनेक्शन;
संदेश भेजना;
स्थिति (टाइपिंग) प्राप्त करना;
ग्राहक की स्थिति निर्धारित करना;
समूह चैट के साथ काम करें;

डेवलपर के पृष्ठ पर, एक अद्भुत और उदाहरणात्मक उदाहरण है जो एक मानक चैट संवाद के निर्माण को प्रदर्शित करता है।

 <html> <head> <title>Basic connection</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <script type="text/javascript" src="https://raw.github.com/Marko-M/jQuery-XMPP-plugin/master/jquery.xmpp.js"></script> <script type="text/javascript" > $(document).ready(function(){ $("#connectBut").click(function(){ var jid = $("#jid").val(); var password = $("#pass").val(); var logContainer = $("#log"); var contactList = $("#contacts"); //An example of bosh server. This site is working but it can change or go down. //If you are going to have a production site, you must install your own BOSH server var url ="http://bosh.metajack.im:5280/xmpp-httpbind"; $.xmpp.connect({url:url, jid: jid, password: password, onConnect: function(){ logContainer.html("Connected"); $.xmpp.setPresence(null); }, onPresence: function(presence){ var contact = $("<li>"); contact.append("<a href='javascript:void(0)'>"+ presence.from +"</a>"); contact.find("a").click(function(){ var id = MD5.hexdigest(presence.from); var conversation = $("#"+id); if(conversation.length == 0) openChat({to:presence.from}); }); contactList.append(contact); }, onDisconnect: function(){ logContainer.html("Disconnected"); }, onMessage: function(message){ var jid = message.from.split("/"); var id = MD5.hexdigest(message.from); var conversation = $("#"+id); if(conversation.length == 0){ openChat({to:message.from}); } conversation = $("#"+id); conversation.find(".conversation").append("<div>"+ jid[0] +": "+ message.body +"</div>"); },onError:function(error){ alert(error.error); } }); }); $("#disconnectBut").click(function(){ $.xmpp.disconnect(); }); }); function openChat(options){ var id = MD5.hexdigest(options.to); var chat = $("<div style='border: 1px solid #000000; float:left' id='"+id+"'><div style='border: 1px solid #000000;'>Chat with "+options.to+"</div><div style='height:150px;overflow: auto;' class='conversation'></div><div><input type='text' /><button>Send</button></div></div>"); var input = chat.find("input"); var sendBut = chat.find("button"); var conversation = chat.find(".conversation"); sendBut.click(function(){ $.xmpp.sendMessage({to:options.to, body: input.val()}); conversation.append("<div>"+ $.xmpp.jid +": "+ input.val() +"</div>"); input.val(""); }); $("body").append(chat); } </script> </head> <body> This example just connect notify when connected and show the connected contacts. <br> Jid <input type="text" id="jid"> (ej: maxpowel@gmail.com, alvaro.maxpowel@chat.facebook.com) <br> Password <input type="password" id="pass"> <br> <button id="connectBut">Connect</button> <button id="disconnectBut">Disconnect</button> <br> <div id="log"> </div> <ul id="contacts"> </ul> </body> </html>

आगे आपकी कल्पना है। सौभाग्य!

Jquery का उपयोग करते हुए XMPP प्रोटोकॉल

पहले केवल एक सर्वर था

उपकरण

More articles: