Django Channels聊天应用：chatSocket.onmessage/send失效问题求助

Hey there, let's figure out why your chat messages aren't showing up in the log. I spotted a critical typo in your Consumer code that's almost certainly causing the onmessage event to never fire, plus a couple of other checks to make sure everything's wired up right.

1. Critical Typo in Consumer Method Name #

The biggest issue is a misspelled method in your ChatConsumer class: you wrote recieve instead of receive (missing an 'e'). Channels looks for the exact method name receive to handle incoming WebSocket messages, so your current code never processes the message you send, which means it never sends a response back to the client. That's why your chatSocket.onmessage never triggers.

Here's the corrected Consumer code:

from channels.generic.websocket import WebsocketConsumer
import json

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

    def disconnect(self, close_code):
        pass

    # Fixed method name: receive (not recieve)
    def receive(self, text_data):
        text_data_json = json.loads(text_data)
        message = text_data_json['message']
        self.send(text_data=json.dumps({
            'message': message
        }))

2. Verify Template Variable Escaping #

Make sure your room_name_json variable is properly serialized to JSON in your view, otherwise it might cause a JavaScript syntax error that breaks the WebSocket connection.

In your room view function, use json.dumps() to safely pass the room name to the template:

import json
from django.shortcuts import render

def room(request, room_name):
    return render(request, 'chat/room.html', {
        'room_name_json': json.dumps(room_name)
    })

This ensures the room name is properly quoted and escaped for JavaScript, so your WebSocket URL is constructed correctly.

3. Check WebSocket Connection Status #

Open your browser's developer tools (F12) and go to the Console tab to check for errors:

• If you see a 404 error for the WebSocket URL, double-check your Channels routing configuration (in routing.py) to make sure it's pointing to your ChatConsumer correctly. For example:

  from django.urls import re_path
  from . import consumers
  
  websocket_urlpatterns = [
      re_path(r'ws/chat/(?P<room_name>\w+)/$', consumers.ChatConsumer.as_asgi()),
  ]
  

• Also confirm that your Channels setup is complete (you've installed Channels, configured ASGI_APPLICATION, etc.).

4. Minor: Clean Up send Method Parameter #

While not a breaking issue, it's better to remove the space between text_data and the equals sign in the send method to follow Python conventions:

self.send(text_data=json.dumps({
    'message': message
}))

Once you fix the receive method typo, your messages should start showing up in the chat log. Test it again, and if you still have issues, check the browser console for any remaining errors—they'll give you clues about what's still wrong.

内容的提问来源于stack exchange，提问作者Keshav Vinayak Jha