Websocket 连接在 Django Channels 中不起作用（'WebSocket 连接到 'ws://localhost:8000/ws/board/7/' 失败：'）

Question

我正在尝试为我正在处理的 Django 项目运行一个 websocket，但我无法连接该 websocket，这很奇怪，因为我复制了示例聊天应用程序。频道文档并且工作正常，但是当我将相同的代码复制粘贴到我的项目中时，它没有工作。

因此，以下是相关代码部分：

views.py 中的相关视图

def board_view(request, key):

    board = get_object_or_404(request.user.boards, pk=key)

    key = dumps(board.pk)
    return render(request, 'core/board.html', 
            {"board":board, "permission":user_permission, "key":key})

board.html（相关部分）

    <script>
        const key = JSON.parse("{{key|escapejs}}");

        const chatSocket = new WebSocket(
            'ws://'
            + window.location.host
            + '/ws/board/'
            + key
            + '/'
        );

路由.py

from django.urls import re_path

from . import consumers

websocket_urlpatterns = [
    re_path(r"^ws/board/(?P<key>\d+)/$", consumers.ChatConsumer.as_asgi()),
]

消费者.py

import json
from channels.generic.websocket import WebsocketConsumer


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

        self.send(text_data=json.dumps({
            'type':'connection_established',
            'message':'you are now connected'
        }))

    def disconnect(self, close_code):
        pass

    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}))

阿斯吉

import os
from channels.auth import AuthMiddlewareStack
from channels.routing import ProtocolTypeRouter, URLRouter
from channels.security.websocket import AllowedHostsOriginValidator
from django.core.asgi import get_asgi_application

os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'sketchboard.settings')

django_asgi_app = get_asgi_application()

import core.routing

application = ProtocolTypeRouter({
    "http": django_asgi_app,
    "websocket": AllowedHostsOriginValidator(
            AuthMiddlewareStack(URLRouter(core.routing.websocket_urlpatterns))
        ),
})

settings.py（相关部分）： ASGI_APPLICATION = 'sketchboard.asgi.application' 和

INSTALLED_MY_APPS = [
    'core',
]

INSTALLED_EXTENSIONS = [
    'daphne',
    'allauth',
    'allauth.account',
    'allauth.socialaccount',
    'guest_user',
    'guest_user.contrib.allauth',
    'rest_framework',
    'channels',
]

这与通道文档中找到的教程 websocket 设置几乎相同（当我尝试时效果很好）。

因此，我应该从“board_view”页面上的控制台得到的是“您现在已连接”（如定义consumers.py），但是我得到的是

WebSocket connection to 'ws://localhost:8000/ws/board/7/' failed: 信息。

我应该在这里指出，7 是“键”，它是一个动态变量，但这部分绝对有效。我也尝试过仅输入“test”作为路径，board.html例如routing.py ：

const chatSocket = new WebSocket('ws://' + window.location.host + '/test');
但我遇到了同样的错误，所以我认为问题不在于routing.py或board.html文件。我也尝试询问django Discord 服务器，但他们无法提供帮助。

这个问题确实让我很困惑，因此我们将不胜感激！:)

Answer 1

也许您安装了频道版本 4，这是最新的默认版本，并且这不会在开发模式下启动 ASGI 服务器。请验证这一点并安装频道版本 == 3.0.5 。当您运行 runserver 命令时，请验证 ASGI 服务器是否启动。

（版本 4 通过 daphne 支持 ASGI 服务器，我猜是这样，没有尝试过。）

如果不让我知道，我们将讨论更多。

Answer 2

• 因为这里channels==4.0.0提到了一个更改，要求您在之前也输入, 。还要运行以确保您有兼容的版本。daphneINSTALLED_APPSdjango.contrib.staticfilespip install -U 'channels[daphne]' channels-redisdaphnechannels-redis

• 或者，似乎是daphne <your main app>.asgi:application从项目的根目录（位置manage.py）运行而不是python manage.py runserver工作。

• 此外，如前所述，降级到channels==3.0.5是另一种使其工作而无需添加daphne到您的INSTALLED_APPS.