Блог

Я создаю приложение для чата на Django-Vue, я уже создал основную функциональность приложения.

При подключении компонента боковой панели выполняется HTTP-запрос для получения всех комнат, участником которых является пользователь, при нажатии на какую-либо комнату в компоненте Чата создается экземпляр WebSocket.

Я сомневаюсь, что если я отправлю сообщение в эту комнату, но другие пользователи не подключены в той же комнате (при условии, что они подключены в другой комнате), они не получат сообщение, верно? Итак, как я отправлю ему уведомление о новом сообщении? например, уведомления на боковой панели Whatsapp.

Я думал о создании двух подключений к WebSocket, одно на боковой панели, которое будет конечной точкой пользователя ( ws:127.0.0.1:8000/chat/$Username ), а другое для реальной комнаты чата ( ws:127.0.0.1:8000/chat/$ChatId ), это хороший подход?

Мои модели django =>

 from django.db import models
from account.models import CustomUser

class Message(models.Model):
    sender = models.ForeignKey(CustomUser, on_delete=models.CASCADE, related_name='messages')
    message = models.TextField()
    created_at = models.DateTimeField(auto_now_add=True)

    def __str__(self):
        return f'message from {self.sender.username}'

class Chat(models.Model):
    name = models.CharField(max_length=24)
    participants = models.ManyToManyField(CustomUser, blank=True)
    messages = models.ManyToManyField(Message, blank=True)
    created_at = models.DateTimeField(auto_now_add=True)

    def __str__(self):
        return self.name
 

Вы можете использовать WSS в качестве транспортного уровня, но реализовать свой собственный логический протокол.

Конечно, вы можете использовать несколько подключений, но это избыточно. Давайте использовать что-то вроде «события». Например, для пользователя, подключенного к комнате чата, вы можете отправить событие «подключение» :

 {
    "event": "connection",
    "user": {
        "id": 1,
        "username": "Foo",
        ...
    }
}
 

Вы можете справиться с таким событием с помощью простого подхода:

 if event == "connection":
    ...
elif event == "exit":
elif event == "message":
...

 

И тот же подход, но на стороне клиента с кодом JS.

Таким образом, вы можете обрабатывать только одно соединение как для приложения Vue, так и для Django.