I am trying to use django channels for the first time and i am following the tutorial in the documentation. But when I use python manage.py runserver and try to connect i get this error.
Protocol error, got "H" as reply type byte
Here is the whole console(I’m using anaconda):
Quit the server with CTRL-BREAK.
2018-06-20 15:59:25,665 - INFO - server - HTTP/2 support not enabled (install the http2 and tls Twisted extras)
2018-06-20 15:59:25,665 - INFO - server - Configuring endpoint tcp:port=8000:interface=127.0.0.1
2018-06-20 15:59:25,665 - INFO - server - Listening on TCP address 127.0.0.1:8000
[2018/06/20 15:59:36] HTTP GET /chat/lobby/ 200 [0.12, 127.0.0.1:62590]
[2018/06/20 15:59:36] WebSocket HANDSHAKING /ws/chat/lobby/ [127.0.0.1:62594]
2018-06-20 15:59:37,694 - ERROR - server - Exception inside application: Protocol error, got "H" as reply type byte
File "C:UsersPcAnaconda3envsdjangolibsite-packageschannelssessions.py", line 175, in __call__
return await self.inner(receive, self.send)
File "C:UsersPcAnaconda3envsdjangolibsite-packageschannelsmiddleware.py", line 41, in coroutine_call
await inner_instance(receive, send)
File "C:UsersPcAnaconda3envsdjangolibsite-packageschannelsconsumer.py", line 54, in __call__
await await_many_dispatch([receive, self.channel_receive], self.dispatch)
File "C:UsersPcAnaconda3envsdjangolibsite-packageschannelsutils.py", line 50, in await_many_dispatch
await dispatch(result)
File "C:UsersPcAnaconda3envsdjangolibsite-packageschannelsconsumer.py", line 67, in dispatch
await handler(message)
File "C:UsersPcAnaconda3envsdjangolibsite-packageschannelsgenericwebsocket.py", line 173, in websocket_connect
await self.connect()
File "C:UsersPcDocumentstutorialdjango-channel-tutchatconsumers.py", line 11, in connect
self.channel_name
File "C:UsersPcAnaconda3envsdjangolibsite-packageschannels_rediscore.py", line 282, in group_add
channel,
File "C:UsersPcAnaconda3envsdjangolibsite-packagesaioredisconnection.py", line 181, in _read_data
obj = await self._reader.readobj()
File "C:UsersPcAnaconda3envsdjangolibsite-packagesaioredisstream.py", line 78, in readobj
obj = self._parser.gets()
Protocol error, got "H" as reply type byte
[2018/06/20 15:59:37] WebSocket DISCONNECT /ws/chat/lobby/ [127.0.0.1:62594]
On the frontend js return this error
(index):15 WebSocket connection to 'ws://127.0.0.1:8000/ws/chat/lobby/' failed: Error during WebSocket handshake: Unexpected response code: 500 (index):26 Chat socket closed unexpectedly
Here is the whole “pip freeze” list if it he
aioredis==1.1.0 asgiref==2.3.2 astroid==1.6.5 async-timeout==3.0.0 attrs==18.1.0 autobahn==18.6.1 Automat==0.7.0 certifi==2018.4.16 channels==2.1.2 channels-redis==2.2.1 colorama==0.3.9 constantly==15.1.0 daphne==2.2.0 Django==2.0.2 django-cors-headers==2.2.0 djangorestframework==3.8.2 hiredis==0.2.0 hyperlink==18.0.0 idna==2.7 incremental==17.5.0 isort==4.3.4 lazy-object-proxy==1.3.1 mccabe==0.6.1 msgpack==0.5.6 msgpack-python==0.5.6 olefile==0.45.1 Pillow==5.1.0 pylint==1.9.2 pypiwin32==223 pytz==2018.4 pywin32==223 redis==2.10.6 six==1.11.0 Twisted==18.4.0 txaio==2.10.0 wincertstore==0.2 wrapt==1.10.11 zope.interface==4.5.0
Here is the python code: consumer.py
from channels.generic.websocket import AsyncWebsocketConsumer
import json
class ChatConsumer(AsyncWebsocketConsumer):
async def connect(self):
self.room_name = self.scope['url_route']['kwargs']['room_name']
self.room_group_name = 'chat_%s' % self.room_name
await self.channel_layer.group_add(
self.room_group_name,
self.channel_name
)
self.accept()
async def disconnect(self, close_code):
await self.channel_layer.group_discard(
self.room_group_name,
self.channel_name
)
async def receive(self, text_data):
text_data_json = json.loads(text_data)
message = text_data_json['message']
await self.channel_layer.group_send(
self.room_group_name,
{
'type': 'chat_message',
'message': message
}
)
async def chat_message(self, event):
message = event['message']
await self.send(text_data=json.dumps({
'message': message
}))
routing.py
from django.conf.urls import url
from . import consumers
websocket_urlpatterns = [
url(r'^ws/chat/(?P<room_name>[^/]+)/$', consumers.ChatConsumer)
]
routing.py in mysite
from channels.routing import ProtocolTypeRouter, URLRouter
from channels.auth import AuthMiddlewareStack
import chat.routing
application = ProtocolTypeRouter({
# (http->django views is added by default)
'websocket': AuthMiddlewareStack(
URLRouter(
chat.routing.websocket_urlpatterns
)
),
})
part of settings.py
ASGI_APPLICATION = 'mysite.routing.application'
CHANNEL_LAYERS = {
'default': {
'BACKEND': 'channels_redis.core.RedisChannelLayer',
'CONFIG': {
"hosts": [('127.0.0.1', 8000)],
},
},
}
Javascript code
var roomName = {{ room_name_json }};
var chatSocket = new WebSocket(
'ws://' + window.location.host +
'/ws/chat/' + roomName + '/');
chatSocket.onmessage = function(e) {
var data = JSON.parse(e.data);
var message = data['message'];
document.querySelector('#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.querySelector('#chat-message-submit').click();
}
};
document.querySelector('#chat-message-submit').onclick = function(e) {
var messageInputDom = document.querySelector('#chat-message-input');
var message = messageInputDom.value;
chatSocket.send(JSON.stringify({
'message': message
}));
messageInputDom.value = '';
};
Thanks for the help
Advertisement
Answer
Is there any chance you did not have a redis server running on your machine when running your django server? On a mac I did brew install redis and then redis-server and then ran my django server on another terminal window and all worked fine.