Skip to content

Latest commit

 

History

History
132 lines (95 loc) · 4.37 KB

README.md

File metadata and controls

132 lines (95 loc) · 4.37 KB

SockJS

SockJS is a JavaScript library that creates a WebSockets-like object, which allows low latency full duplex communication between browsers and your web servers.

SockJS tries to use WebSockets, but it can use different transports for browsers that don't support HTML5 or are running behind a restrictive proxy.

Philosophy:

  • All the transports support cross domain connections out of the box. It's possible and recommended to host SockJS server on different domain than your main web site.
  • There is a support for at least one streaming protocol for every major browser.
  • Polling transports are be used as a fallback for old browsers and hosts behind restrictive proxies.
  • No Flash inside (no need to open port 843 - which doesn't work through proxies, no need to host 'crossdomain.xml', no need to wait for 3 seconds in order to detect problems)
  • Connection establishment should be fast and lightweight.
  • The API should follow HTML5 Websockets API as closely as possible (but we're not there yet).

Example

SockJS mimics WebSockets API, instead of WebSocket there is SockJS JavaScript object.

First, you need to load SockJS JavaScript library, for example you can put that in your http head:

<script src="http://majek.github.com/sockjs-client/sockjs-latest.min.js">
  </script>

After the script is loaded you can establish a connection with the SockJS server. Here's a simple example:

<script>
  var sockjs = new SockJS('http://mydomain.com/my_prefix');
  sockjs.onopen = function() {
      console.log('open', e.data);
  };
  sockjs.onmessage = function(e) {
      console.log('message', e.data);
  };
  sockjs.onclose = function(e) {
      console.log('close', e.data);
  };
</script>

Supported transports

Protocol Browser
[WebSocket hixie-76]1 Chrome 6-12, Safari 5, Firefox 4 (disabled), Opera 11 (disabled)
[WebSocket hybi-10]2 Chrome 14+, Firefox 6+
[IFrame via postMessage]3 + [EventSource]4 Opera 10.70+, Firefox 3.5+
[XDR streaming]5 (CORS) IE 8, Firefox 3.5+, Safari 4+, Chrome 3+
[XDR polling]6 (CORS) IE 8, Firefox 3.5+, Safari 4+, Chrome 3+ (through misbehaving proxy)
[IFrame via postMessage]3 + XHR polling Opera 9+
[JsonP polling]7 (fallback)

Deployment

There should be a proper CDN for SockJS, but there isn't one yet. In the meantime you can use releases hosted on Github: http://majek.github.com/sockjs-client/ , or host the code yourself.

Development

SockJS-client uses Node.js for testing and javascript minification. If you want to play with SockJS code, check out the git repo and follow this steps:

npm install

(SockJS-client uses SockJS-node for testing, you may want to link 'node_modules/sockjs' to directory with cloned SockJS-node.)

To generate javascript run:

make sockjs.js

To generate minified javascript run:

make sockjs.min.js

(To generate both run make build.)

Testing

To run qunit tests, type:

make test

This command runs script from 'tests/server.js' which starts two web servers. First listens on http://127.0.0.1:8000/ and serves static files for qunit tests. Second runs on port 9999 and is a simple SockJS server.

To run QUnit tests simply point your browser to http://127.0.0.1:8000/.

If you want the javascript to be recompiled when the source files are modified and automatically restart the http server run make serve. You will need 'inotifywait' command from package inotify-tools.

Footnotes

  1. http://tools.ietf.org/html/draft-hixie-thewebsocketprotocol-76

  2. http://tools.ietf.org/html/draft-ietf-hybi-thewebsocketprotocol-10

  3. https://developer.mozilla.org/en/DOM/window.postMessage 2

  4. http://dev.w3.org/html5/eventsource/

  5. http://www.debugtheweb.com/test/teststreaming.aspx

  6. https://secure.wikimedia.org/wikipedia/en/wiki/XMLHttpRequest#Cross-domain_requests

  7. https://secure.wikimedia.org/wikipedia/en/wiki/JSONP