Строю логику так:
- Пользователь ввёл креды
- Креды подошли сохранил токен для входа
- Получаю последние комнаты пользователя и их данные
С этим проблем нет. Проблема есть в другом. Где я должен осуществлять подписку на сокет на новые сообщения? Я как понимаю, когда я получаю данные последних комнат в эффекте. Ну, окей. Но, тогда, возникает два вопроса:
1. а если таких событий для каждой комнаты 20?
2. как отписываться
Я в свое время делал чат на Angular + Socket.IO. Логика была примерно следующая. После успешной авторизации загружалось основное окно чата. На этом же шаге происходила подписка на события из сокета. Сразу после подключения сервер присылал "первоначальные" события - список комнат, количество непрочитанный сообщений и т.п. Далее уже в конкретных компонентах чата делал подписку на те или иные события. Например, компонент "элемент списка комнат" отслеживал новые сообщения, но только для комнаты с текущим id и, при наличии, увеличивал счетчик непрочитанных сообщений. Компонент "окно переписки", тоже следил за новыми сообщениями для "текущей переписки" и добавлял элементы в dom при новых входящих сообщениях. Ну и т.п. Это так, очень схематично. Там конечно логика была сложнее. При выходе из чата происходила отписка от всего. Отписываться можно в ngOnDestroy() конкретных компонентов. Можно подписываться с указанием takeUntil, например: const onlyCurrentRoom = (message: Message) => message.roomId === this.roomId; this.socketService.newMessage$ .pipe( takeUntil(this.chatService.shutdown$), filter(onlyCurrentRoom), tap(someHandler) ) .subscibe(); В данном случае при выходе нужно заэмитить в shutdown$ новое событие. В общем, советую сначала поделить свой чат на компоненты. Там уже будет видно какому компоненту какие данные нужны, когда подписываться, когда отписываться и т.п.
Обсуждают сегодня