Django 通道 websocket 握手后断开连接

Question

我正在按照 django 频道的示例构建一个简单的聊天室。 昨天一切都很顺利，我设法创建了一个聊天室，甚至设法在那里聊天。 突然间，我的代码没有任何变化，Websocket 在连接和握手后立即开始断开连接。

My setup:
Django == 1.10.5
Python == 2.7
channels == 1.1.8
asgi-redis == 1.4.2
daphne == 1.3.0

我的 consumers.py 看起来像这样：

consumers.py:
@channel_session
def ws_connect(message):
    room = message.content['path'].strip("/")
    message.channel_session['room'] = room
    Group("chat").add(message.reply_channel)
    message.reply_channel.send({"accept": True})

和前端部分：

 $(function() {
        // When we're using HTTPS, use WSS too.
        var ws_scheme = window.location.protocol = "ws";
        var chatsock = new WebSocket(ws_scheme + '://' + window.location.host + window.location.pathname);


        chatsock.onmessage = function(message) {
            var data = JSON.parse(message.data);
            var chat = $("#chat");
            var ele = $('<tr></tr>');
            console.log(data);

            ele.append(
                $("<td></td>").text(data.timestamp)
            );
            ele.append(
                $("<td></td>").text(data.handle)
            );
            ele.append(
                $("<td></td>").text(data.message)
            );

            chat.append(ele)
        };

        $("#chatform").on("submit", function(event) {
            var time = new Date();
            var string = time.getHours() + ":" + time.getMinutes() + ":" + time.getSeconds();
            // var timestamp = time.getHourMinuteSecond();
            var message = {
                timestamp: string,
                handle: $('#handle').val(),
                message: $('#message').val()
            };
            console.log("submit");
            chatsock.send(JSON.stringify(message));
            $("#message").val('').focus();
            return false;
        });
    });

也许某些技术的更新已经结束。 我正在努力找出发生这种情况的原因。 在 settings.py 中，我对 redis 通道层进行了以下配置：

CHANNEL_LAYERS = {
    "default": {
        "BACKEND": "asgi_redis.RedisChannelLayer",
        "CONFIG": {
            "hosts": [("localhost", 6379)],
        },
        "ROUTING": "config.routing.channel_routing",
    },
}

我有另一个 websocket 通知逻辑，它也在握手后立即断开连接。 我尝试将 Django 更新到 1.11。 但没有运气。 在聊天应用程序的 routing.py 中：

chat_routing = [
    route("websocket.connect", consumers.ws_connect),
    route("websocket.receive", consumers.ws_message),
    route("websocket.disconnect", consumers.ws_disconnect),
]

我在 Linux Ubuntu 16.04 上运行，最近几天我唯一更新的是 Chrome 版本。 那么有什么想法我该怎么办？

Answer 1

原来是Google Chrome更新问题。 如果可以的话，也许回去一个版本可以解决问题，但这就是问题所在，因为我在Mozilla上尝试了它，但它仍然像魅力一样工作。

Answer 2

加上上述@Vasil答案，当将localhost用作运行中的django项目的域名时，这在Chrome中似乎是一个问题。 如果您使用IP（而非Localhost）运行项目，则Chrome不会引起任何问题。

Answer 3

如果在 URL 的末尾添加斜杠+'/'可以修复该错误：

var chatsock = new WebSocket(ws_scheme + '://' + window.location.host + window.location.pathname + '/');

在大多数情况下/末尾缺失会导致 Chrome 浏览器出现问题，但在 Firefox 中工作正常