Django restframework，Django 通道，Ionic 2 - websocket 握手错误

Question

我目前正在使用线程标题中提到的技术进行项目。

我从浏览器（应用程序托管在 heroku 上）得到了所有运行，但是当我尝试从我的 Ionic 2 应用程序连接到 websockets 时，我总是在建立握手时遇到错误。

2016-09-17T15:02:03.200133+00:00 app[web.1]: 2016-09-17 15:02:03,199 DEBUG    Connection http.response!uvRVDyvolYEG did not get successful WS handshake.

2016-09-17T15:02:03.200498+00:00 app[web.1]: 2016-09-17 15:02:03,200 DEBUG    WebSocket closed before handshake established

2016-09-17T15:02:03.169206+00:00 heroku[router]: at=info method=GET path="/1/" host=musicmashup-jukebox.herokuapp.com request_id=c46960d7-bb8f-45bf-b8be-5a934c771d96 fwd="212.243.230.222" dyno=web.1 connect=0ms service=7ms status=400 bytes=74

现在的一个想法是，这可能是一个 CORS 问题。所以我安装了 django-cors-middleware 希望这可以解决问题 - 但事实并非如此。但我认为该应用程序根本不会向 Daphne 服务器添加任何 header。

目前我不知道问题出在客户端还是服务器端。

有没有人遇到过类似的问题？

编辑：发现 websockets 和 CORS 没有任何关系 Why is there no same-origin policy for WebSockets? Why can I connect to ws://localhost? 所以我的猜测是，服务器可能会拒绝客户端发送的来源 header。我会看看我是否能拿到正在发送的 headers

Answer 1

好的，这个问题在某种程度上与起源有关header。 Ionic 似乎正在发送一个包含 "file://.." 的来源 header，它被 websocket 服务器拒绝/阻止。

不幸的是，我没有找到一种方法来配置 heroku 上的网络服务器以忽略此问题或在传入数据包上设置另一个来源 header。

我在 heroku 上的 Procfile：

web: daphne app.asgi:channel_layer --port $PORT--bind 0.0.0.0 -v2
worker: python manage.py runworker -v2

然后我所做的是将整个应用程序移动到一个自托管的 Ubuntu 服务器，并在 Daphne 前面放置一个 nginx，我在那里创建了一个规则来覆盖传入的来源 header数据包。

这就是它可以完成的方式..我希望这可以帮助一些人。

Answer 2

谢谢 platzhersch，

它适用于以下 nginx 规则：

proxy_set_header Origin http://$host;

Answer 3

此问题已在 Daphne v.1.0.3 中修复 https://github.com/django/daphne/commit/07dd777ef11f5091931fbb22bdacb9e4aefea7da

如果使用了频道和asgi-redis，你还需要更新。

Django restframework，Django 通道，Ionic 2 - websocket 握手错误

Django restframework, Django channels, Ionic 2 - websocket handshake error

django

django-rest-framework

ionic-framework

django-cors-headers

django-channels