2014-10-03 10 views
12

मैं वेब सॉकेट के साथ पॉलिमर घटक को जोड़ने के लिए सबसे आसान संभव तरीका (अधिमानतः बहुत से अतिरिक्त पुस्तकालयों पर भरोसा किए बिना) ढूंढना चाहता हूं ताकि मैं इसे बैकएंड से आसानी से अपडेट कर सकूं।वेबसाइट्स के माध्यम से पॉलिमर घटक अद्यतन कर रहा है?

अभी मैंने bacon.js के साथ ऐसा करने की जांच की है क्योंकि वेब सॉकेट से सीधे ईवेंट ईवेंट सेट करना बहुत आसान है। मेरा विचार है कि इन संदेशों को फ़िल्टर करना और उन्हें व्यक्तिगत पॉलिमर घटकों पर रूट करना है। हालांकि, अगर यह आसानी से bacon.js या अन्य पुस्तकालयों के बिना किया जा सकता है (यानी केवल पॉलीमर स्वयं और एक सामान्य जावास्क्रिप्ट वेब सॉकेट के साथ) जो बेहतर हो सकता है। कोई विचार, संकेत या उदाहरण कोड?

धन्यवाद, अग्रिम में

/रॉबर्ट

+2

http://customelements.io/?q=websocket या http://component.kitchen/ पर "सॉकेट" खोजना कुछ परिणाम देता है। – ebidel

उत्तर

3

यहाँ WebSocket निपटने बहुलक

का उपयोग करने का एक बहुत ही बुनियादी तरीका
Polymer({ 
     is: "ws-element", 
     socket: null, 
     properties: { 
      protocol: { 
       type: String 
      }, 
      url: { 
       type: String 
      } 
     }, 
     ready: function() { 
      this.socket = new WebSocket(this.url, this.protocol); 
      this.socket.onerror = this.onError.bind(this); 
      this.socket.onopen = this.onOpen.bind(this); 
      this.socket.onmessage = this.onMessage.bind(this); 
     }, 
     onError: function (error) { 
      this.fire('onerror', error); 
     }, 
     onOpen: function (event) { 
      this.fire('onopen'); 
     }, 
     onMessage: function (event) { 
      this.fire('onmessage', event.data); 
     }, 
     send: function (message) { 
      this.socket.send(message); 
     }, 
     close: function() { 
      this.socket.close(); 
     } 
    }) 

कृपया WebSocket Polymer Element पर एक नज़र है, पॉलिमर तत्व देशी का उपयोग करता है वेबसाकेट क्लाइंट जो आज के अधिकांश आधुनिक ब्राउज़रों के साथ आता है।

+0

हालांकि यह लिंक प्रश्न का उत्तर दे सकता है, लेकिन यहां उत्तर के आवश्यक हिस्सों को शामिल करना बेहतर है और संदर्भ के लिए लिंक प्रदान करना बेहतर है। लिंक किए गए पृष्ठ में परिवर्तन होने पर लिंक-केवल उत्तर अमान्य हो सकते हैं। –

+3

मैंने आपके सुझावों को दर्शाने के लिए उत्तर अपडेट किया है। – Mesopotamia

+0

आपने सॉकेट को परिभाषित क्यों किया: शून्य, गुणों के बाहर: {} ऑब्जेक्ट? – Danish

संबंधित मुद्दे