通过 Django Channels 和 Websockets 向客户端推送实时更新
Push live updates to client through Django Channels & Websockets
我正在尝试制作一个向客户端显示实时更新数据的页面。该站点的其余部分是使用 Django 构建的,因此我尝试为此使用 Channels。
我显示的数据同时保存在 JSON 文件和 MySQL 数据库中,以便在网站的其他部分进行进一步计算。理想情况下,我想在收到时向客户端显示收到的最新数据(即文件更新时)。
尽管据我了解频道正是为此目的而构建的,但我在执行此操作时遇到了麻烦。
我曾尝试从客户端发送多个请求,但在消费者中有延迟和循环,但它(具有讽刺意味的是)仅在刷新时更新或立即更新。但是,这些方法都不是由文件或数据库中的更改触发的。
这是 "works" 的代码,但并未真正满足要求。 (另外,不可否认,那里基本上什么都没有......)
# consumers.py
def ws_connect(message):
message.reply_channel.send({"accept": True})
def ws_receive(message):
with open("data.json") as jsonfile:
jsondata = json.load(jsonfile)
res = json.dumps(jsondata)
message.reply_channel.send({ "text": res, })
#routing.py
from channels.routing import route
from .consumers import ws_receive, ws_connect
channel_routing = [
route("websocket.receive", ws_receive, path=r"^/websockets/$"),
route("websocket.connect", ws_connect, path=r"^/websockets/$"),
]
使用的 JS:
<script>
var wsurl = "ws://" + "mywebsite.com" + "/websockets/";
socket = new WebSocket(wsurl);
socket.onopen = function() {
socket.send("this is a request");
console.log('sent');
}
socket.onmessage = function(message) {
console.log(message.data);
document.getElementById("livedata").innerHTML = message.data;
}
</script>
我非常高兴 link 文档可以帮助我实现这样的目标,因为我已经整整一周都没有找到解决方案。
将用户添加到 ws_connect
上的 django 频道组
from channels.auth import channel_session_user_from_http
from channels import Group
@channel_session_user_from_http
def ws_connect(message, **kwargs):
http_user = message.user
if not http_user.is_anonymous:
message.reply_channel.send({'accept': True})
Group('user-'+str(http_user.id)).add(message.reply_channel)`
通过
向用户发送任何新的更新数据
Group('user-1').send({'text': 'hello user 1'})
Group('user-2').send({'text': 'hello user 2'})
我正在尝试制作一个向客户端显示实时更新数据的页面。该站点的其余部分是使用 Django 构建的,因此我尝试为此使用 Channels。
我显示的数据同时保存在 JSON 文件和 MySQL 数据库中,以便在网站的其他部分进行进一步计算。理想情况下,我想在收到时向客户端显示收到的最新数据(即文件更新时)。
尽管据我了解频道正是为此目的而构建的,但我在执行此操作时遇到了麻烦。
我曾尝试从客户端发送多个请求,但在消费者中有延迟和循环,但它(具有讽刺意味的是)仅在刷新时更新或立即更新。但是,这些方法都不是由文件或数据库中的更改触发的。
这是 "works" 的代码,但并未真正满足要求。 (另外,不可否认,那里基本上什么都没有......)
# consumers.py
def ws_connect(message):
message.reply_channel.send({"accept": True})
def ws_receive(message):
with open("data.json") as jsonfile:
jsondata = json.load(jsonfile)
res = json.dumps(jsondata)
message.reply_channel.send({ "text": res, })
#routing.py
from channels.routing import route
from .consumers import ws_receive, ws_connect
channel_routing = [
route("websocket.receive", ws_receive, path=r"^/websockets/$"),
route("websocket.connect", ws_connect, path=r"^/websockets/$"),
]
使用的 JS:
<script>
var wsurl = "ws://" + "mywebsite.com" + "/websockets/";
socket = new WebSocket(wsurl);
socket.onopen = function() {
socket.send("this is a request");
console.log('sent');
}
socket.onmessage = function(message) {
console.log(message.data);
document.getElementById("livedata").innerHTML = message.data;
}
</script>
我非常高兴 link 文档可以帮助我实现这样的目标,因为我已经整整一周都没有找到解决方案。
将用户添加到 ws_connect
上的 django 频道组from channels.auth import channel_session_user_from_http
from channels import Group
@channel_session_user_from_http
def ws_connect(message, **kwargs):
http_user = message.user
if not http_user.is_anonymous:
message.reply_channel.send({'accept': True})
Group('user-'+str(http_user.id)).add(message.reply_channel)`
通过
向用户发送任何新的更新数据Group('user-1').send({'text': 'hello user 1'})
Group('user-2').send({'text': 'hello user 2'})