How to use backbone.js with websockets/socket-io/nowjs

henry.oswald picture henry.oswald · Jul 12, 2011 · Viewed 21k times · Source

I am just getting into backbone.js and am finding progress a little slow. My main problem is working out how to keep my client and server side models in sync using socket-io (technically I am using now.js but the same principal should apply).

I think the best way is to override the sync method but some simple advice would be really welcome.

Answer

Raynos picture Raynos · Jul 13, 2011

Simply overwrite Backbone.sync so that it sends messages down socket.io and tells the relevant backbonejs models on the server to alter state.

The interesting part of this solution is setting up the master-master relationship. You need to insure that for any client they can only "update" the state of models on the server that they have "ownership" of to avoid hackers and server-side state corruption.

So for each client they have a set M where that client is the master of all models in M and has a set S where that client has slaves of all the models in S.

It can only force updating on the server of models in M and only one client should have a particular model in M (or you need to implement a solid locking / merging implementation).

Whenever a model on the server is updated you simply push out to any client who has that model in S. (and push to any client who has that model in M if the model is in M for multiple clients).

A lot of thought needs to go into control / permissions and ownership that is normally handled by the MVC controller once a client POST/PUT/DELETE some data.