Fall back to LongPoll when websocket fails?

In some corporate environments we’re experiencing that WebSocket transport is not working, because it is blocked by a proxy. The longpolling fallback of Phoenix JS seems only to check whether global.WebSocket is set or not, but does not do any smartness in the case that the browser supports WebSockets but the connection somehow is blocked.

Is there a way to automatically detect whether websockets are working and if not, switching to long polling? Before I start hacking JS, has anybody been doing something in this direction?

Hi I had a similar issue, and I found the information from this thread to be useful and the code posted there (I’m not sure about the author’s name) does what you want :

socket.onError(() => {
  if (navigator.onLine) {
    console.error(`Error connecting using ${socket.transport == window.WebSocket ? 'WebSocket' : 'LongPoll'}`)
    if (socket.transport == window.WebSocket) socket.transport = LongPoll;
    else if (window.WebSocket) socket.transport = window.WebSocket;
  }
});

There are other examples (I believe in some github issue) of how to tackle this.

Edit : the linlk to the aforementioned github issue is given by Chris McCord In the same thread

2 Likes

Thanks, this is indeed an elegant solution.

Here is also a link to the suggested implementation by @chrismccord

1 Like