Websocket connection failed error

Hi there,

I think that when instantiating the web socket, you should not add the port as it is not publicly exposed on the App Platform.

Instead you should do something like this:

const protocol = window.location.protocol.includes('https') ? 'wss': 'ws'
const ws = new WebSocket(`${protocol}://${location.host}/ws`);

Here is a great step by step tutorial that covers the whole process specifically for the App Platform:

https://docs.digitalocean.com/tutorials/app-deploy-websockets/

---

UPDATE:

It looks like that this is a standard thing for some React apps:

What you have to do is to define an environment variable in your app platform and define the WDS_SOCKET_PORT variable and set it to 443 rather than the default value.

You can check that this would already work by visiting your website and in the web console run:

new WebSocket('wss://domain.io/ws');

---

Let me know if you have any questions!

Best,

Bobby