Angular Node | SocketIO | Event not emitted from node

Question

I had asked this question before but here's a simple code for the same. Im sending the data to Node from angular via websocket but I don't get the emitted event: I've followed 10+ tutorials and forums, newest from here: https://www.youtube.com/watch?v=66T2A2dvplY&t=317s

service:

import { Injectable } from '@angular/core';
import { Observable } from 'rxjs';
import { io } from 'socket.io-client';

@Injectable({
    providedIn: 'root'
})
export class SocketService {
    socket = io('ws://localhost:3000');    // adding 'http://localhost:3000' also doesnt work
    constructor() {}

    listen(eventName: string) {
        return new Observable( subscriber => {
            this.socket.on(eventName, data => {
                subscriber.next(data);
            });
        });
    }

    emit(eventName: string, data) {
        this.socket.emit(eventName, data);
    }
}

from component's ngOnInit(), this is called:

this._socketService.listen('test event').subscribe( data => {
      console.log("data from server: ", data);
});

server code of Node:

const app = require('./app');
const port = process.env.PORT || 3000;
const server = require('http').createServer(app);


const socketio = require('socket.io');
const io = socketio(server, 
  {
    serveClient: true,
    pingInterval: 60000,
    pingTimeout: 60000000,
    cors: {
      origin: "http://localhost:4200",
      methods: ["GET", "POST"],
      credentials: true
    }
});

io.on('connection', function (socket) {
  console.log("A user connected ", socket.connected);             // works till here for every ping interval
  socket.emit('test event', 'here is some data');     // this is either not executed or doesn't work
});

server.listen(port);

socket.connected is always true in NODE server, but false in Angular

What Ive tried:

• CORS has been suppressed, I hope that's not the issue cuz nothing is seen like so

• changing io.('connection' ...) to io.connect('connect'...)

• init this.socket = io(...) in constructor

• There is no data exchange seen in Network or Network > WS tab in case I emit from Angular too

• This is my 3rd day with this problem, I'll highly appreciate any help.

Thank you

Answer 1

your mixing protocols from client.

change

socket = io('ws://localhost:3000');

to

socket = io('http://localhost:3000', { withCredentials: true });

As mentioned in introduction under chapter What Socket.IO is not that socket.io is not a pure WS lib.