# settings.py:

INSTALLED_APPS = [

    'django.contrib.admin',

    'django.contrib.auth',

    'django.contrib.contenttypes',

    'django.contrib.sessions',

    'django.contrib.messages',

    'django.contrib.staticfiles',

    'channels',

]

ASGI_APPLICATION = "webSokect.routing.application"
# routing.py

#!/usr/bin/env python

# -*- coding:utf-8 -*-

from channels.routing import ProtocolTypeRouter, URLRouter

from django.conf.urls import url

from api import consumers

application = ProtocolTypeRouter({

    'websocket': URLRouter([

        url(r'^chat/$', consumers.ChatConsumer),

    ])

})
# consumers.py

#!/usr/bin/env python

# -*- coding:utf-8 -*-

from channels.generic.websocket import WebsocketConsumer

from channels.exceptions import StopConsumer

CLIENTS = []

class ChatConsumer(WebsocketConsumer):

    def websocket_connect(self, message):

        self.accept()

        CLIENTS.append(self)

    def websocket_receive(self, text_data=None, bytes_data=None):

        # print("message",text_data)

        for item in CLIENTS:

            item.send(text_data['text'])

        # self.send(text_data['text'])

    def websocket_disconnect(self, message):

        print('客户端断开连接了')

        CLIENTS.remove(self)

        raise StopConsumer()
# chat.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Talking</title>

    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">

    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>

    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>

    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>

    <style>

        #taking {

            width: 100%;

            height: 700px;

            background: #42fbff;

        }

    </style>

</head>

<body>

<div id="app" class="container">

    <div class="card-header">在线聊天室</div>

    <div id="taking">

        <ul id="uls">

        </ul>

    </div>

    <div style="width: 100%;height: 80px">

        <textarea type="text" id="txt" placeholder="请输入内容" style="width: 100%;height: 100%"></textarea>

    </div>

    <button class="btn btn-primary" style="width: 100px" id="sendMsg">发送</button>

    <button class="btn btn-danger" style="width: 100px" id="close">断开连接</button>

</div>

</body>

</html>

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>

<script>

    var ws = new WebSocket("ws://127.0.0.1:8001/chat/")

    // 检测是否连接成功

    ws.onopden = function(event){

        console.log("成功连接");

    };

    // 接受消息

    ws.onmessage = function(event){

        {#console.log("消息",event.data);#}

        var tag = $("<li>" + event.data + "</li>")

        {#console.log(tag)#}

        {#tag.text(event.data)#}

        $("#uls").append(tag)

    }

    // 发送

    $("#sendMsg").click(function () {

        ws.send($("#txt").val())

    })

    // 关闭

    $("#close").click(function () {

        ws.close()

        console.log("断开成功");

    })

</script>

【webSokect】基于django Channels的简单实现的更多相关文章

  1. 基于django的自定义简单session功能

    基于django的自定义简单session功能 简单思路: 1.建立自定义session数据库 2.登入时将用户名和密码存入session库 3.将自定义的随机session_id写入cookie中 ...

  2. 通过Django Channels设计聊天机器人WEB框架

    这两个月都在忙着设计针对银联客服业务的智能聊天机器人,上一周已经交完设计报告,这一周还和部门同事一起分享了系统设计及运行效果.因为时间的关系,系统原型我使用了Flask+jQuery的组合,感觉用以原 ...

  3. web 框架的本质及自定义web框架 模板渲染jinja2 mvc 和 mtv框架 Django框架的下载安装 基于Django实现的一个简单示例

    Django基础一之web框架的本质 本节目录 一 web框架的本质及自定义web框架 二 模板渲染JinJa2 三 MVC和MTV框架 四 Django的下载安装 五 基于Django实现的一个简单 ...

  4. 基于Django进行简单的微信开发

    代码地址如下:http://www.demodashi.com/demo/11756.html 一.微信公众号的准备: 1. 注册 访问地址:https://mp.weixin.qq.com/ 按照提 ...

  5. 实时 Django 终于来了 —— Django Channels 入门指南

    Reference: http://www.oschina.net/translate/in_deep_with_django_channels_the_future_of_real_time_app ...

  6. Django Channels 入门指南

    http://www.oschina.NET/translate/in_deep_with_django_channels_the_future_of_real_time_apps_in_django ...

  7. 【翻译】Django Channels 官方文档 -- Tutorial

    Django Channels 官方文档 https://channels.readthedocs.io/en/latest/index.html 前言: 最近课程设计需要用到 WebSocket,而 ...

  8. 【Django】基于Django架构网站代码的目录结构

     经典的Django项目源码目录结构 Django在一个项目的目录结构划分方面缺乏必要的规范.在Django的官方文档中并没有给出大型项目的代码建议目录结构,网上的文章也是根据项目的不同结构也有适当的 ...

  9. 基于django的视频点播网站开发

    项目名称 基于django的视频点播网站开发 项目背景 学习完毕python和django之后,想找个项目练练手,本来想写个博客项目练手,无奈别人已经写过了,所以笔者就打算写一个视频点播网站,因为笔者 ...

随机推荐

  1. python 产生随机函数random

    random是内建(built-in)函数,作用是产生随机数 导入模块: 接着就可以调用random模块下的函数了使用 dir(random)可以查看random模块下有哪些函数,结果如下: 最常用的 ...

  2. python知识点整理一

    1.数组元素之和 解法一 from functools import reduce list=[1,3,5,7,9,34] print(reduce(lambda x,y:x+y,list)) 解法二 ...

  3. Activity去掉标题不成功的解决方法

    在设置Activity去掉标题的时候遇到的问题,记录一下. 一般会有以下两种方式: 1.Activity中设置 this.requestWindowFeature(Window.FEATURE_NO_ ...

  4. poj2187 Beauty Contest （凸包 + 旋转卡壳）

    Beauty Contest Time Limit: 3000MS   Memory Limit: 65536K Total Submissions: 38349   Accepted: 11851 ...

  5. 看完本文若不能让你学通“Python”，我将永远退出IT界

    学Python,切忌今天这学一点,明天那里学一点,零零散散没有系统的学习.这样不仅耽搁大家时间,久而久之也会消磨大家学习的兴致!这里给大家总结了一张系统的Python学习路线图!希望大家共勉! Pyt ...

  6. 010_Markdown学习

    目录 Markdown学习 标题 三级标题 四级标题 五级标题 六级标题 字体 引用 分割线 图片 超链接 列表 表格 代码 Markdown学习 标题 三级标题 四级标题 五级标题 六级标题 字体 ...

  7. Stimulsoft报表工具中属性表达式设置属性表达式

    Stimulsoft仪表工具实现所需的数据可视化和自己的信息图表.该产品能够应用必要的过滤器和排序,汇总数据,执行任何复杂度的计算.该产品的优势在于其多功能性-能够为您的业务,财务,销售,行业等任何领 ...

  8. 活动可视化搭建系统——你的KPI被我承包了

    前言 对于C端业务偏多的公司来说,在增长.运营等各方同学的摧残下永远绕不过去的一个坑就是大量的H5页面开发,它可能是一个下载.需求告知.产品介绍.营销活动等页面.此类需求都有几个明显的缺点: •开发性 ...

  9. 【开源】使用.Net Core和GitHub Actions实现哔哩哔哩每日自动签到、投币、领取奖励

    BiliBiliTool是一个B站自动执行任务的工具,使用.NET Core编写,通过它可以实现B站帐号的每日自动观看.分享.投币视频,获取经验,每月自动领取会员权益.自动为自己充电等功能,帮助我们轻 ...

  10. Java学习的第三十七天

    1.例3.1求一元二次方程的根 import java.util.Scanner; public class cjava { public static void main(String[]args) ...