Encapsulate socket.io inside a class [duplicate]

Question

I'm trying to encapsulate socket.io inside a class, so I can share the same socket in multiple files (using import). This is the common way to use WebSockets if you are using only one file

Test.js

let ip = "http://localhost/";
let socket = io(ip);
socket.emit("message", {"content": "hello"});

socket.on("messageResponse", function(content) {
  //Do something here.
});

What I'm trying to achieve is..

multiplayer/Socket.js

class Socket {
    constructor(ip) {
        this.socket = io(ip);
    }

    sendMessage(message, data) {
        this.socket.emit(message, data);
    }
}

export default Socket;

A.js

import Socket from "./multiplayer/Socket.js";

//listen to certain events here like socket.on("connect")

B.js

import Socket from "./multiplayer/Socket.js";

//listen to some other events here like socket.on("chatMessage")

But I don't know how to encapsule the on event. I'm using rollup to bundle the script inside one single file.

Thanks!

So you want to create a singleton?

Naftali
– Naftali

2019-12-18 21:27:30 +00:00
Commented Dec 18, 2019 at 21:27 — Naftali
– Naftali, Commented Dec 18, 2019 at 21:27

Naftali · Accepted Answer · 2019-12-18 21:59:35Z

2

It seems like you want to create a singleton

You can do that by exporting a version of your socket object that everything will share:

class Socket {
    constructor(ip) {
        this.socket = io(ip);
    }

    sendMessage(message, data) {
        this.socket.emit(message, data);
    }
}

export default new Socket('some_ip');

Then in your code you can do:

import s from "./multiplayer/Socket.js";

s.socket.on('something', doSomething);

and every place you import that socket object it will share all of the same information

answered Dec 18, 2019 at 21:59

Naftali

147k41 gold badges247 silver badges304 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Stan Loona Over a year ago

Thanks! Although I modified it a bit, added a new function on the class that returns this.socket and then I've been using like Socket.getSocket().on("message", function);

Collectives™ on Stack Overflow

Encapsulate socket.io inside a class [duplicate]

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related