初试

from flask import Flask, request

from geventwebsocket.handler import WebSocketHandler

from gevent.pywsgi import WSGIServer

app = Flask(__name__)

@app.route('/')
def index():
    user_socket = request.environ.get("wsgi.websocket")  # type:WebSocket
    try:
        while True:
            msg = user_socket.receive()
            if msg == "quit":
                return ''
            print(msg)
            user_socket.send(json.dumps({"msg": msg}))
    except WebSocketError as e:
        print(e)
        return 'Finished'

if __name__ == '__main__':

　　http_server = WSGIServer(('0.0.0.0',5010), app, handler_class=WebSocketHandler) 
　　http_server.serve_forever()

html部分

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="x-ua-compatible" content="IE=edge">

    <title>Title</title>

</head>

<body>

    <script type="text/javascript">

        let ws = new WebSocket("ws://127.0.0.1:5010/");

        ws.onmessage = function (data) {

            let msg = JSON.parse(data.data);

            console.log(msg)

        }

    </script>

</body>

</html>

结果

websocket群聊

from flask import Flask, request, render_template

from geventwebsocket.handler import WebSocketHandler

from gevent.pywsgi import WSGIServer

from geventwebsocket.exceptions import WebSocketErrorimport json

app = Flask(__name__)

user_socket_list = []

@app.route('/')

def index():

    return render_template('ws.html')

@app.route('/chat')

def chat():

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

    user_socket_list.append(user_socket)

    print(len(user_socket_list), user_socket_list)

    try:

        while True:

            msg = user_socket.receive()

            for socket in user_socket_list:

                if socket != user_socket_list:

                    socket.send(json.dumps({"msg": msg})) # " 服务器信息: " +

    except WebSocketError as e:

        print(e)

        user_socket_list.remove(user_socket)

        return ''

if __name__ == '__main__':

    http_server = WSGIServer(('192.168.56.1', 5000), app, handler_class=WebSocketHandler)

    http_server.serve_forever()

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="x-ua-compatible" content="IE=edge">

    <title>Title</title>

</head>

<body>

<div class="container">

    <div><p>发送消息：<input type="text" id="msg"><button onclick="send_msg()">发送</button></p></div>

    <div id="chat" style="width: 500px; height: 500px"></div>

</div>

    <script type="text/javascript">

        let ws = new WebSocket("ws://192.168.56.1:5000/chat");

        ws.onmessage = function (data) {

            let msg = JSON.parse(data.data);

            console.log(msg);

            let ptage = document.createElement("p");

            ptage.innerText = msg.msg;

            document.getElementById("chat").appendChild(ptage);

        };

        function send_msg() {

            let msg = document.getElementById("msg").value;

            console.log(msg);

            ws.send(msg);

        }

    </script>

</body>

</html>

websocket单聊

from flask import Flask, request, render_template

from geventwebsocket.handler import WebSocketHandler

from gevent.pywsgi import WSGIServer

from geventwebsocket.exceptions import WebSocketError

import json

app = Flask(__name__)

user_socket_dic = {}

@app.route('/')

def index():

    return render_template('pk.html')

@app.route('/pk/<username>')

def pk(username):

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

    user_socket_dic[username] = user_socket

    print(len(user_socket_dic), user_socket_dic)

    try:

        while True:

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

            to_user = msg.get('to_user')

            print(to_user)

            if to_user:

                to_msg = {"from_user":username, "msg": msg.get('msg')}

                user_socket_dic.get(to_user).send(json.dumps(to_msg))

                print(to_msg)

            else:

                user_socket.send("")

    except WebSocketError as e:

        user_socket_list.remove(user_socket)

        return ''

if __name__ == '__main__':
    http_server = WSGIServer(('192.168.56.1', 5000), app, handler_class=WebSocketHandler)
    http_server.serve_forever()

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="x-ua-compatible" content="IE=edge">

    <title>Title</title>

</head>

<body>

<div class="container">

    <div>

        <p>登陆我的socket：<input type="text" id="username"><button onclick="open_ws()">连接</button></p>

        <p>目标用户：<input type="text" id="to_user"></p>

        <p>发送消息：<input type="text" id="msg"><button onclick="send_msg()">发送</button></p>

    </div>

    <div id="chat" style="width: 500px; height: 500px"></div>

</div>

<script type="text/javascript">

    let ws = null;

    function open_ws() {

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

        ws = new WebSocket("ws://192.168.56.1:5000/pk/" + username);

        ws.onmessage = function (data) {

            let content = JSON.parse(data.data);

            let ptage = document.createElement("p");

            ptage.innerText = content.from_user + "," + content.msg;

            document.getElementById("chat").appendChild(ptage);

        };

    }

    function send_msg() {

        let msg = document.getElementById("msg").value;

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

        let data = {to_user:to_user, msg:msg};

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

    }

</script>

</body>

</html>

gevent-websocket初识的更多相关文章

websocket初识
一.官网官网地址:http://www.websocket.org/ 二.websocket初识demo <input id="sendTxt" type="te ...
websocket 初识
websocket 初识前言其实很早就知道了 websocket 这个概念了,像现在大火的直播等使用的就是 websocket.之前找爬虫工作,对面问我爬过 websocket 网站没,很汗颜,那 ...
【HTML5】websocket 初识
什么是WebSocket API? WebSocket API是下一代客户端-服务器的异步通信方法.该通信取代了单个的TCP套接字,使用ws或wss协议,可用于任意的客户端和服务器程序.WebSock ...
习WebSocket一（WebSocket初识）[转]
http://www.cnblogs.com/wgp13x/p/3812579.html Java EE 7 去年刚刚发布了JSR356规范,使得WebSocket的Java API得到了统一,Tom ...
学习WebSocket一（WebSocket初识）
Java EE 7 去年刚刚发布了JSR356规范,使得WebSocket的Java API得到了统一,Tomcat从7.0.47开始支持JSR356,这样一来写WebSocket的时候,所用的代码都 ...
Html和websocket初识
一.web框架众所周知,对于所有的Web应用,本质上其实就是一个socket服务端,用户的浏览器其实就是一个socket客户端. import socket def handle_request(c ...
nginx+flask+gevent+uwsgi实现websocket
Websocket简介 WebSocket是HTML5开始提供的一种在单个 TCP 连接上进行全双工通讯的协议.在WebSocket API中,浏览器和服务器只需要做一个握手的动作,然后,浏览器和服务 ...
一步一步学WebSocket (一) 初识WebSocket
众所周知,Http协议是无状态的,并且是基于Request/Response的方式与服务器进行交互,也就是我们常说的单工模式.但是随着互联网的发展,浏览器与服务端进行双向通信需求的增加,长轮询向服务器 ...
初识WebSocket
众所周知,Http协议是无状态的,并且是基于Request/Response的方式与服务器进行交互,也就是我们常说的单工模式.但是随着互联网的发展,浏览器与服务端进行双向通信需求的增加,长轮询向服务 ...
初识WebSocket协议
1.什么是WebSocket协议 RFC6455文档的表述如下: The WebSocket Protocol enables two-way communication between a clie ...

随机推荐

element 多个文件上传多次http请求解决方法
第一步 action="#" 第二步 :auto-upload = "false" 第三步给元素绑定click事件触发提交方法,注意,把其他没有用的文件都给去 ...
【Python】随机数random模块randint、shuffle、random、sample、choice、uniform、
1 ).random() 返回0<=n<1之间的随机实数n:2 ).choice(seq) 从序列seq中返回随机的元素:3 ).getrandbits(n) 以长整型形式返回n个随机位: ...
JdbcTemplate 配置多数据源(完全照抄,完整)
<?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://mave ...
【oracle】dmp导数据库
假定数据库A为源数据库,数据库B为目标数据库 step1在数据库A中,导出生成.dmp文件,操作流程如下(以下操作均在系统用户ora11g下执行) 1.该操作只需要在第一次使用时执行,A_dump_d ...
knockout为绑定元素生成id
knockout 提供生成了uniqueName的方法,但没有提供生成Id的方法. 感谢stackoverflow提供的思路与方法. 下面是uniqueName的实现方法. ko.bindingHan ...
[LeetCode&Python] Problem 27. Remove Element
Given an array nums and a value val, remove all instances of that value in-placeand return the new l ...
Android IPC机制基础
概要多进程概念及多进程常见注意事项 IPC基础:Android序列化和Binder 跨进程常见的几种通信方式:Bundle通过Intent传递数据,文件共享,ContentProvider,基于Bi ...
less--入门
Less(Learner Style Sheets)是向后兼容css扩展语言. 变量(Variables) @width: 10px; @height: @width + 10px; header{ ...
计算机网络实验　UDP套接字编程
这是个傻瓜式操作教程西科大计算机网络实验 UDP套接字编程我用自己的Ubuntu16.04来举例,实验室的是虚拟机,差不多只针对第三个题目,修改服务器来通过响应客户端发送的GetTime并发送给 ...
Charles 注册码/破解/激活
Charles 注册码软件去官网下载安装即可. 适用于Charles任意版本的注册码 Charles 4.2.7 目前是最新版,可用. Registered Name: https://zhil ...

gevent-websocket初识

初试

websocket群聊

websocket单聊

gevent-websocket初识的更多相关文章

随机推荐

热门专题