当前位置： 首页 > news >正文

使用Django Channels实现WebSocket实时通信

news 2026/5/24 10:30:23
💓 博客主页：瑕疵的CSDN主页
📝 Gitee主页：瑕疵的gitee主页
⏩ 文章专栏：《热点资讯》

使用Django Channels实现WebSocket实时通信

      • Django Channels 简介
      • 环境搭建
        • 安装 Django 和 Channels
      • 创建 Django 项目
      • 配置 ASGI
      • 编写消费者
      • 配置路由
      • 创建模板
      • 创建视图
      • 配置 URL
      • 运行开发服务器
      • 测试 WebSocket 连接
      • 总结

Django Channels 是 Django 的一个扩展，允许 Django 处理非 HTTP 协议，如 WebSocket。本文将详细介绍如何使用 Django Channels 实现 WebSocket 实时通信，包括环境搭建、项目结构、安装 Channels、配置 ASGI、编写消费者、运行开发服务器、测试 WebSocket 连接等内容。

Django Channels 简介

Django Channels 是一个 Django 扩展，它将 Django 从仅处理 HTTP 请求扩展到处理多种协议，特别是 WebSocket。通过 Channels，你可以实现实时功能，如聊天应用、实时通知等。

环境搭建

在开始之前，确保你的环境中已安装 Python 和 pip。
安装 Django 和 Channels
pip install django channels

创建 Django 项目

使用 Django 命令行工具创建一个新的项目。 

django-admin startproject myproject

进入项目目录并创建一个新的应用。

cd myproject
django-admin startapp chat

配置 ASGI

在 myproject/settings.py 中添加 channels 到 INSTALLED_APPS。 

INSTALLED_APPS = [# ...'channels','chat',
]

在 myproject/asgi.py 中配置 ASGI。

import os
from django.core.asgi import get_asgi_application
from channels.routing import ProtocolTypeRouter, URLRouter
from channels.auth import AuthMiddlewareStack
import chat.routingos.environ.setdefault('DJANGO_SETTINGS_MODULE', 'myproject.settings')django_asgi_app = get_asgi_application()application = ProtocolTypeRouter({'http': django_asgi_app,'websocket': AuthMiddlewareStack(URLRouter(chat.routing.websocket_urlpatterns)),
})

编写消费者

在 chat/consumers.py 中定义 WebSocket 消费者。 

import json
from channels.generic.websocket import AsyncWebsocketConsumer累加器 = 0class ChatConsumer(AsyncWebsocketConsumer):async def connect(self):self.room_name = self.scope['url_route']['kwargs']['room_name']self.room_group_name = f'chat_{self.room_name}'# 加入房间组await self.channel_layer.group_add(self.room_group_name,self.channel_name)await self.accept()async def disconnect(self, close_code):# 退出房间组await self.channel_layer.group_discard(self.room_group_name,self.channel_name)# 接收来自 WebSocket 的消息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})# 从房间组接收消息并发送给 WebSocketasync def chat_message(self, event):message = event['message']# 发送消息给 WebSocketawait self.send(text_data=json.dumps({'message': message}))

配置路由

在 chat/routing.py 中定义 WebSocket 路由。 

from django.urls import re_path
from . import consumerswebsocket_urlpatterns = [re_path(r'ws/chat/(?P<room_name>\w+)/$', consumers.ChatConsumer.as_asgi()),
]

创建模板

在 chat/templates/chat/room.html 中创建 WebSocket 客户端模板。 

<!DOCTYPE html>
<html>
<head><title>Chat Room</title><script src="https://cdn.socket.io/4.0.0/socket.io.min.js"></script><script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body><h1>Chat Room {{ room_name }}</h1><ul id="chat-log"></ul><input id="chat-message-input" type="text" size="100"><button id="chat-message-submit">Send</button><script>const roomName = '{{ room_name }}';const socket = new WebSocket(`ws://${window.location.host}/ws/chat/${roomName}/`);socket.onmessage = function(e) {const data = JSON.parse(e.data);const item = document.createElement('li');item.textContent = data.message;document.getElementById('chat-log').appendChild(item);};document.getElementById('chat-message-submit').onclick = function(e) {const messageInputDom = document.getElementById('chat-message-input');const message = messageInputDom.value;socket.send(JSON.stringify({'message': message}));messageInputDom.value = '';};</script>
</body>
</html>

创建视图

在 chat/views.py 中创建视图。 

from django.shortcuts import renderdef room(request, room_name):return render(request, 'chat/room.html', {'room_name': room_name})

配置 URL

在 chat/urls.py 中配置 URL 路由。 

from django.urls import path
from . import viewsurlpatterns = [path('<str:room_name>/', views.room, name='room'),
]

运行开发服务器

启动 Django 开发服务器。 

python manage.py runserver

测试 WebSocket 连接

打开浏览器，访问 http://127.0.0.1:8000/chat/room_name/，其中 room_name 是你选择的房间名称。你应该能够看到聊天室页面，并且可以发送和接收消息。

总结

通过本文，你已经学习了如何使用 Django Channels 实现 WebSocket 实时通信。我们介绍了 Django Channels 的基本概念、环境搭建、项目结构、安装 Channels、配置 ASGI、编写消费者、运行开发服务器、测试 WebSocket 连接等内容。掌握了这些知识，将有助于你在实际工作中更好地利用 Django Channels 来构建实时功能，如聊天应用、实时通知等。
Django Channels 项目结构示例

使用 Django Channels 可以轻松实现 WebSocket 实时通信功能。
WebSocket 实时通信示例

相关文章：

使用Django Channels实现WebSocket实时通信

&#x1f493; 博客主页&#xff1a;瑕疵的CSDN主页 &#x1f4dd; Gitee主页&#xff1a;瑕疵的gitee主页 ⏩ 文章专栏&#xff1a;《热点资讯》 使用Django Channels实现WebSocket实时通信 Django Channels 简介 环境搭建 安装 Django 和 Channels 创建 Django 项目 配置 A…...

编程日记 2024/11/6 1:33:35

「Mac畅玩鸿蒙与硬件27」UI互动应用篇4 - 猫与灯的互动应用

本篇将带领你实现一个趣味十足的互动应用&#xff0c;用户点击按钮时猫会在一排灯之间移动&#xff0c;猫所在的位置灯会亮起&#xff08;on&#xff09;&#xff0c;其余灯会熄灭&#xff08;off&#xff09;。应用会根据用户的操作动态更新灯光状态和文本提示当前亮灯的位置&…...

编程日记 2024/11/6 1:32:34

Spring-Day4

12.HelloSpring <?xml version"1.0" encoding"UTF-8"?> <beans xmlns"http://www.springframework.org/schema/beans"xmlns:xsi"http://www.w3.org/2001/XMLSchema-instance" xmlns:util"http://www.springframework…...

编程日记 2024/11/6 1:31:32

C#-类：成员属性

数据成员 ≠ 属性 成员属性 属性可以理解为一种封装 成员属性概念&#xff1a;一般是用来保护成员变量的 成员属性的使用和变量一样&#xff0c;外部用对象点出 get中需要return内容 &#xff1b; set中用value表示传入的内容 get和set语句块中可以加逻辑处理。应用&#…...

编程日记 2024/11/6 1:29:31

qt QDragEnterEvent详解

1、概述 QDragEnterEvent是Qt框架中用于处理拖放进入事件的一个类。当用户将一个拖拽对象&#xff08;如文件、文本或其他数据&#xff09;拖动到支持拖放操作的窗口部件&#xff08;widget&#xff09;上时&#xff0c;系统会触发QDragEnterEvent事件。这个类允许开发者在拖拽…...

编程日记 2024/11/6 1:28:30

Vue项目与IE浏览器的兼容性分析(Vue|ElementUI)

总体分析 Vue.js的兼容性在不同版本间有所差异&#xff0c;具体针对IE浏览器的推荐版本如下&#xff1a; Vue 2.x 官方支持&#xff1a;Vue 2.x版本官方宣布支持IE9及以上版本的IE浏览器。限制与Polyfill&#xff1a;虽然Vue 2.x支持IE9及以上版本&#xff0c;但在使用时可能…...

编程日记 2024/11/6 1:27:29

【C++之STL】一文学会使用 string

文章目录 1. STL导读1. 1 什么是STL1. 2 STL的版本1. 3 STL六大组件1. 4 STL的重要性1. 5 STL的学习1. 6 STL系列博客的规划 2. string2. 1 为什么学习string类?2. 2 标准库中的string2. 3 基本构造2. 4 尾插与输出运算符重载2. 5 构造函数2. 6 赋值运算符重载2. 7 容量操作2.…...

编程日记 2024/11/6 1:25:26

好用的办公套件--- ONLYOFFICE

目录 引言 UI界面 ONLYOFFICE 协作空间 使用协作空间三步走 一、注册与登录 二、创建房间 三、上传与编辑文档 ONLYOFFICE协作空间的安全性 ONLYOFFICE 文档 关于 ONLYOFFICE 引言 ONLYOFFICE 桌面编辑器 ONLYOFFICE是一款功能全面的办公套件&#xff0c;支持文档、表…...

编程日记 2024/11/6 1:24:25

Android View事件分发

目录 1.什么是View事件分发&#xff1f; 2.事件的类型 3.事件的发生 4.事件分发的方法 4.1 dispatchTouchEvent() 4.2 onTouchEvent() 4.3 onInterceptTouchEvent() 5.滑动冲突 5.1 外部拦截法 5.2内部拦截法 6.onTouch的执行高于onClick 7. onTouch()和onTouchEve…...

编程日记 2024/11/6 1:22:24

攻防世界GFSJ1229 Three

​ 题目编号&#xff1a;GFSJ1229 解题过程 1. 附件下载是三个压缩包A.zip B.zip C.zip和一个python程序Three.py 2. A.zip可以直接解压出来&#xff0c;内容如下: 2022-08-27 20:16:04.246131 Func A0*X0B0 2022-08-27 20:16:05.116859 Read_Data A0.txt->A0(28829613228…...

编程日记 2024/11/6 1:20:22

2023 icpc杭州（M,J,D,G,H）

文章目录 [M. V-Diagram](https://codeforces.com/gym/104976/problem/M)[J. Mysterious Tree](https://codeforces.com/gym/104976/problem/J)[D.Operator Precedence](https://codeforces.com/gym/104976/problem/D)[G. Snake Move](https://codeforces.com/gym/104976/probl…...

编程日记 2024/11/6 1:18:20

在CentOS 7上安装Alist

在CentOS 7上安装Alist 的步骤如下&#xff1a; 1. 卸载旧版本 如果你之前安装过旧版本的Docker&#xff0c;可以先卸载它&#xff1a; sudo yum remove docker docker-common docker-snapshot docker-engine2. 安装依赖包 确保你的系统是最新的&#xff0c;并安装必要的依…...

编程日记 2024/11/6 1:17:19

【C/C++】memcpy函数的模拟实现

零.导言 上一篇博客我们学习了memcpy函数&#xff0c;不妨我们现在尝试模拟实现memcpy函数的功能。 一.实现memcpy函数的要点 memcpy函数是一种C语言内存函数&#xff0c;可以按字节拷贝任意类型的数组&#xff0c;因此我们自定义的模拟函数需要两个无类型的指针参数&#xff…...

编程日记 2024/11/6 1:15:17

嵌入式开发之线程互斥

目录 互斥锁初始化-pthread_mutex_init 申请锁-pthread_mutex_lock 释放锁-pthread_mutex_unlock 同步 VS 互斥 临界资源：一次只允许一个任务（进程、线程）访问的共享资源，不允许多个任务同时访问的。 临界区：访问临界区的代码 互斥机制：mutex互斥锁，任务访问临界资…...

编程日记 2024/11/6 1:12:14

JavaScript 变量作用域与函数调用机制：var 示例详解

JavaScript 变量作用域与函数调用机制&#xff1a;var 示例详解 在 JavaScript 中&#xff0c;作用域和闭包是理解变量生命周期和行为的核心概念。通过以下这段代码&#xff0c;我们将详细分析如何在不同的作用域内使用 var 关键字&#xff0c;并解释相关的变量访问规则 代码解…...

编程日记 2024/11/6 1:10:10

Linux（CentOS）安装 JDK

1、下载 JDK 官网&#xff1a;https://www.oracle.com/ 2、上传 JDK 文件到 CentOS&#xff0c;使用FinalShell远程登录工具&#xff0c;并且使用 root 用户登录 3、解压 JDK 创建目录 /export/server mkdir -p /export/server 解压到目录 /export/server tar -zxvf jdk-17…...

编程日记 2024/11/6 1:08:07

AI产品经理实战手册：策略、开发与商业化指南

通过《AI产品经理手册》&#xff0c;将可以了解不同类型的AI&#xff0c;如何将AI整合到产品或业务中&#xff0c;以及支持创建AI产品或将AI集成到现有产品所需的基础设施。熟悉实践管理AI产品开发流程、评估和优化AI模型&#xff0c;以及应对与AI产品相关的复杂伦理和法律问题…...

编程日记 2024/11/6 1:07:06

【大语言模型】ACL2024论文-06 探索思维链COT在多模态隐喻检测中的应用

【大语言模型】ACL2024论文-06 探索思维链COT在多模态隐喻检测中的应用 目录 文章目录 【大语言模型】ACL2024论文-06 探索思维链COT在多模态隐喻检测中的应用目录摘要研究背景问题与挑战如何解决创新点算法模型1. 知识总结模块&#xff08;Knowledge Summarization Module&…...

编程日记 2024/11/6 1:05:03

Linux之初体验

目录 第1关&#xff1a;1-Linux初体验 第2关&#xff1a;1-Linux常用命令 第3关&#xff1a;1-Linux 查询命令帮助语句 第4关&#xff1a;2--查询命令-locate 第5关&#xff1a;2--查询命令-which/whereis 第6关&#xff1a;2--查询命令-find 第7关&#xff1a;3-Linux文…...

编程日记 2024/11/6 1:00:57

现代化水电管理：Spring Boot在大学城的实践

2相关技术 2.1 MYSQL数据库 MySQL是一个真正的多用户、多线程SQL数据库服务器。 是基于SQL的客户/服务器模式的关系数据库管理系统&#xff0c;它的有点有有功能强大、使用简单、管理方便、安全可靠性高、运行速度快、多线程、跨平台性、完全网络化、稳定性等&#xff0c;非常…...

编程日记 2024/11/6 0:58:54

LangGraph多智能体能力路由：动态专家选择与负载均衡

LangGraph多智能体能力路由&#xff1a;动态专家选择与负载均衡一、引言 钩子 你是否遇到过这种情况&#xff1a; 当你构建了一个由多个大模型或专业Agent组成的“超级团队”——有的精通数学推理、有的擅长代码生成、有的是情感分析小能手、还有的能写长篇技术文档——却发现整…...

编程新知 2026/5/24 9:26:47

GHelper终极指南：像调音师一样掌控你的ROG笔记本散热系统

GHelper终极指南&#xff1a;像调音师一样掌控你的ROG笔记本散热系统 【免费下载链接】g-helper Lightweight Armoury Crate alternative for Asus laptops with nearly the same functionality. Works with ROG Zephyrus, Flow, TUF, Strix, Scar, ProArt, Vivobook, Zenbook,…...

编程新知 2026/5/24 7:51:35

量子机器学习数据集构建：从核心要素到工程实践

1. 量子机器学习数据集构建&#xff1a;从分类到实践的核心思路量子机器学习&#xff08;QML&#xff09;这个领域&#xff0c;现在就像十年前的深度学习&#xff0c;概念很热&#xff0c;但真正能上手、能复现、能出成果的“基础设施”还非常稀缺。我接触过不少从经典机器学习…...

编程新知 2026/5/24 6:02:05

数字-模拟量子机器学习：NISQ时代AI的务实路径

1. 量子机器学习&#xff1a;当AI遇见量子世界最近几年&#xff0c;一个词在科技圈里被反复提及&#xff1a;量子优势。听起来很科幻&#xff0c;对吧&#xff1f;但如果你深入了解一下当前最前沿的量子计算硬件——那些被称为NISQ&#xff08;含噪声中等规模量子&#xff09;的…...

编程新知 2026/5/24 5:47:23

机器学习力场与恒电位模拟：原子尺度揭示锂枝晶成核机制

1. 项目概述&#xff1a;当机器学习“遇见”电化学界面模拟研究锂金属电池&#xff0c;最让人头疼的问题之一就是锂枝晶。这东西就像电池内部的“定时炸弹”&#xff0c;在充放电过程中&#xff0c;锂离子不均匀地沉积在负极表面&#xff0c;形成树枝状的突起。它们不仅会刺穿隔…...

编程新知 2026/5/24 5:39:00

昇腾CANN ops-blas Batched GEMM：多头注意力的小矩阵乘批处理实战

Transformer 的 Multi-Head Attention 有 H 个注意力头——每个头独立做矩阵乘&#xff08;QhKh^T、AttnVh&#xff09;。H32 时&#xff0c;一个 BatchNorm 后面紧跟着 32 个小矩阵乘&#xff08;每个头独立&#xff09;。单独启动 32 次 GEMM 会有 32 次 launch 开销&#xf…...

编程新知 2026/5/24 5:14:51

ThinkPad装Win10总报错？别急着找驱动，先试试换个USB口（亲测E540有效）

ThinkPad安装Win10报错&#xff1f;先别折腾驱动&#xff0c;USB接口兼容性才是关键最近给一台老款ThinkPad E540重装Windows 10系统时&#xff0c;遇到了一个令人抓狂的问题——安装程序总是提示"找不到设备驱动程序"。和大多数用户一样&#xff0c;我第一反应是去联…...

编程新知 2026/5/24 3:02:00

Unity安装包瘦身实战：从2.3GB到680MB的工程化治理

1. 为什么一个500MB的Unity项目打包后会变成3GB&#xff1f;——安装包膨胀的真实逻辑“Unity安装包减肥”这六个字&#xff0c;听起来像在给软件做瑜伽&#xff0c;但实际是每个上线前夜都在咬牙硬扛的生存战。我做过7个已上线的Unity手游项目&#xff0c;最深的体会是&#x…...

编程新知 2026/5/24 2:14:44

ArcGIS Pro 3.7 重磅升级！这四大模块更新，让GIS效率翻倍

ArcGIS Pro 3.7 正式发布&#xff0c;这次不仅性能大幅提升&#xff0c;还带来了 GeoAI 工具集、实时等高线、本地知识图谱等一系列“黑科技”。无论你是制图师、空间分析师还是开发者。 01 性能与生产力&#xff1a;更快、更顺、更好找 新增「分析地图」窗格 可量化评估地图的…...

编程新知 2026/5/24 2:00:41

虚幻引擎Pak文件可视化分析工具原理与实践

1. 为什么一个Pak文件查看器值得花两周重写三遍&#xff1f;虚幻引擎项目打包后生成的.pak文件&#xff0c;对绝大多数开发者来说就是个“黑盒”——你清楚它装着所有资源&#xff1a;贴图、音频、蓝图、关卡数据&#xff0c;甚至UAsset序列化后的二进制结构&#xff1b;但你完…...

编程新知 2026/5/24 1:31:38