Как работать с отдельными сокетами в socket.io?

Question

[Айнур Ярулин]

Здравствуйте.

Есть вот такая Socket.io комната, в которой находится два пользователя. В первой колонке всегда показано
своё имя (уже реализовал), а вот во второй колонке должно быть показано имя второго сокета.
Но я не знаю как передать имя одного пользователя другому, помогите пожалуйста.



Вот так я подключаю сокет к комнате и в переменную player1 присваиваю своё имя,
которое показывается в первом столбике.

socket.on('JoinToBet', data => {
    socket.join(data.url)
    socket.emit('Players', {
       player1: session.user.login,
       player2: // как узнать???
    })
})

Но теперь я хочу создать переменную player2, где будет имя второго пользователя

Comments

[VegasChickiChicki]

А какой ответ вы хотите? :)
Я слежу за вашими вопросами уже не первую неделю, мне просто стало интересно, чем же это все закончится)
У вас есть одна проблема, вы строите ВЕСЬ свой мир вокруг сокетов, вы все проблемы сгружаете на них.
Если я сейчас опишу вам логику того, как это должно работать, даже с ссылкой на документация, вы ведь не поймете ничего :)
Если я дам вам кусок кода, вы тоже не поймете как и куда его вставить и зачем :)

Без обид, пиши без негатива. Просто вы не понимаете общей концепции того как и что вы делаете.
P.S. Сам пару недель назад сделал чат(socket, express, mongo, nuxt).

[shurshur]

Подобные замечания не должны писаться в ответы, как раз для них придуманы комментарии к вопросу.

[Айнур Ярулин]

VegasChickiChicki, Ну в сокетах я не вижу ничего плохого, по крайней мере у меня всё работает
именно так как я и хочу (почти).
А вот код я пойму, хоть и не сразу. И документацию прочитаю.

А какой ответ вы хотите? :)

Вообще хочу узнать, как достать из сессии имя второго пользователя (для колонки "Противник") и передать
это имя первому сокету

[VegasChickiChicki]

squadbrodyaga, А как вы туда помещаете имя второго пользователя?

[Айнур Ярулин]

VegasChickiChicki, блин, вообщем давай я лучше попробую показать код, как это работает сейчас

// На стороне клиента я отправляю данные, что создана страница для комнаты
const socket = io.connect()
document.addEventListener('DOMContentLoaded', () => {
    socket.emit('CreateBet', {
        room: document.location.pathname.slice(1) // это я передаю как будет называться комната
    }) 
}) 

// На стороне сервера я создаю комнату и возвращаю создателю комнаты его Логин.
socket.on('CreateBet', data => {
    socket.join(data.room)
    socket.emit('PlayerOne', {
       player1: session.user.login,
    })
})

// Потом на стороне клиента я принимаю своё имя и помещаю его в первый блок (Туда где написано "Вы")
const player1 = document.querySelector('.player1')
socket.on('PlayerOne', data => {
   player1.textContent = data.player1
})

[Айнур Ярулин]

VegasChickiChicki, Ох бл*** я уже сам запутался, надо всё переписывать короче

[VegasChickiChicki]

squadbrodyaga А что будет если 2 пользователя откроют одну и ту же комнату? Произойдет создание двух комнат с одинаковым именем? о_О

[Айнур Ярулин]

VegasChickiChicki, не, вообще должно быть так:
1. Какой-то чел нажимает "Создать комнату", эта комната добавляется в базу данных MongoDB,
после чего этот чел редиректится на страницу комнаты которую он создал, а его логин пишется
в первом столбике. В адресной строке эта комната равна _id в MongoDB.

http://localhost:8000/и вот тут _id комнаты в базе данных.

2. В это время у всех пользователей в списке комнат создаётся блок с именем создателя комнаты
и есть ссылка для подключения. Если какой-то пользователь переходит по ссылке, то он подключается
к этой комнате, а в поле "Противник" видит имя создателя комнаты, точно так же как и у создателя
появляется логин подключившегося в этом же поле "Противник".
Одновременно с этим из списка комнат удаляется данная комната, потому что в ней уже находится
два человека.


P.S Если создатель комнаты покидает эту самую комнату, то она удаляется, а тот, кто подключился
редиректится к списку комнат. Так же если человек, который подключился выходит, то комната
должна снова появляться в списке комнат. И всё это в режиме реального времени без перезагрузок.
Вот почему у меня так много вопросов по Socket.io.

[VegasChickiChicki]

squadbrodyaga, Ну звучит логично все, вроде как, в чем тогда проблема, я понять не могу? Единственное что, я бы разделил логику и сделал бы 2 метода: создание комнаты и подключение к комнате.

[VegasChickiChicki]

VegasChickiChicki, А что бы получить пользователей комнаты, нужно просто записывать в бд(в комнату) ее участников, и уже при подключении к комнате выдавать пользователям список участников.

[Айнур Ярулин]

VegasChickiChicki, попробую так сделать, когда решу новые проблемы, которые появились,
пока я переписывал код)

[Айнур Ярулин]

VegasChickiChicki, Допустим в базе данных комнаты у меня есть список участников
и я отправил этот список каждому сокету, то как сделать так, чтобы у каждого сокета эти
имена были в разных колонках? (вернулся к началу вопроса получается)

[VegasChickiChicki]

squadbrodyaga, Ну включите фантазию и логику. С 2 людьми просто должно быть. Если у вас пользователи зарегистрированы , то где то на фронте должно хранится имя пользователя. Дальше просто проверяем, если имя совпадает с тем что пришло, добавляем одному блоку один класс, а тому блоку, где имя не совпало - другой класс.
Если же принципиально нужно отображение не зеркальное, просто при создании комнаты добавляйте в бд не имя пользователя а объект в котором будет имя и роль, например создатель или левый игрок или первый игрок, как хотите. Когда второй человек заходит в комнату, присваивайте ему роль второго игрока, правого игрока, гостя. И отправляйте из бд эти данные опять на фронт. Вместо имени у вас на фронте будет объект, в котором будет лежать имя + роль. Проверяете на фронте роль и задаете нужные стили(хоть это объяснять не нужно я надеюсь?).