首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何设置django频道?

如何设置django频道?
EN

Stack Overflow用户
提问于 2018-09-10 14:22:45
回答 1查看 80关注 0票数 0

我对WebSocket有个问题。我在管理面板中创建了一个对象,前端调用将JSON对象发送到服务器。在创建对象后,我需要最终获得前端的实时更新。

consumers.py

代码语言:javascript
复制
@receiver(post_save, sender=Factory)
def send_update(sender, instance, **kwargs):
    Group("liveblog").send({
        "text": json.dumps({
            "id": instance.id,
            "titile": instance.title,
            "choice": instance.choice,
            "address": instance.address
        })
    })

 class MyConsumer(JsonWebsocketConsumer):

    strict_ordering = False

    def connection_groups(self, **kwargs):
        return ["liveblog"]

    def ws_connect(self, message):
        Group("liveblog").add(message.reply_channel)
        message.reply_channel.send({"accept": True})


    def receive(self, content, **kwargs):
        multiplexer = kwargs['multiplexer']
        response = {
            "id": self.id,
            "title": self.title,
            "choice":self.choice,
            "address":self.address
        }
        multiplexer.send({"response":"OK"}) 
        multiplexer.group_send("liveblog", response)  

    def ws_disconnect(self, message):
        Group("liveblog").discard(message.reply_channel)

routing.py

代码语言:javascript
复制
channel_routing = [
    route_class(MyConsumer)
]

.js

代码语言:javascript
复制
var ws_scheme = window.location.protocol == "https:" ? "wss" : "ws";
var ws_path = ws_scheme + '://' + window.location.host;

var socket = new WebSocket("ws://localhost:8000");

socket.onopen = function () {
    console.log("Connected to socket");
  };
socket.onclose = function () {
    console.log("Disconnected from socket");
  }

我做错了什么?

浏览器中的控制台

代码语言:javascript
复制
Connected to socket
28[Violation] Added non-passive event listener to a scroll-blocking 
<some> event. Consider marking event handler as 'passive' to make the 
page more responsive. See <URL>
main.js:112 storage
main.js:113 []
main.js:88 sump
main.js:89 []
main.js:65 factorys
main.js:66 (6) [{…}, {…}, {…}, {…}, {…}, {…}]
main.js:135 petrol
main.js:136 []
main.js:155 line
main.js:156 []
inception.js:1 [Violation] 'message' handler took 349ms
[Violation] Forced reflow while executing JavaScript took 337ms

终端中的控制台

代码语言:javascript
复制
[2018/09/10 13:06:00] HTTP GET /l/ 200 [0.05, 127.0.0.1:63006]
[2018/09/10 13:06:00] HTTP GET /robots.txt 404 [0.05, 127.0.0.1:63007]
[2018/09/10 13:06:00] WebSocket DISCONNECT / [127.0.0.1:63658]
[2018/09/10 13:06:01] HTTP GET /static/js/main.js 304 [0.05, 127.0.0.1:63006]
[2018/09/10 13:06:02] WebSocket HANDSHAKING / [127.0.0.1:63014]
[2018/09/10 13:06:02] WebSocket CONNECT / [127.0.0.1:63014]
[2018/09/10 13:06:03] HTTP GET /getStorage/ 200 [0.08, 127.0.0.1:63023]
[2018/09/10 13:06:03] HTTP GET /getPetrol/ 200 [0.08, 127.0.0.1:63024]
[2018/09/10 13:06:03] HTTP GET /getSump/ 200 [0.14, 127.0.0.1:63007]
[2018/09/10 13:06:03] HTTP GET /getLine/ 200 [0.11, 127.0.0.1:63025]
[2018/09/10 13:06:03] HTTP GET /getFactory/ 200 [0.16, 127.0.0.1:63006]
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52252122

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档