websocket 介绍

.用户A 给 用户B 发送一条消息

    问 用户B 多久可以收到 用户A 的消息

    电子邮件 - 可能是 一周期的时间 及时性很差

    传达室大爷 - 消息托付 及时性很差

    即时通讯 - 连接不断开的

.轮询 长轮询 长连接

    .轮询  Http

        - 每秒钟发起至少100次，请求收取消息

        - 客户端有一定的处理能力

        - 服务器有极快的处理速度

        缺点：客户端服务器，浪费资源严重，带宽浪费

    .长轮询 Http

        先去连接服务器，不断开连接，保持一定时间，断开瞬间再次发起连接

        - 浪费服务器资源严重

        - 节省客户端资源

        - 相对实时性消息

    .长连接 基于Http发起握手

        保持和服务器的长连接永不断开 除非有一端主动发起断开请求

        - 发是发 收是收 互不影响

        - 在客户端 和 服务器上 各有一个轮询

        - 双端分担压力

        - 消息及时性

        缺点：占用连接资源，占用网络资源

轮询

服务器主动给客户端发送消息

    Web - Socket

    客户端 与 服务器 达成一个协议

    websocket 客户端 与 websocket 服务器  达成一个websocket协议
介绍引自  https://segmentfault.com/a/1190000012709475

群聊

from flask import Flask, request, render_template

from geventwebsocket.handler import WebSocketHandler

from gevent.pywsgi import WSGIServer

from geventwebsocket.websocket import WebSocket  #语法提示用

app = Flask(__name__) #实例化

user_socket_list = []

@app.route('/conn_ws')  #http 协议,

def ws_app():

    user_socket = request.environ.get('wsgi.websocket')  #type:WebSocket

    user_socket_list.append(user_socket)

    print(len(user_socket_list),user_socket_list)

    while True:    # user_socket 是一个内存地址

        msg =  user_socket.receive()  #  hang 住了

        print(msg)

        for usocket in user_socket_list:

            usocket.send(msg)

    # print(request.environ)

    # print(request.environ.get('wsgi.websocket'))#

    # --> <geventwebsocket.websocket.WebSocket object at 0x0379A9D0>  ws对象

    # return '555'  # 遇到retur就断了

    # 状态1 已经开启了

    # 3 开启了,断开了

@app.route('/')

def index():

    return render_template('my_ws.html')

if __name__ == '__main__':

    # app.run()

    http_serv = WSGIServer(('0.0.0.0',9009),app,handler_class=WebSocketHandler)  # 应用程序网关接口

    http_serv.serve_forever() 
# 前端页面
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>群聊</title>

</head>

<body>

<input type="text" id="send_str">

<button id="send_btn" onclick="send()">发消息</button>

<div id="chat_list">

</div>

</p>

</body>

<script type="text/javascript">

    var ws = new WebSocket('ws://192.168.11.124:9009/conn_ws');

    <!-- 创建连接 -->

    ws.onmessage = function (messageEvent) {

        console.log(messageEvent.data);

        var ptag = document.createElement('p');

        ptag.innerText = messageEvent.data;

        document.getElementById('chat_list').appendChild(ptag);

    };

    function send() {

        var send_str = document.getElementById('send_str').value;

        ws.send(send_str);

    }

</script>

</html>

单聊

from flask import Flask, request, render_template

from geventwebsocket.handler import WebSocketHandler

from gevent.pywsgi import WSGIServer

from geventwebsocket.websocket import WebSocket

import json

app = Flask(__name__)

user_socket_dict = {}  # 字典

@app.route('/conn_ws/<user_nick>')  #http 协议,

def ws_app(user_nick):

    user_socket = request.environ.get('wsgi.websocket')  #type:WebSocket

    user_socket_dict[user_nick] = user_socket  # { 昵称:user信息 }

    print(len(user_socket_dict), list(user_socket_dict.keys()))

    while True:    # user_socket 是一个内存地址

        msg =  user_socket.receive()  #  hang 住了

        msg_dict = json.loads(msg)

        to_user = msg_dict.get('to_user')

        to_user_socket =  user_socket_dict.get(to_user)

        to_user_socket.send(msg)

        print(msg)

        # user_socket.send(msg)

    # print(request.environ.get('wsgi.websocket'))#

    # --> <geventwebsocket.websocket.WebSocket object at 0x0379A9D0>  ws对象

    # return '555'  # 遇到retur就断了

    # 状态1 已经开启了

    # 3 开启了,断开了

@app.route('/')

def index():

    return render_template('my_ws.html')

if __name__ == '__main__':

    # app.run()

    http_serv = WSGIServer(('0.0.0.0',9009),app,handler_class=WebSocketHandler)  # 应用程序网关接口

    http_serv.serve_forever()
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>单聊</title>

</head>

<body>

<p><input type="text" id="nick">

    <button onclick="login()">登陆聊天室</button>

</p>

发送给: <input type="text" id="to_user"> 消息: <input type="text" id="send_str">

<button id="send_btn" onclick="send()">发消息</button>

<p>

<div id="chat_list">

</div>

</p>

</body>

<script type="text/javascript">

    var ws = null;  //公共变量,

    function login() {

        var nick = document.getElementById('nick').value;

        ws = new WebSocket('ws://192.168.11.124:9009/conn_ws/'+nick); //登录时候创建连接

        ws.onmessage = function (messageEvent) {                           //等待消息

            console.log(messageEvent.data);

            var ptag = document.createElement('p');

             var message = JSON.parse( messageEvent.data);

            ptag.innerText =message.from_user + ' : '+ message.message ;

            document.getElementById('chat_list').appendChild(ptag);

        };

    }

    function send() {

        var message = document.getElementById('send_str').value;

        var send_str = {

            from_user:document.getElementById('nick').value,

            to_user:document.getElementById('to_user').value,

            message:message

        };

        var json_str = JSON.stringify(send_str);

        ws.send(json_str);

    }

    // js代码是异步代码;

</script>

</html>

websocket 群聊单聊的更多相关文章

  1. websocket 群聊,单聊,加密,解密

    群聊 from flask import Flask, request, render_templatefrom geventwebsocket.handler import WebSocketHan ...

  2. Flask请求上下文源码讲解，简单的群聊单聊web

    请求上下文流程图 群聊html代码 <!DOCTYPE html> <html lang="en"> <head> <meta chars ...

  3. websocket实现群聊和单聊(转)

    昨日内容回顾 1.Flask路由 1.endpoint="user" # 反向url地址 2.url_address = url_for("user") 3.m ...

  4. WebSocket群聊与单聊

    一 . WebSocket实现群聊 py文件代码 # py文件 from flask import Flask, render_template, request from geventwebsock ...

  5. websocket 实现单聊群聊 以及 握手原理+加密方式

    WebSocket 开始代码 服务端 群聊 # type:WebSocket 给变量标注类型 # websocket web + socket from geventwebsocket.server ...

  6. flask 第五章 WebSocket GeventWebsocket 单聊群聊 握手 解密 加密

    1.WebSocket 首先我们来回顾一下,我们之前用socket学习过的项目有: 1.django 2.flask 3.FTP - 文件服务 HTTP - TCP (特点): 1.一次请求,一次响应 ...

  7. Websocket实现群聊、单聊

    Websocket 使用的第三方模块:gevent-websocket 群聊 ws群聊.py中的内容 from flask import Flask, request, render_template ...

  8. spring websocket 和socketjs实现单聊群聊,广播的消息推送详解

    spring websocket 和socketjs实现单聊群聊,广播的消息推送详解 WebSocket简单介绍 随着互联网的发展,传统的HTTP协议已经很难满足Web应用日益复杂的需求了.近年来,随 ...

  9. 基于websocket的单聊.群聊

    关于ai.baidu.com的 代码: #########################################核心代码################################### ...

随机推荐

  1. 微信公开课厦门站 时尚行业专场PPT

    做为一位开发者,ytkah有幸参加了微信公开课厦门站-时尚行业专场,见证了微信支付的发展历程,小程序产品的实力简介,感受了一下与各位高手共聚一堂的氛围,当然还近距离接触了著名主持人兼NPC潮品(与潘玮 ...

  2. InnoDB缓冲池预加载在MySQL 5.7中的正确打开方式

    InnoDB缓冲池预加载在MySQL 5.7中的正确打开方式 https://mp.weixin.qq.com/s/HGa_90XvC22anabiBF8AbQ 在这篇文章里,我将讨论在MySQL 5 ...

  3. VS 2017 安装测试

    3月7日, VS 出了新的版本2017 安装效果如下: 不过官方说会改变VS 2015附件python 的方式,变成类似C++ 一样集成python语言包到VS中. 目前没有看见,大家如果有兴趣可以安 ...

  4. 1 认识开源性能测试工具jmeter

    典型的性能测试工具主要有2个,Load Runner和jmeter.Load Runner是商业化的,Jmeter是开源的.下面我们认识一下开源性能测试工具jmeter. 1.jmeter是什么? A ...

  5. shell字符串数组

    数组 声明数组 declare -a ARRAY_NAME declare -A ARRAY_NAME: 关联数组 注意:两者不可相互转换 数组名和下标(索引) 索引:编号从0开始,属于数值索引 注意 ...

  6. vue-自定义pc端键盘-动画

    <template> <div class="keyboard"> <div class="keyboard_key"> & ...

  7. vue中自定义软键盘

    https://segmentfault.com/a/1190000012568480

  8. python的mutable变量与immutable变量

    python的变量分为mutable(可变的)和immutable类型. mutable:dict, list immutable:int , string , float ,tuple..

  9. SSH管理

    Netcat, ProxyCommand, ssh config 之前一直使用密码登录,但是也是可以免密码登录的,只要你使用,在服务器端生产rsa加密密钥,再使用ssh-copy-id命令,把自己本地 ...

  10. sublime使用经验汇总

    1. source insight 会对某个修改频繁的文件做多次备份.我们用sublime进行多个文件搜索时,需要把备份的文件排除在外. e:\work\code\sourcev, *.h, *.cp ...