一、安装模块

pip install channels

pip install channels-redis

二、代码

#websocket_v1/settings.py

INSTALLED_APPS = [

    'django.contrib.admin',

    'django.contrib.auth',

    'django.contrib.contenttypes',

    'django.contrib.sessions',

    'django.contrib.messages',

    'django.contrib.staticfiles',

    "app01.apps.App01Config",

    "channels"

]

ASGI_APPLICATION="websocket_v1.routing.application"

CHANNEL_LAYERS={

    "default":{

        "BACKEND":"channels_redis.core.RedisChannelLayer",

        "CONFIG":{

            "hosts":["redis://:123456@127.0.0.1:6379/0"]

        }

    }

}
#websocket_v1/urls.py

from django.contrib import admin

from django.conf.urls import include, url

from app01 import views

urlpatterns = [

    url(r'^admin/', admin.site.urls),

    url(r'^$', views.index),

    url(r'^chat/', include('app01.urls')),

]
#websocket_v1/routing.py

from channels.auth import AuthMiddlewareStack

from channels.routing import ProtocolTypeRouter,URLRouter

from app01 import routing

application=ProtocolTypeRouter({

    "websocket":AuthMiddlewareStack(

        URLRouter(

            routing.websocket_urlpatterns

        )

    ),

})
#app01/urls.py

from django.urls import re_path

from . import views

urlpatterns = [

    re_path(r'^$', views.index, name='index'),

    re_path(r'^(?P<room_name>[^/]+)/$', views.room, name='room'),

]
#app01/routing.py

from django.urls import re_path

from . import consumers

websocket_urlpatterns=[

    re_path(r'^ws/chat/(?P<room_name>[^/]+)/$',consumers.Chatting),

]
#app01/consumers.py

from channels.generic.websocket import AsyncWebsocketConsumer

import json

class Chatting(AsyncWebsocketConsumer):

    async def connect(self):

        print(self.scope)

        self.room_name = self.scope['url_route']['kwargs']['room_name']

        self.room_group_name='chat_%s' % 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

        )

    async def receive(self, text_data=None, bytes_data=None):

        text_data_json=json.loads(text_data)

        message=text_data_json["message"]

        print(message)

        await self.channel_layer.group_send(

            self.room_group_name,

            {

                "type":"chat_message",

                "message":message

            }

        )

    async def chat_message(self,event):

        message="匿名聊天:"+event["message"]

        print("返回")

        await self.send(text_data=json.dumps(

            {"message":message}

        ))
#app01/views.py

from django.shortcuts import render

from django.utils.safestring import mark_safe

import json

def index(request):

    return render(request, 'chat/index.html', {})

def room(request, room_name):

    return render(request, 'chat/room.html', {

        'room_name_json': mark_safe(json.dumps(room_name))

    })
#index.html

<!-- chat/templates/chat/index.html -->

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8"/>

    <title>Chat Rooms</title>

</head>

<body>

    What chat room would you like to enter?<br/>

    <input id="room-name-input" type="text" size=""/><br/>

    <input id="room-name-submit" type="button" value="Enter"/>

    <script>

        document.querySelector('#room-name-input').focus();

        document.querySelector('#room-name-input').onkeyup = function(e) {

            if (e.keyCode === 13) {  // enter, return

                document.querySelector('#room-name-submit').click();

            }

        };

        document.querySelector('#room-name-submit').onclick = function(e) {

            var roomName = document.querySelector('#room-name-input').value;

            window.location.pathname = '/chat/' + roomName + '/';

        };

    </script>

</body>

</html>
#chat.html

<!-- chat/templates/chat/room.html -->

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8"/>

    <title>Chat Room</title>

</head>

<body>

    <textarea id="chat-log" cols="" rows=""></textarea><br/>

    <input id="chat-message-input" type="text" size=""/><br/>

    <input id="chat-message-submit" type="button" value="Send"/>

</body>

<script>

    var roomName = {{ room_name_json }};

    var chatSocket = new WebSocket(

        'ws://' + window.location.host +

        '/ws/chat/' + roomName + '/');

    chatSocket.onmessage = function(e) {

        var data = JSON.parse(e.data);

        var message = data['message'];

        document.querySelector('#chat-log').value += (message + '\n');

    };

    chatSocket.onclose = function(e) {

        console.error('Chat socket closed unexpectedly');

    };

    document.querySelector('#chat-message-input').focus();

    document.querySelector('#chat-message-input').onkeyup = function(e) {

        if (e.keyCode === 13) {  // enter, return

            document.querySelector('#chat-message-submit').click();

        }

    };

    document.querySelector('#chat-message-submit').onclick = function(e) {

        var messageInputDom = document.querySelector('#chat-message-input');

        var message = messageInputDom.value;

        chatSocket.send(JSON.stringify({

            'message': message

        }));

        messageInputDom.value = '';

    };

</script>

</html>

django_websocket实现简单聊天室的更多相关文章

  1. 基于Server-Sent Event的简单聊天室　Web 2.0时代，即时通信已经成为必不可少的网站功能，那实现Web即时通信的机制有哪些呢？在这门项目课中我们将一一介绍。最后我们将会实现一个基于Server-Sent Event和Flask简单的在线聊天室。

    基于Server-Sent Event的简单聊天室 Web 2.0时代,即时通信已经成为必不可少的网站功能,那实现Web即时通信的机制有哪些呢?在这门项目课中我们将一一介绍.最后我们将会实现一个基于S ...

  2. Python Socket 简单聊天室2

    上篇文章写了一个简单的单线程的一问一答的简单聊天室.这次我们使用SocketServer模块搭建一个多线程异步的聊天室. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 ...

  3. Asp.Net SignalR - 简单聊天室实现

    简单聊天室 使用持久链接类我们就可以做一些即时通讯的应用了,我使用Group做了一个简单的聊天室,先上图技术细节下面再讲 可以加入聊天室.创建聊天室.发送消息,下面就说说我是如何通过Group做出来的 ...

  4. SpringBoot 搭建简单聊天室

    SpringBoot 搭建简单聊天室(queue 点对点) 1.引用 SpringBoot 搭建 WebSocket 链接 https://www.cnblogs.com/yi1036943655/p ...

  5. ASP.NET SingalR + MongoDB 实现简单聊天室（一）：搭建基本框架

    ASP.NET SingalR不多介绍.让我介绍不如看官网,我这里就是直接上源代码,当然代码还是写的比较简单的,考虑的也少,希望各位技友多多提意见. 先简单介绍聊天室功能: 用户加入聊天室,自动给用户 ...

  6. 利用socket.io+nodejs打造简单聊天室

    代码地址如下:http://www.demodashi.com/demo/11579.html 界面展示: 首先展示demo的结果界面,只是简单消息的发送和接收,包括发送文字和发送图片. ws说明: ...

  7. C#实例之简单聊天室（状态管理）

    前言        状态管理是在同一页或不同页的多个请求发生时,维护状态和页信息的过程.因为Web应用程序的通信协议使用了无状态的HTTP协议,所以当客户端请求页面时,ASP.NET服务器端都会重新生 ...

  8. java web利用mvc结构实现简单聊天室功能

    简单聊天室采用各种内部对象不适用数据库实现. 一个聊天室要实现的基本功能是:         1.用户登录进入聊天室, 2.用户发言 3.用户可以看见别人发言 刚才算是简单的需求分析了,现在就应该是进 ...

  9. C#基于Socket的简单聊天室实践

    序:实现一个基于Socket的简易的聊天室,实现的思路如下: 程序的结构:多个客户端+一个服务端,客户端都是向服务端发送消息,然后服务端转发给所有的客户端,这样形成一个简单的聊天室功能. 实现的细节: ...

随机推荐

  1. PHP filter_has_var() 函数

    「大理石平台」大理石平台上的裂缝是怎么回事? 定义和用法 filter_has_var() 函数检查是否存在指定输入类型的变量. 如果成功则返回 TRUE,如果失败则返回 FALSE. 语法 filt ...

  2. sql格式化工具推荐

    还在为上百行甚至上千行冗余的sql烦恼吗?这里推荐一款在线美化sql的工具 工具地址:http://www.matools.com/sql 怎么样,黑屏界面是不是带有满满的黑科技感? 该工具支持ora ...

  3. 【SQL】链接服务器

    最近做项目,需要对两个数据库进行同步操作,所以采用在Server SQL中建立链接服务器方式实现. 链接服务器,可以直接访问/操作其他服务器上的数据库表. 1.连接SQL Server链接服务器 EX ...

  4. windbg show args after breakpoint

    bp ntdll!NtOpenFile ".echo ####################;du poi(ebp+8);.echo ########################;&q ...

  5. 2019牛客多校第⑨场D Knapsack Cryptosystem(折半搜索)

    原题:https://ac.nowcoder.com/acm/contest/889/D 题意: 给定大小为n(<=36)的集合a,整数s,求a的一个和为s的子集(有且只有一个) 思路: 直接搜 ...

  6. Java.io包

    Java.io.BufferedInputStream 类添加功能到另一个输入流,缓冲输入以及支持mark和reset methods.Following是关于缓冲输入流的要点: 当创建缓冲输入,创建 ...

  7. git清理工作区

    git clean -f 这将删除所有未被追踪的文件 git rev-list

  8. Pyhton第八节 字典补充

    Python 字典的基本元素是键值对(key-value), 每个键值对的key和value之间用:分割:每个键值对之间用,分割:整个键值对用花括号{}包围 字典内的键(key)必须唯一,值不需要唯一 ...

  9. Javascript中的Date()对象

    创建一个指定的事件对象 需要在构造函数中传递一个表示时间的字符串作为参数例:var d2=new Date("8/27/2019"); 如果直接使用构造函数创建一个Date对象,则 ...

  10. 解决.Net MVC 中出现 非介入式客户端验证规则中的验证类型名称必须唯一。下列验证类型出现重复: required 的bug

    最近在开动科技创新作品的开发,出现了一个让人很烦恼的错误,每次从浏览页跳转到编辑页时就会出现一下错误 非介入式客户端验证规则中的验证类型名称必须唯一.下列验证类型出现重复: required 上一下出 ...