CODEWITHSUNDEEP
socketsember.js
ptep
ptep

Reputation: 35

Ember and Socket.io/Websocket

I'm trying to pull in a livestream of data from a socket.io websocket, coming in as JSON.

I was trying to use the method from these folks, but no luck (I'm getting error - "Uncaught TypeError: Cannot call method 'load' of undefined" - which I haven't been able to figure out on my own):

Socket.IO with Ember and Ember-Data

My code:

var socket = io.connect('http://localhost:8007');
  socket.on('my_live_stream', function (data) {
   store.load(App.Group, data);
  });

And more:

App.Group = DS.Model.extend({
id: DS.attr('string'),
name: DS.attr('string'),
usage: DS.attr('string'),
sunshine: DS.attr('string'),    
device_info: DS.attr('string')
});

Edit: What the JSON looks like...

{
"group":{
"usage":{
    "case1":0,
    "case2":0,
    "case3":0

},
"sunshine":"00/00/0000",
"id":1010,
"device_info":11.5,
...

I'm still very new to Ember here, but I'm just trying to get {{name}}, {{usage}}. and {{device_info}} to my Index template. I see a great stream of data when I add console.log(data) to the socket code (to replace store.load...). What's the next step?

Thanks so much!

Upvotes: 1

Views: 679

Answers (1)

joegoldbeck
joegoldbeck

Reputation: 546

The question you reference is using a very outdated version of Ember Data. You should pretty much ignore any Stack Overflows from before October.

The new method you want is store.push, in your case, in your case store.push('Group', data).

However, there's yet another problem in your code, which is that you don't have access to store in that context. Normally, you access the store inside routes and controllers via this.store. However, you're not inside a route or controller. If you want, you could hack access to the store like so, store = App.__container__.lookup('store:main'), but this is not the Ember way and will probably cause you problems down the line. Instead, you could add it to one of the hooks in the Application Route, where you do have access to this.store.

For example, you could set it up like this:

App.ApplicationRoute = Ember.Route.extend({
    activate: function(){
        var that = this;
        var socket = io.connect('http://localhost:8007');
        socket.on('my_live_stream', function (data) {
            that.store.push('Group', data.group);
        });
    })
});

Docs: http://emberjs.com/guides/models/pushing-records-into-the-store/

Upvotes: 1

Related Questions