一、安装模块

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. REF游标

    ----4.7 ref游标(loop循环) /*** 怎么使用  REF游标 ?  ①声明REF 游标类型,确定REF 游标类型:   ⑴强类型REF游标:指定retrun type,REF 游标变量 ...

  2. PHP面向对象：instanceof 运算符

    http://www.nowamagic.net/php/php_InstanceofOperator.php 在PHP5中,通过方法传递变量的类型有不确定性.于是我们很难判断,一些操作是否可以运行. ...

  3. lnmp 一键安装详解

    1.使用putty或类似的SSH工具登陆VPS或服务器: 登陆后运行:screen -S lnmp 如果提示screen: command not found 命令不存在可以执行:yum instal ...

  4. rsync和rsync后台模式

    注意(有软连接的rsync同步,-L可以把软链接里的当普通文件同步.-l 只同步软链接不同步软链接指向的目录或文件) rsync命令详解 rsync -a 归档模式 ,表示以递归方式传输文件,并保持所 ...

  5. 极限IO优化

    namespace IO{ #define BUF_SIZE 100000 #define OUT_SIZE 100000 #define ll long long //fread->read ...

  6. Github上的SlidingMenu菜单的使用方法

    GitHub上的SlidingMenu的配置方法 1. 首先明确SlidingMenu是什么? 2. 如何使用SlidingMenu框架呢? GitHub上的SlidingMenu的配置方法 1. 首 ...

  7. SCI小论文投稿记录

    英文小论文投的是SCI 3区的一个刊物,收录在spring,ei等, 投稿的时候2019/2/3影响因子2.8左右 现在2019/8/13  影响因子3.844 先科普下论文的各个状态 1. Subm ...

  8. jpql简单l查询

    JPQL全称Java Persistence Query Language package com.ytkj.entity; import javax.persistence.*; import ja ...

  9. Java构造函数(构造器)

    构造函数是用于在对象创建后立即初始化对象的代码块.构造函数的结构看起来类似于一个方法. 声明构造函数 构造函数声明的一般语法是: 1 2 3 <Modifiers> <Constru ...

  10. Python列表推导式中使用if-else

    data_list=[] col=["a", "b", "c", "d"] jdata={"a":1 ...