Aggiornamento del componente del polimero tramite Websocket?

Question

Voglio trovare il modo più semplice possibile (preferibilmente senza fare affidamento su molte librerie aggiuntive) per connettere un componente Polymer con una presa Web in modo da poterlo aggiornare facilmente dal backend.

In questo momento ho studiato facendo questo con bacon.js dato che è molto facile impostare un flusso di eventi direttamente dal socket web. La mia idea è di filtrare questi messaggi e indirizzarli ai singoli componenti Polymer. Tuttavia, se questo può essere fatto facilmente senza bacon.js o altre librerie (vale a dire con solo Polymer stesso e un normale socket Web javascript) potrebbe essere preferibile. Qualche idea, suggerimento o codice di esempio?

Grazie, in anticipo

/Robert

Answer 1

Ecco un modo molto semplice di gestire websocket utilizzando polimero

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(); 
     } 
    }) 

prega di dare un'occhiata al WebSocket Polymer Element, L'elemento Polymer utilizza il nativo Client WebSocket fornito con la maggior parte dei moderni browser di oggi.