Websocket

使用的第三方模块：gevent-websocket

群聊

ws群聊.py中的内容

from flask import Flask, request, render_template

from geventwebsocket.handler import WebSocketHandler

from gevent.pywsgi import WSGIServer

import json

from geventwebsocket.websocket import WebSocket

app = Flask(__name__)

user_socket_dict = {}

@app.route('/ws/<user>')

def ws(user):

    # print(request.environ)

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

    if user_socket:

        user_socket_dict[user] = user_socket

        print(len(user_socket_dict), user_socket_dict)

    while 1:

        msg = user_socket.receive()

        print(msg)  # b"{from_user:jinwangba ,to_user:yinwangba,msg:"doushidawangba"}"

        msg_dict = json.loads(msg)

        to_usocket = user_socket_dict.get(msg_dict.get('to_user'))

        to_usocket.send(json.dumps({'from_user': user, 'to_user': msg_dict.get('to_user'), 'msg': msg_dict.get('msg')}))

@app.route('/')

def index():

    return render_template('ws.html')

if __name__ == '__main__':

    # app.run('0.0.0.0', 5000, debug=True)

    http_serv = WSGIServer(('0.0.0.0', 5000), app, handler_class=WebSocketHandler)

    http_serv.serve_forever()

ws群聊.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>

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

<div id="msg_list" style="width: 500px">

</div>

</body>

<script type="application/javascript">

    var ws = new WebSocket('ws://192.168.12.11:5000/ws');

    ws.onmessage = function (ws_status) {

        console.log(ws_status.data);

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

        ptag.innerText = ws_status.data;

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

    };

    function send_msg() {

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

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

        ptag.style.cssText = 'text-align: right;';

        ptag.innerText = msg;

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

        ws.send(msg);

        {#console.log('成功');#}

    }

</script>

</html>

单聊

ws.py中的内容

from flask import Flask, request, render_template

from geventwebsocket.handler import WebSocketHandler

from gevent.pywsgi import WSGIServer

import json

from geventwebsocket.websocket import WebSocket

app = Flask(__name__)

user_socket_dict = {}

@app.route('/ws/<user>')

def ws(user):

    # print(request.environ)

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

    if user_socket:

        user_socket_dict[user] = user_socket

        print(len(user_socket_dict), user_socket_dict)

    while 1:

        msg = user_socket.receive()

        print(msg)  # b"{from_user:jinwangba ,to_user:yinwangba,msg:"doushidawangba"}"

        msg_dict = json.loads(msg)

        to_usocket = user_socket_dict.get(msg_dict.get('to_user'))

        to_usocket.send(json.dumps({'from_user': user, 'to_user': msg_dict.get('to_user'), 'msg': msg_dict.get('msg')}))

@app.route('/')

def index():

    return render_template('ws.html')

if __name__ == '__main__':

    # app.run('0.0.0.0', 5000, debug=True)

    http_serv = WSGIServer(('0.0.0.0', 5000), app, handler_class=WebSocketHandler)

    http_serv.serve_forever()

ws.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>

<p>您的昵称： <input type="text" id="nick"><button onclick="openws()">进入聊天室</button></p>

{#<p>发送内容：<input type="text" id="message"><button onclick="send_msg()">发送消息</button></p>#}

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

<div id="msg_list" style="width: 500px">

</div>

</body>

<script type="application/javascript">

    var ws = null;

    function openws() {

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

        ws = new WebSocket('ws://192.168.12.11:5000/ws/' + nick);

        ws.onmessage = function (ws_status) {

            console.log(ws_status.data);

            var msg_obj = JSON.parse(ws_status.data);

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

            ptag.innerText = msg_obj.from_user + " : " + msg_obj.msg;

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

        };

    }

    function send_msg() {

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

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

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

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

        ptag.style.cssText = 'text-align: right;';

        ptag.innerText = msg + " : " + from_user;

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

        var msg_obj = {

            msg: msg,

            from_user: from_user,

            to_user: to_user,

        };

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

        {#console.log('成功');#}

    }

</script>

</html>　　

websocket握手信息及封包解包原理

import socket

import base64

import hashlib

#封包

def send_msg(conn, msg_bytes):

    """

    WebSocket服务端向客户端发送消息

    :param conn: 客户端连接到服务器端的socket对象,即： conn,address = socket.accept()

    :param msg_bytes: 向客户端发送的字节

    :return:

    """

    import struct

    token = b"\x81"

    length = len(msg_bytes)

    if length < 126:

        token += struct.pack("B", length)

    elif length <= 0xFFFF:

        token += struct.pack("!BH", 126, length)

    else:

        token += struct.pack("!BQ", 127, length)

    msg = token + msg_bytes

    conn.send(msg)

    return True

def get_headers(data):

    """

    将请求头格式化成字典

    :param data:

    :return:

    """

    header_dict = {}

    data = str(data, encoding='utf-8')

    header, body = data.split('\r\n\r\n', 1)

    header_list = header.split('\r\n')

    for i in range(0, len(header_list)):

        if i == 0:

            if len(header_list[i].split(' ')) == 3:

                header_dict['method'], header_dict['url'], header_dict['protocol'] = header_list[i].split(' ')

        else:

            k, v = header_list[i].split(':', 1)

            header_dict[k] = v.strip()

    return header_dict

sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM)

sock.setsockopt(socket.SOL_SOCKET, socket.SO_REUSEADDR, 1)

sock.bind(('127.0.0.1', 8002))

sock.listen(5)

conn, address = sock.accept()

data = conn.recv(1024)

headers = get_headers(data)  # 提取请求头信息

# 对请求头中的sec-websocket-key进行加密

response_tpl = "HTTP/1.1 101 Switching Protocols\r\n" \

               "Upgrade:websocket\r\n" \

               "Connection: Upgrade\r\n" \

               "Sec-WebSocket-Accept: %s\r\n" \

               "WebSocket-Location: ws://%s%s\r\n\r\n"

magic_string = '258EAFA5-E914-47DA-95CA-C5AB0DC85B11'

value = headers['Sec-WebSocket-Key'] + magic_string

ac = base64.b64encode(hashlib.sha1(value.encode('utf-8')).digest())

response_str = response_tpl % (ac.decode('utf-8'), headers['Host'], headers['url'])

# 响应【握手】信息

conn.send(bytes(response_str, encoding='utf-8'))

# b'\x81\x87\xbe0\xb4\xc7\xc7Q\xda\xab\xd1^\xd3'

# msg[1] & 127

#

# 10100011

# 01111111

# 00100011 <= 125 # \x81\x87    \xbe0\xb4\xc7\xc7Q \xda\xab\xd1^\xd3'

# 00100011 == 126 # \x81\x87\xbe0\xb4    \xc7\xc7Q\xda\xab \xd1^\xd3'\xbe0\xb4\xc7\xc7Q\xda\xab\xd1^\xd3'

# 00100011 == 127 # \x81\x87 + 8个字节   内容

# mask

# for i in \xc7Q \xda\xab\xd1^\xd3':

#     \xc7Q mask

#解包

while True:

    info = conn.recv(8096)

    print('收到数据',info)

    payload_len = info[1] & 127

    if payload_len == 126:

        extend_payload_len = info[2:4]

        mask = info[4:8]

        decoded = info[8:]

    elif payload_len == 127:

        extend_payload_len = info[2:10]

        mask = info[10:14]

        decoded = info[14:]

    else:

        extend_payload_len = None

        mask = info[2:6]

        decoded = info[6:]

    bytes_list = bytearray()

    for i in range(len(decoded)):

        chunk = decoded[i] ^ mask[i % 4]

        bytes_list.append(chunk)

    body = str(bytes_list, encoding='utf-8')

    print(body)

    send_msg(conn,b'nononononono')

conn.close()

　　

Websocket实现群聊、单聊的更多相关文章

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

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

  2. websocket 群聊单聊

    websocket 介绍 介绍引自 https://segmentfault.com/a/1190000012709475 群聊 from flask import Flask, request, r ...

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

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

  4. flask + websocket实现简单的单聊和群聊

    单聊 from flask import Flask,request,render_template from geventwebsocket.handler import WebSocketHand ...

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

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

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

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

  7. WebSocket群聊与单聊

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

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

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

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

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

随机推荐

  1. jquery ligerUI中ligerComboBox 初始值问题

    ligerComboBox项目中运用总结内容如下: $("#selectId").ligerComboBox({ data: proData, initValue: 0});这就默 ...

  2. Jenkins配置中安装插件时提示“No such plugin: cloudbees-folder”

    第一次配置Jenkins时,执行下图中出现“No such plugin: cloudbees-folder”,这时应该是服务还没起完全,稍等等就好

  3. Centos 7上安装Elasticsearch

    1. 先安装jdk yum search java|grep jdk查看yum库中都有哪些jdk版本 yum install java-1.8.0-openjdk.x86_64 两次y确认 2. ce ...

  4. Leetcode 题解 Trapping Rain Water

    题目链接:https://leetcode.com/problems/trapping-rain-water/description/ 思路: 1.先找到最左侧第一个高度不为0的柱子i. 2.从i+1 ...

  5. leetcode解题报告 32. Longest Valid Parentheses 用stack的解法

    第一道被我AC的hard题!菜鸡难免激动一下,不要鄙视.. Given a string containing just the characters '(' and ')', find the le ...

  6. es6初级之箭头函数实现隔行变色

    无论是使用哪种方式实现隔行变色的效果,它的思路都是一样的: 1.定义很多个div 2.给div 加背景 3.鼠标移动到div上时,当前div 背景变色 4.鼠标移出div时,当前div背景恢复 以上4 ...

  7. idea安装下载

    https://blog.csdn.net/qq_41983010/article/details/82562975

  8. MyEclipse反向生成Java代码 ，Reverse Engineering-->Java Source Folder-->没有提供任何条目

    在web项目名称上,手动执行一遍Add Hibernate Capabilities,然后再去DB Browser中进行反向生成pojo实体类和hbm.xml映射文件!,具体生成反向代码的配置如下图所 ...

  9. TRANSFORM YOUR HABITS

    TRANSFORM YOUR HABITS3rd EditionNote from James Clear:I wrote Transform Your Habits to create a free ...

  10. .Net编译原理简单介绍

    首先简单说一下计算机软件运行.所谓软件运行,就是一步一步做一些事情.计算机只认识0和1.给计算机下命令,只能是0与1的方式,确切的说,其实是CPU只认识0和1,因为软件运行是CPU控制的.人直接操作0 ...