Cant connect to Websocket when app is hosted on Heroku (Node.js)

Question

I tried to deploy my app that uses Websockets to Heroku and I can't connect to the listening port.

//Server
const WebSocket = require('ws');
const wss = new WebSocket.Server({ port: 8000 });
app.use(express.static(__dirname + '/client/dist'))
app.use(bodyParser.json());
app.listen(port, () => console.log(`Running on port ${port}`));

//Client
this.webSocket = new WebSocket('ws://jitsigame.herokuapp.com:8000'); 

Answer 1

You don't need to specify the port on the client side. Heroku provides a detailed guide here: https://devcenter.heroku.com/articles/node-websockets

//Client
this.webSocket = new WebSocket('ws://jitsigame.herokuapp.com');

You may also want to add on connection handlers server side.

wss.on('connection', (ws) => {
  console.log('Client connected');
  ws.on('close', () => console.log('Client disconnected'));
});