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. HDU 2102 A计划 DFS与BFS两种写法 [搜索]

    1.题意:一位公主被困在迷宫里,一位勇士前去营救,迷宫为两层,规模为N*M,迷宫入口为(0,0,0),公主的位置用'P'标记:迷宫内,'.'表示空地,'*'表示墙,特殊的,'#'表示时空传输机,走到这 ...

  2. 互联网 Java 工程师进阶知识完全扫盲

    互联网 Java 工程师进阶知识完全扫盲:https://github.com/doocs/advanced-java

  3. CAP理论的理解

    CAP理论作为分布式系统的基础理论,它描述的是一个分布式系统在以下三个特性中: 一致性(Consistency) 可用性(Availability) 分区容错性(Partition tolerance ...

  4. 洛谷P1036 选数 题解 简单搜索/简单状态压缩枚举

    题目链接:https://www.luogu.com.cn/problem/P1036 题目描述 已知 \(n\) 个整数 \(x_1,x_2,-,x_n\) ,以及 \(1\) 个整数 \(k(k& ...

  5. 【转】Java多线程面试问题集锦

    如果你即将去一家从事大型系统研发的公司进行Java面试,不可避免的会有多线程相关的问题.下面是一些针对初学者或者新手的问题,如果你已经具备良好的基础,那么你可以跳过本文,直接尝试针对进阶水平的Java ...

  6. mongodb学习（三）——函数使用的小技巧

    $group 下 $sum 函数 Returns a sum of numerical values. Ignores non-numeric values 只能对数字求和,非数字没有作用 查询一段时 ...

  7. laravel配置加解密

    基于安全考虑,我们php项目配置文件中密码应该是加密的,laravel中也提供了OpenSSL 的 AES-256-CBC 来进行加密 但是如果我们项目配置的是其他加密方式,且希望以最少的改动实现读取 ...

  8. python中方法调用和函数调用的区别

    函数调用: 传几个参数,就会有几个实参方法调用: 默认传递一个参数self,至少要定义一个形参

  9. JVM系列七（JIT 即时编译器）.

    一.概述 即时编译器(Just In Time Compiler),也称为 JIT 编译器,它的主要工作是把热点代码编译成与本地平台相关的机器码,并进行各种层次的优化,从而提高代码执行的效率. 那么什 ...

  10. cogs 495. 滑动窗口 单调队列

    495. 滑动窗口 ★★   输入文件:window.in   输出文件:window.out   简单对比时间限制:2 s   内存限制:256 MB [问题描述] 给你一个长度为N的数组,一个长为 ...