如何用Django和Vue实现WebSocket连接的示例代码？

本文共计1380个文字，预计阅读时间需要6分钟。

近期有一需求：前端页面点击执行任务，实时显示后端执行情况，考虑一种方案；发现 +WebSocket + 最适合做这件事。效果 + 测试 + ping www.baidu.com + 效果 + 点击连接建立ws连接 + 后端实现 + 所需软件包 + 后端

近期有一需求：前端页面点击执行任务，实时显示后端执行情况，思考一波；发现 WebSocket 最适合做这件事。

效果

测试 ping www.baidu.com 效果

点击连接建立ws连接

后端实现

所需软件包

后端主要借助Django Channels 实现socket连接，官网文档链接

这里想实现每个连接进来加入组进行广播，所以还需要引入 channels-redis 。