Django-каналы: chatSocket.onmessage или chatSocket.send не работают - PullRequest
Новая
       19

Django-каналы: chatSocket.onmessage или chatSocket.send не работают

0 голосов
/ 29 сентября 2019

Я пытаюсь реализовать приложение чата для каналов django.при нажатии кнопки «Отправить» в виде комнаты сообщение не отображается в журнале чата.что заставляет меня думать, что что-то не так с командой chat.onmessage, похоже, не срабатывает.Может кто-нибудь помочь мне решить проблему.вот код для вида комнаты: 

<!-- chat/templates/room.html -->
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Chat Room</title>
</head>
<body>
    <textarea id="chat-log" cols="100" rows="20"></textarea><br/>
    <input id="chat-message-input" type="text" size="100"/><br/>
    <button id="chat-message-submit" type="submit" value="Send">Send</button>
</body>z
<script>
    var roomName = {{ room_name_json }};
    var chatSocket = new WebSocket(
        'ws://' + window.location.host +
        '/ws/chat/' + roomName + '/');

    chatSocket.onmessage = function(e) {
        console.log("got to onmessage");
        var data = JSON.parse(e.data);
        var message = data['message'];
        document.getElementById('chat-log').value += (message + '\n');
    };

    chatSocket.onclose = function(e) {
        console.error('Chat socket closed unexpectedly');
    };

    document.querySelector('#chat-message-input').focus();
    document.querySelector('#chat-message-input').onkeyup = function(e) {
        if (e.keyCode === 13) {  // enter, return
            document.getElementById('chat-message-submit').click();
        }
    };

    document.getElementById('chat-message-submit').onclick = function(e) {
        var messageInputDom = document.getElementById('chat-message-input');
        var message = messageInputDom.value;
        console.log("got message : " + message);
        chatSocket.send(JSON.stringify({
            'message': message
        }));
        console.log("This was done?");
        messageInputDom.value = '';
    };
</script>
</html>

Вот мой взгляд потребителя: 

from channels.generic.websocket import WebsocketConsumer
import json

class ChatConsumer(WebsocketConsumer):
    def connect(self):
        self.accept()

    def disconnect(self, close_code):
        pass

    def recieve(self, text_data):
        text_data_json = json.loads(text_data)
        message = text_data_json['message']
        self.send(text_data = json.dumps({
            'message' : message
        }))

1 Ответ

0 голосов
/ 29 сентября 2019

Я так глуп, что буквально сделал опечатку, использовал имя функции «получил» вместо «получил».Спасибо, я сейчас заплачу в углу.

...