How can I use Socket.IO with Angular?

How can I use Socket.IO with Angular?

You can integrate Socket.IO with Angular by installing the Socket.IO client and setting up a service to manage connections.

Can you show me a simple example?

Sure! First, install the Socket.IO client using npm: npm install socket.io-client. Then, create a service to handle the connection.

What should the service look like?

Here's a basic example:

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

@Injectable({
  providedIn: 'root'
})
export class SocketService {
  private socket = io('http://localhost:3000');

  constructor() {}

  sendMessage(msg: string) {
    this.socket.emit('message', msg);
  }

  getMessage() {
    return new Observable(observer => {
      this.socket.on('message', (data) => observer.next(data));
    });
  }
}

How do I use this service in a component?

You can inject the SocketService into your component and use its methods to send and receive messages.