दोस्तों Socket.IO और backbone.js कैसे बनाये

जैसा कि हम सभी जानते हैं, backbone.js घटनाओं को दो श्रेणियों में विभाजित किया गया है:

• मॉडल / संग्रह में जानकारी बदलना
• घटना डोम - पेड़

हाल ही में, मुझे सॉकेट.आईओ घटनाओं को बैकबोन से जोड़ने की समस्या को हल करने की आवश्यकता थी, ताकि सब कुछ रीढ़ की हड्डी के अनुप्रयोग के अंदर हो, ताकि सॉकेट घटनाओं को सीधे विचारों में घोषित किया जा सके और वहां होने वाली सभी क्रियाओं का वर्णन किया जा सके।

रीढ़ की हड्डी की शैली से विचलन न करने के लिए, मैं उसी तरह से सॉकेट.आईओ घटना को जोड़ने की क्षमता का एहसास करना चाहता था, जैसे कि डोम ट्री इवेंट, जैसे:

var im = Backbone.View.extend({ io_events: { 'new_message': 'newMessage' }, newMessage: function(message_data){ //do something } }); 

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

नीचे की रेखा।

अंततः, एक कोड का जन्म हुआ जिसे मैं आपके साथ साझा करना चाहता हूं। नीचे, वह वास्तव में बताता है कि वहां क्या हो रहा है:

 var socket = io.connect('127.0.0.1:9999'); var SocketDelegationSkeleton = Backbone.View.extend({ _initSocketio: function(){ if(this.io_events && _.size(this.io_events) > 0) for(var io_event in this.io_events){ var method = this.io_events[io_event]; //       if (!_.isFunction(method)) { method = this[method]; //   _.bind(method, this); //     this socket.on(io_event, method); //   socket.io }else{ throw new Error(' ' + '"' + method + '"' + '  '); } } } }); 

अब आपका प्रत्येक दृश्य जो सॉकेट.आईओ का उपयोग करेगा, को SocketDelegationSkeleton से विस्तारित किया जाना चाहिए, घटनाओं की घोषणा करें और कॉल _initSocketio(); को initialize करें _initSocketio();

 var im = SocketDelegationSkeleton.extend({ io_events: { 'new_message': 'newMessage' }, initialize: function(){ this._initSocketio(); } newMessage: function(message_data){ //do something } }); 

लाभ!