import json

from flask import Flask,request,render_template

from geventwebsocket.handler import WebSocketHandler  # 提供WS协议处理

from geventwebsocket.server import WSGIServer  # 承载服务

from geventwebsocket.websocket import WebSocket  # 语法提示

app = Flask(__name__)

@app.route("   ")

def    ():

    return 

if __name__ == '__main__':

    # app.run("0.0.0.0",9527)

    http_serv = WSGIServer(("0.0.0.0",9527),app,handler_class=WebSocketHandler)     ###WebSocketHandler 既能处理Http请求也能处理  Websocket请求

    http_serv.serve_forever()

　　

群聊1（。py）

 客户端

# 服务端

# Http  Flask 浏览器

# Websocket GeventWebsocket+Flask 客户端JavaScript（Websocket客户端）

from flask import Flask,request,render_template

from geventwebsocket.handler import WebSocketHandler  # 提供WS协议处理

from geventwebsocket.server import WSGIServer  # 承载服务

from geventwebsocket.websocket import WebSocket  # 语法提示

app = Flask(__name__)

user_socket_list = []

@app.route("/my_socket")

def my_socket():

    # 获取当前客户端与服务器的Socket连接  request.environ 获取的是请求的原始信息

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

    ###(<geventwebsocket.websocket.WebSocket object at 0x000001EC0B150E18>)   websocket连接

　　if user_socket:

        user_socket_list.append(user_socket)

        print(len(user_socket_list),user_socket_list)

    # print(user_socket,"OK 连接已经建立好了，接下来发消息吧")

　　while 1:

        msg = user_socket.receive()   #服务器等待  客户端发完消息往下处理  不发消息等待

        print(msg)

        for usocket in user_socket_list:

            try:

                usocket.send(msg)

            except:

                continue

@app.route("/gc")

def gc():

    return render_template("gc.html")

if __name__ == '__main__':

    # app.run("0.0.0.0",9527)

    http_serv = WSGIServer(("0.0.0.0",9527),app,handler_class=WebSocketHandler)

    http_serv.serve_forever()
群聊1 。html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>群聊</title>
</head>
<body>
<p><input type="text" id="content"><button onclick="send_msg()">发送</button></p>

<div id="chat_list">

</div>
</body>
<script type="application/javascript">

  var ws = new WebSocket("ws://192.168.16.40:9527/my_socket");
  // 监听电话

/*在前端显示内容*/
  ws.onmessage = function (eventMessage) {
      console.log(eventMessage.data);
      var p = document.createElement("p");
      p.innerText = eventMessage.data;###（发出的内容）  
      document.getElementById("chat_list").appendChild(p);
  };

/*把前端的内容发送到后端*/
  function send_msg() {
      var content = document.getElementById("content").value;
      ws.send(content);#  发出去  后端收
  };

</script>
</html>

　　

群聊2.py

# 客户端

# 服务端

# Http  Flask 浏览器

# Websocket GeventWebsocket+Flask 客户端JavaScript（Websocket客户端）

import json

from flask import Flask,request,render_template

from geventwebsocket.handler import WebSocketHandler  # 提供WS协议处理

from geventwebsocket.server import WSGIServer  # 承载服务

from geventwebsocket.websocket import WebSocket  # 语法提示

app = Flask(__name__)

# user_socket_dict = {nicheng:lianjie}

user_socket_dict = {}

@app.route("/my_socket/<username>")

def my_socket(username):

    # 获取当前客户端与服务器的Socket连接

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

    if user_socket:

        user_socket_dict[username] = user_socket

        print(len(user_socket_dict),user_socket_dict)                            #####以字典的形式存储姓名 和 websocket连接

    # print(user_socket,"OK 连接已经建立好了，接下来发消息吧")

    while 1:

        # msg = json.loads(user_socket.receive())

        msg = user_socket.receive()

        print(msg)

        for usocket in user_socket_dict.values():      　　　　　　　　　　　　　　

            print(usocket)

            try:

                usocket.send(msg)

            except:

                continue

@app.route("/gc")

def gc():

    return render_template("gc.html")

if __name__ == '__main__':

    # app.run("0.0.0.0",9527)

    http_serv = WSGIServer(("0.0.0.0",9527),app,handler_class=WebSocketHandler)

    http_serv.serve_forever()

　　

群聊2.html

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title>群聊</title>

</head>

<body>

<p>我的昵称：<input type="text" id="username">

  <button onclick="loginGc()">登录</button>

</p>

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

  <button onclick="send_msg()">发送</button>

</p>

<div id="chat_list">

</div>

</body>

<script type="application/javascript">

    var ws = null;

    function loginGc() {

        var username = document.getElementById("username").value;

        ws = new WebSocket("ws://192.168.12.63:9527/my_socket/" + username);

        // 监听电话                                                                                                   ##先走粉色登录 在发送给后端内容   再遍历发送到前端

        ws.onmessage = function (eventMessage) {

            console.log(eventMessage.data);

            str_obj = JSON.parse(eventMessage.data);

            var p = document.createElement("p");

            p.innerText = str_obj.from_user +" : "+str_obj.chat;

            document.getElementById("chat_list").appendChild(p);

        };

    };

    function send_msg() {

        var username = document.getElementById("username").value;

        var content = document.getElementById("content").value;

        var sendStr = {

            from_user:username,

            chat:content

        };

        ws.send(JSON.stringify(sendStr));

    };

</script>

</html>

私聊.py

# 客户端

# 服务端

# Http  Flask 浏览器

# Websocket GeventWebsocket+Flask 客户端JavaScript（Websocket客户端）

import json

from flask import Flask,request,render_template

from geventwebsocket.handler import WebSocketHandler  # 提供WS协议处理

from geventwebsocket.server import WSGIServer  # 承载服务

from geventwebsocket.websocket import WebSocket  # 语法提示

app = Flask(__name__)

# user_socket_dict = {nicheng:lianjie}

user_socket_dict = {}

@app.route("/my_socket/<username>")

def my_socket(username):

    # 获取当前客户端与服务器的Socket连接

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

    if user_socket:

        user_socket_dict[username] = user_socket

        print(len(user_socket_dict),user_socket_dict)

    # print(user_socket,"OK 连接已经建立好了，接下来发消息吧")

 while 1:

        msg = user_socket.receive()

        msg_dict = json.loads(msg)

        # msg = user_socket.receive()

　　　　 to_user_nick = msg_dict.get("to_user")

        print(to_user_nick)

        to_user_socket = user_socket_dict.get(to_user_nick)

        to_user_socket.send(msg)

@app.route("/sl")

def sl():

    return render_template("sl.html")

if __name__ == '__main__':

    # app.run("0.0.0.0",9527)

    http_serv = WSGIServer(("0.0.0.0",9527),app,handler_class=WebSocketHandler)

    http_serv.serve_forever()

　　

私聊。html

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title>私聊</title>

</head>

<body>

<p>我的昵称：<input type="text" id="username">

  <button onclick="loginGc()">登录</button>

</p>

<p>给<input type="text" id="to_user">发送<input type="text" id="content">

  <button onclick="send_msg()">发送</button>

</p>

<div id="chat_list">

</div>

</body>

<script type="application/javascript">

    var ws = null;

    function loginGc() {

        var username = document.getElementById("username").value;

        ws = new WebSocket("ws://192.168.75.1:9527/my_socket/" + username);

        // 监听电话

        ws.onmessage = function (eventMessage) {

            console.log(eventMessage.data);

            str_obj = JSON.parse(eventMessage.data);

            var p = document.createElement("p");

            p.innerText = str_obj.from_user +" : "+str_obj.chat;

            document.getElementById("chat_list").appendChild(p);

        };

    };

    function send_msg() {

        var username = document.getElementById("username").value;

        var to_user = document.getElementById("to_user").value;

        var content = document.getElementById("content").value;

        var sendStr = {

            from_user:username,

            to_user:to_user,

            chat:content

        };

        ws.send(JSON.stringify(sendStr));

    };

</script>

</html>

　　

http:

headers：

Host: 127.0.0.1:9527

Connection: keep-alive

Cache-Control: max-age=0

Upgrade-Insecure-Requests: 1

User-Agent: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.77 Safari/537.36

Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8

Accept-Encoding: gzip, deflate, br

Accept-Language: zh-CN,zh;q=0.9

ws:

headers：

Host: 127.0.0.1:9527

Connection: Upgrade

Pragma: no-cache

Cache-Control: no-cache

User-Agent: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.77 Safari/537.36

Upgrade: websocket == Websocket 请求 WebSocketHandler 处理的 Key

Origin: http://localhost:63342

Sec-Websocket-Version: 13

Accept-Encoding: gzip, deflate, br

Accept-Language: zh-CN,zh;q=0.9

Sec-Websocket-Key: KttfJvW4Vt/KTuFudtOf2g==

Sec-Websocket-Extensions: permessage-deflate; client_max_window_bits

　　

2.GeventWebsocket + Flask

Web（HTTP） + Socket （连接保持）

Flask中运行Websocket - GeventWebsocket

编码 

WebSocketHandler 监听了 请求头中的？

Http：

env ：

{'GATEWAY_INTERFACE': 'CGI/1.1', 'SERVER_SOFTWARE': 'gevent/1.4 Python/3.6', 'SCRIPT_NAME': '', 'wsgi.version': (1, 0), 'wsgi.multithread': False, 'wsgi.multiprocess': False, 'wsgi.run_once': False, 'wsgi.url_scheme': 'http', 'wsgi.errors': <_io.TextIOWrapper name='<stderr>' mode='w' encoding='UTF-8'>, 'SERVER_NAME': 'DESKTOP-JNSGT4U', 'SERVER_PORT': '9527', 'REQUEST_METHOD': 'GET', 'PATH_INFO': '/my_socket', 'QUERY_STRING': '', 'SERVER_PROTOCOL': 'HTTP/1.1', 'REMOTE_ADDR': '127.0.0.1', 'REMOTE_PORT': '51956', 'HTTP_HOST': '127.0.0.1:9527', 'HTTP_CONNECTION': 'keep-alive', 'HTTP_CACHE_CONTROL': 'max-age=0', 'HTTP_UPGRADE_INSECURE_REQUESTS': '1', 'HTTP_USER_AGENT': 'Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.77 Safari/537.36', 'HTTP_ACCEPT': 'text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8', 'HTTP_ACCEPT_ENCODING': 'gzip, deflate, br', 'HTTP_ACCEPT_LANGUAGE': 'zh-CN,zh;q=0.9', 'wsgi.input': <gevent.pywsgi.Input object at 0x000001EA38EA94C8>, 'wsgi.input_terminated': True, 'werkzeug.request': <Request 'http://127.0.0.1:9527/my_socket' [GET]>}

ws:

{'GATEWAY_INTERFACE': 'CGI/1.1', 'SERVER_SOFTWARE': 'gevent/1.4 Python/3.6', 'SCRIPT_NAME': '', 'wsgi.version': (1, 0), 'wsgi.multithread': False, 'wsgi.multiprocess': False, 'wsgi.run_once': False, 'wsgi.url_scheme': 'http', 'wsgi.errors': <_io.TextIOWrapper name='<stderr>' mode='w' encoding='UTF-8'>, 'SERVER_NAME': 'DESKTOP-JNSGT4U', 'SERVER_PORT': '9527', 'REQUEST_METHOD': 'GET', 'PATH_INFO': '/my_socket', 'QUERY_STRING': '', 'SERVER_PROTOCOL': 'HTTP/1.1', 'REMOTE_ADDR': '127.0.0.1', 'REMOTE_PORT': '52075', 'HTTP_HOST': '127.0.0.1:9527', 'HTTP_CONNECTION': 'Upgrade', 'HTTP_PRAGMA': 'no-cache', 'HTTP_CACHE_CONTROL': 'no-cache', 'HTTP_USER_AGENT': 'Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.77 Safari/537.36', 'HTTP_UPGRADE': 'websocket', 'HTTP_ORIGIN': 'http://localhost:63342', 'HTTP_SEC_WEBSOCKET_VERSION': '13', 'HTTP_ACCEPT_ENCODING': 'gzip, deflate, br', 'HTTP_ACCEPT_LANGUAGE': 'zh-CN,zh;q=0.9', 'HTTP_SEC_WEBSOCKET_KEY': 'KttfJvW4Vt/KTuFudtOf2g==', 'HTTP_SEC_WEBSOCKET_EXTENSIONS': 'permessage-deflate; client_max_window_bits', 'wsgi.input': <gevent.pywsgi.Input object at 0x000001EA38EA9B88>, 'wsgi.input_terminated': True, 'wsgi.websocket_version': '13', 'wsgi.websocket': <geventwebsocket.websocket.WebSocket object at 0x000001EA38EEE2B8>, 'werkzeug.request': <Request 'http://127.0.0.1:9527/my_socket' [GET]>}

　　

3.长连接 客户端 和 服务器资源 消耗没有那么严重了

连接保持 - Http 发起请求再请求中写一个协议 - WebSocket - 服务器收到Websocket请求 ，自动保持此连接 - 永久不断开，除非主动断开 - 可以通过此连接主动找到客户端

优势：数据实时性

劣势：服务器和客户端需要一个线程来等待消息

服务器 完成 IO多路复用

　　

长连接 Websocket的更多相关文章

  1. 了解轮询、长轮询、长连接、websocket

    业务开发中我们往往会有一些需要即时通信的场景,比如微信扫码登录.聊天功能. 下面这四种方式都可以实现即时通信. 轮询: 浏览器通过定时器每隔一段时间向服务器端发送请求,服务器端收到请求并响应请求.没有 ...

  2. HTTP1.1 Keep-Alive到底算不算长连接？

    在基础架构部沉浸了半年,有一些认知刷新想和童靴们交代一下, 不一定全面,仅代表此时的认知, 也欢迎筒靴们提出看法. 本文聊一聊口嗨用语:"长连接.短连接", 文章会按照下面的思维导 ...

  3. 浅谈Websocket、Ajax轮询和长连接（long pull）

    最近看到了一些介绍Websocket的文章,觉得挺有用,所以在这里将自己的对其三者的理解记录一下. 1.什么是Websocket Websocket是HTML5中提出的新的协议,注意,这里是协议,可以 ...

  4. HTTP长连接和短连接 + Websocket

    HTTP协议与TCP/IP协议的关系 HTTP的长连接和短连接本质上是TCP长连接和短连接.HTTP属于应用层协议,在传输层使用TCP协议,在网络层使用IP协议.IP协议主要解决网络路由和寻址问题,T ...

  5. 微信小程序中如何使用WebSocket实现长连接(含完整源码)

    本文由腾讯云技术团队原创,感谢作者的分享. 1.前言   微信小程序提供了一套在微信上运行小程序的解决方案,有比较完整的框架.组件以及 API,在这个平台上面的想象空间很大.腾讯云研究了一番之后,发现 ...

  6. 当web应用包含了websocket长连接，如何在web应用前加一层nginx转发

    1 通过在web应用的前面加一层nginx ,可以实现一台主机部署多个应用,每个应用都可以用不同的域名去访问,并且端口都是80 2 nignx 转发websocket长连接 1 每个web应用,他们运 ...

  7. Python WebSocket长连接心跳与短连接

    python websocket 安装 pip install websocket-client 先来看一下,长连接调用方式: ws = websocket.WebSocketApp("ws ...

  8. Vue+WebSocket 实现页面实时刷新长连接

    最近vue项目要做数据实时刷新,折线图每秒重画一次,数据每0.5秒刷新一次,说白了就是实时刷新,因为数据量较大,用定时器估计页面停留一会就会卡死... 与后台人员讨论过后决定使用h5新增的WebSoc ...

  9. WebSocket 长连接 及超时问题解决

    <?phpset_time_limit(0); class SocketService { private $address = 'localhost'; private $port = 80; ...

随机推荐

  1. 008.MFC_ScrollBar

    滚动条 CScrollBar 水平滚动条控件和垂直滚动条 滚动条消息 SB_THUMBTRACK SB_LINELEFT SB_LINERIGHT SB_PAGELEFT SB_PAGERIGHT 一 ...

  2. VUE事件修饰符.passive、.capture、.once实现原理——重新认识addEventListener方法

    https://www.jianshu.com/p/b12d0d3ad4c1 .passive的作用与使用场景 https://juejin.im/post/5ad804c1f265da504547f ...

  3. Excel快速填充

    利用单元格右下角填充句柄进行填充 然后选择快速填充 利用数据面板的快速填充功能(ctrl+e) 年月日三列不能同时填充 只能够一列一列的填充 类别取第一列 级别取第二列 但是由于第一个的编号有两个“1 ...

  4. 使用spring boot中的JPA操作数据库

    前言 Spring boot中的JPA 使用的同学都会感觉到他的强大,简直就是神器一般,通俗的说,根本不需要你写sql,这就帮你节省了很多时间,那么下面我们来一起来体验下这款神器吧. 一.在pom中添 ...

  5. docker容器内存占用过高(例如mysql)

    简介 该文章适用于配置低,特别是内存低的服务器,在用容器部署服务时有可能会因为容器占用内存过高导致服务挂掉时参考解决(不是运行在容器里的话,也是可以修改mysql的配置文件限制内存占用) 最近用doc ...

  6. 【题解】284E. Coin Troubles(dp+图论建模)

    [题解]284E. Coin Troubles(dp+图论建模) 题意就是要你跑一个完全背包,但是要求背包的方案中有个数相对大小的限制 考虑一个\(c_i<c_j\)的限制,就是一个\(c_i\ ...

  7. 洛谷$P$2518 计数 $[HAOI2010]$ 数位$dp$

    正解:数位$dp$ 解题报告: 传送门$w$ 感觉省选的数位$dp$还是比较有质量的辣,,,至少有一定的思维难度是趴$QwQ$ 这题要考虑到一个,我认为比较关键的点,就,对于一个位数不满的数,可以理解 ...

  8. 1026 程序运行时间 (15 分)C语言

    题目描述 要获得一个C语言程序的运行时间,常用的方法是调用头文件time.h,其中提供了clock()函数,可以捕捉从程序开始运行到clock()被调用时所耗费的时间.这个时间单位是clock tic ...

  9. 《带你装B，带你飞》pytest修仙之路3 - setup/teardown

    1. 简介 学过unittest的都知道里面用前置和后置setup和teardown非常好用,在每次用例开始前和结束后都去执行一次.当然还有更高级一点的setupClass和teardownClass ...

  10. 03_input type="number" 输入允许小数点后两位

    <input type="number" min="0" max="100" step="0.01"/> & ...