Skip to content

Cross browser, bi-directional communication between ClojureScript and Clojure with BrowserChannel

Notifications You must be signed in to change notification settings

rlfagan/clj-browserchannel

 
 

Repository files navigation

clj-browserchannel

Cross-browser compatible, real-time, bi-directional communication between ClojureScript and Clojure using Google Closure BrowserChannel.

goog.net.BrowserChannel

From the Google Closure API: "A BrowserChannel simulates a bidirectional socket over HTTP. It is the basis of the Gmail Chat IM connections to the server." The javascript api of BrowserChannel is open-source and part of the Google Closure library. The server component is not, as is noted in the Google Closure book ("Closure: The Definitive Guide by Michael Bolin").

Demo

clj-browserchannel-demo is an example chat application using a server side implementation for BrowserChannel written in Clojure. The server component is for BrowserChannel version 8.

This enables client->server and server->client communication in ClojureScript and Closure web apps, without any javascript dependencies other than the Google Closure library.

The example runs in at least:

  • Chrome
  • Firefox
  • Internet Explorer 5.5+ (!!)
  • Android browser

Jetty Async

When there are long lasting connections between a client and a webserver it is desirable to not have a thread per connection. Therefore this demo runs with with an asynchronous Jetty adapter. This adapter is compatible with Ring.

The adapter is based on ring-jetty-async-adapter by Mark McGranaghan.

An implementation on top of Netty, through Aleph is in development.

Related and alternative frameworks

  • Websockets - Websockets solve the same problems as BrowserChannel, however BrowserChannel works on almost all existing clients.
  • socket.io - socket.io provides a similar api as BrowserChannel on top of many transport protocols, including websockets. BrowserChannel only has two transport protocols: XHR and forever frames (for IE) in streaming and non-streaming mode.

Run

;; compile cljs
lein run -m tasks.build-dev-js
;; compile cljs in advanced mode
lein run -m tasks.build-advanced-js
lein run -m chat-demo.core

Open two windows at http://localhost:8080/index.html (Advanced compiled) or http://localhost:8080/index-dev.html and start chatting!

Run on Heroku

Use the Heroku Clojure buildpack.

heroku config:add BUILDPACK_URL=https://github.com/heroku/heroku-buildpack-clojure.git

This project additionally requires two build tasks to compile the ClojureScript during deployment.

Enable user_env_compile:

heroku labs:enable user_env_compile -a <YOUR_APP_NAME>

Add this config var:

heroku config:add LEIN_BUILD_TASK="run -m tasks.build-dev-js, run -m tasks.build-advanced-js"

Note on disconnections on Heroku

I have found that Heroku does not immediately report when a connection to a client is broken. If the client is able to reconnect this is not a problem, as this is supported by the BrowserChannel API. However when you unplug the internet cable the client cannot reconnect and the server must timeout the session. Ussually this happens when trying to send the next heartbeat to the client. On Heruko this does not report an error, even though there is no connection to the client. So instead of the connection timeing out on a heartbeat (after seconds/a minute) the connection will only timeout after the connection is timed out by the server (4 minutes by default). The Netty implementation has the same problem on Heroku. Deployments on Amazon Web Services do not have this problem.

Configuration:

See default-options in src/net/thegeez/browserchannel.clj And the :response-timeout option in src/net/thegeez/jetty_async_adapter.clj

Debug / Play around

BrowserChannel has a helpful debug window. Uncomment the debug-window and .setChannelDebug lines in cljs/bc/core.cljs to enable the logging window.

Todo

  • Release backend as library
  • Handling acknowledgements by client and callbacks on queued arrays
  • Host prefixes
  • Heroku disconnection
  • Replace session listeners, possibly with lamina
  • Explore other event based Java webservers, such as Netty and Webbit

Other BrowserChannel implementations

Many thanks to these authors, their work is the only open-source documentation on the BrowserChannel protocol.

About

Written by: Gijs Stuurman / @thegeez / Blog / GitHub

License

Copyright (c) 2012 Gijs Stuurman and released under an MIT license.

About

Cross browser, bi-directional communication between ClojureScript and Clojure with BrowserChannel

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Clojure 95.0%
  • HTML 4.3%
  • Other 0.7%