I already asked a similar question but this one is a bit different/specific:
I’m about to start development of a social community site (for a local user group) with features like timeline, IM/chat, forums, …
Node.js and socket.io (or now.js) on the backend. jQuery (and maybe backbone.js or similar) on the front end. Content is loaded via socket.io or ajax and navigation via url hash.
There are 2 things where I just can’t decide which way to go. I hope here are some people who can provide some good or bad experience.
-
Templating on server or in browser? I’m not sure if it’s better to load a complete html site + live updates (also in html) for timeline, forum posts, IM/chat, … or use something like a REST api via ajax or socket.io and do the templating on the client site. I’ve never done that before. You need to download the templates, etc, etc. Has anyone experience in this? There are also 2 ways to implement a rest-like api: E.g. request a forum post, then request the user associated to that post and so on (just like server side MVC) – or – request a forum post and the server answers with all needed information.
-
Load content via ajax or socket.io? I’m definitively using socket.io or now.js for real-time communication (IM, chat) and pubsub (on mainpage -> subscribe to new timeline updates, on a forum topic -> subscribe to new posts). But should I also load HTML (or provide a REST-like API, see question 1) through the socket? When people open forum posts in tabs (which I usually do a lot) that would mean a lot of socket connections. And I’m not sure how long it takes for a websocket to establish connection.
So there a 4 ways to do this:
- HTML via AJAX – probably the most stable way that doesn’t need a lot javascript to do the templating – Browser can use open HTTP connections to request stuff.
- HTML via socket.io – The websocket must be established to load content (may be slower)
- API via AJAX – as it probably needs more requests as HTML via AJAX there might be some HTTP header overhead + you need to authentication in each request- I’m not a friend of too many ajax requests.
- API via socket.io – Socket must only be authenticated only once and you can request API objects on the fly. However I would still load templates and js via HTTP for browser caching.
I know this is a huge post but I’m debating for many days now and just can’t decide as it would be a lot of work to switch the system once started developing. This is not a public project, it’s limited to ~10k-15k local people and thus must not be that perfect, a good opportunity to learn new things in my opinion (I’m completely new to node, classic PHP MVC + jquery dev here).
I think you should use a RESTful api on the backend, let the templating occur just on the frontend (maybe with Backbone) and only use Socket.IO for real realtime stuff (such as chat). It doesn’t make any sense to use websockets for something like loading HTML, because it most likely never changes.
So my vote is:
1) HTML via AJAX
2) API via AJAX
3) Realtime communication, such as chat messaging (or other stuff that constantly changes) via Socket.IO