Question: Can I use SockJS with your websockets?

[johngoodleaf]

Do you know if it's possible to use the SockJS protocol over your websocket plugin? SockJS provides transparent fallbacks (XHR, etc) in cases were we can't use websockets (e.g. old Android versions). I want the fallback, but I'd like to use websockets wherever possible. So I guess I need for SockJS to use your Websocket object, but before I dig in, do you know already if it's possible? Tried Socket.IO?

[knowledgecode]

Hi,

I'm ashamed to say I have not known SockJS. But I tried that shortly. As a conclusion, it seems to work.

test environment:
server: SockJS-node (Echo example)
client: SockJS-client with Cordova v3.4.0 and the WebSocket plugin

I don't try any other.

[johngoodleaf]

I don't think shame is required. It all changes so rapidly; no one can keep track of it all.

Anyway, would you consider sharing how you set up the client side, in terms of the plugin configuration and invocation? We must be doing something wrong, so it might help us.

[knowledgecode]

I created a simple project by using Cordova Command-line Interface, and added the code the following.

www/index.html:

<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="js/index.js"></script>

<!-- I added this. I got the js file from http://cdn.sockjs.org/ -->
<script type="text/javascript" src="js/sockjs-0.3.4.min.js"></script>

<script type="text/javascript">
    app.initialize();
</script>

www/js/index.js:

// deviceready Event Handler
//
// The scope of 'this' is the event. In order to call the 'receivedEvent'
// function, we must explicity call 'app.receivedEvent(...);'
onDeviceReady: function() {
    app.receivedEvent('deviceready');
},
// Update DOM on a Received Event
receivedEvent: function(id) {
    var parentElement = document.getElementById(id);
    var listeningElement = parentElement.querySelector('.listening');
    var receivedElement = parentElement.querySelector('.received');

    listeningElement.setAttribute('style', 'display:none;');
    receivedElement.setAttribute('style', 'display:block;');

    console.log('Received Event: ' + id);

    // I added this.
    var sock = new SockJS('http://192.168.1.7:9999/echo');  // This is my local server address.
    sock.onopen = function() {
        console.log('open');
        sock.send('hello');
    };
    sock.onmessage = function(e) {
        console.log(e.data);
        sock.close();
    };
    sock.onclose = function(e) {
        console.log('close');
        console.log(e.code);
        console.log(e.reason);
    };
}

[Tarang]

Has this been tested with Meteor?

It also uses SockJS but it seems to take an extraordinarily log time to connect. I'm trying to give it a go debugging. So far all i've got is this error dumped over and over till it connects:

WebSocket is closed before the connection is established.

[knowledgecode]

To @Tarangp.
Why don't we discuss Meteor at issue #11?

To @johngoodleaf.
Did you solve your problem? It has been quite some time since last posting, so once I'd like to close this issue. If you have some other problem, please post them again.