Where the best place to put a websocket connector. Angular

Question

I have a private websocket, this websocket brings me information about the user like balance, notification and other things. all application needs to use this websocket. I have a component where I connected in this websocket and i created an emitter to broadcast when a new message is received. example: websocket component receive message and emitter a event to component x.

Is this the best way to implement this?

I`m using angular 6 to build this application.

score 0 · Accepted Answer · answered Jul 17 '18 at 13:45

0

As I know that's like the best way, put the websocket in a common componente that the application uses.

Just take care about the information that you use in that websocket, I mean just emmit the information that you need, when your application has a lot of websockets, it could crash, it will depends on how you handle the websockets, if you are emmiting that just to the user that should receive that, if you send just the information that you need, if you don't make not necessary websockets calls.

answered Jul 17 '18 at 13:45

Joseph Arriaza

12,014
21
44
63

My application connect`s to a 5 websockets. And 1 of that is the private websocket, the others is a global to all users. In the first moment i think to put all connections to websocket in app.component and send emitters when receive a message. – Thiago Gabriel Jul 17 '18 at 13:56
That could work fine, I mean that's the thing that you need, it should be fine. – Joseph Arriaza Jul 17 '18 at 14:01
Thanks for the help! – Thiago Gabriel Jul 17 '18 at 14:18

score 0 · Answer 2 · answered Jul 17 '18 at 13:51

0

My recommendation is to provide a service which will house the socket connection and setup.

The idea is to let the service dispatch the socket data across as many components that needs the data. Additionally by doing this as a service you can guarantee that Angular can make sure there is only one copy of the service and hence remove any possible duplicate connections that aren't necessary.

answered Jul 17 '18 at 13:51

Mike Tung

4,735
1
17
24

I think i doing this. But in the other way. The component that should receive the message subscribe in the event like 'newXThing' and do what you have to do with the message. – Thiago Gabriel Jul 17 '18 at 14:02
Thank`s for the help! – Thiago Gabriel Jul 17 '18 at 14:18

Where the best place to put a websocket connector. Angular

2 Answers2