py 文件:

"""

 下载 gevent-websocket 0.10.1

 基于Flask + geventWebSocket 建立连接,发送消息,实现群消息功能.

"""

from geventwebsocket.server import WSGIServer  # 我要WSGI为我提供服务

from geventwebsocket.handler import WebSocketHandler  # WSGI 遇到 WS 协议的时候,用WebSocketHandler处理

from geventwebsocket.websocket import WebSocket  # 语法提示,使用方法:"# type:WebSocket"

from flask import Flask, request, render_template

app = Flask(__name__)

user_socket_list = []  # 存放所有链接到服务器的 socket

@app.route("/ws")

def my_websocket_func():

    # 获取到websocket链接.

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

    user_socket_list.append(user_socket)    # 每个链接上来的socket都存放到 socket列表中一份

    while 1:

        msg = user_socket.receive()  # 通过连接等待接收客户端发送过来的消息

        for us in user_socket_list:

            # if us == user_socket:       # 当循环到的socket链接是自己的时候

            #     continue

            try:

                us.send(msg)  # 把接收到的数据在发送回去

            except:

                continue

@app.route("/group_p")

def group_p():

    return render_template("my_ws_mp.html")

if __name__ == '__main__':

    http_server = WSGIServer(("0.0.0.0", 9527), application=app, handler_class=WebSocketHandler)

    http_server.serve_forever()

html 文件:

<!DOCTYPE html>

<html lang="zh-CN">

<head>

    <meta http-equiv="content-Type" charset="UTF-8">

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

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>群聊</title>

</head>

<body>

<p>发送消息: <input type="text" id="message">

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

</p>

<div id="message_list" style="width: 800px">

</div>

<script>

    var ws = new WebSocket("ws://127.0.0.1:9527/ws");

    // 定义一个变量 ws,

    // new一个 WebSocket 对象,

    // 来发送 ws 协议请求 "ws://127.0.0.1:9527/ws"

    // 当 ws 收到消息时执行 onmessage

    // 触发 收到消息 用 onmessage

    ws.onmessage = function (event) {

        console.log(event.data);

        var ptag = document.createElement("p");     // 创建一个p标签

        ptag.innerText = event.data;        // p标签中的内容是 event.data

        var divtag = document.getElementById("message_list");    // 找到 message_list 的 div标签

        divtag.appendChild(ptag);       //  把创建的p标签连同内容一起放到 这个 div 中

    };

    function send_msg() {

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

        // 当点击"发送"按钮的时候,拿到要发送的内容

        ws.send(msg);

        // 发送出去

    }

</script>

</body>

</html>

WebSocket 实现链接 群聊(low low low 版本)的更多相关文章

  1. 【Java分享客栈】SpringBoot整合WebSocket+Stomp搭建群聊项目

    前言 前两周经常有大学生小伙伴私信给我,问我可否有偿提供毕设帮助,我说暂时没有这个打算,因为工作实在太忙,现阶段无法投入到这样的领域内,其中有两个小伙伴又问到我websocket该怎么使用,想给自己的 ...

  2. websocket学习和群聊实现

    WebSocket协议可以实现前后端全双工通信,从而取代浪费资源的长轮询.在此协议的基础上,可以实现前后端数据.多端数据,真正的实时响应.在学习WebSocket的过程中,实现了一个简化版群聊,过程和 ...

  3. 基于websocket搭建简易群聊

    1.前端HTML <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset=&qu ...

  4. Flask 实现 WebSocket 通讯---群聊和私聊

    一.WebSocket介绍 WebSocket是一种在单个TCP连接实现了服务端和客户端进行双向文本或二进制数据通信的一种通信的协议. WebSocket使得客户端和服务器之间的数据交换变得更加简单, ...

  5. websocket实现群聊

    server # @File: 群聊 from flask import Flask, render_template, request from geventwebsocket.handler im ...

  6. 一例完整的websocket实现群聊demo

    前言 业余我都会花一些时间在tcp.http和websocket等领域的学习,现在觉得有点收获,所以把一个基于websocket的群聊功能的例子提供给大家玩玩.当然这是一个很完整的例子,包括webso ...

  7. websocket(二)--简单实现网页版群聊

    websocket可以实现服务端的消息推送,而不必在客户端轮询,大大的节省的资源,对于实时通讯来说简直是个大喜讯. 在上一篇文章中介绍了协议握手,这篇文章将通过实现简单的群聊来帮助进一步了解webso ...

  8. WebSocket群聊与单聊

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

  9. WebSocket刨根问底(三)之群聊

    前两篇文章[WebSocket刨根问底(一)][WebSocket刨根问底(二)]我们介绍了WebSocket的一些基本理论,以及一个简单的案例,那么今天继续,我们来看一个简单的群聊的案例,来进一步了 ...

随机推荐

  1. windows2008 apache2.4 tomcat-7多域名绑定环境配置

    =====================软件清单Apache2.4.33apache-tomcat-7.0.85===================== 1.安装apache    1.1下载ap ...

  2. js obj对象转formdata格式代码

    import isArray from "lodash/isArray" export function objToFormData(config) { //对象转formdata ...

  3. NodeJS-静态服务器

    静态服务器 代码 const http = require('http') const chalk = require('chalk') const conf = require('./config/ ...

  4. 【亲测】Java 接口自动化步骤

    GET请求(Maven) 一. src/main/java 1.[地址--HOST]创建并设置配置文件(后缀名.properties的文本文件):存放接口请求的host地址 2.[地址]TestBas ...

  5. svg在vue-cli3中的配置

    svg矢量图有时候在项目中用起来当然要比图片用起来好.之前没有用过svg,这次花了一点时间在项目中支持了svg的使用,个人感觉用起来还是没有直接用font class的爽,然后又改成font clas ...

  6. DeprecationWarning

    当我在导入sklearn这个库的时候,程序抛出了一个丢弃警告,它的意思是在版本更新后imp库已经不用了,用importlib来代替这个库 Warning (from warnings module): ...

  7. 转载：HTTPS证书的产生过程详解

    1.RSA身份验证的隐患 身份验证和密钥协商是TLS的基础功能,要求的前提是合法的服务器掌握着对应的私钥.但RSA算法无法确保服务器身份的合法性,因为公钥并不包含服务器的信息,存在安全隐患:    客 ...

  8. php把网络图片转Base64编码。

    /** 把网络图片图片转成base64 * @param string $img 图片地址 * @return string */ /*网络图片转为base64编码*/ function imgtob ...

  9. ucos之互斥信号量及优先级反转

    在ucos常使用共享资源来作为任务之间的通信方式,其中有:消息队列,信号量,邮箱,事件.信号量中又分二值信号,多值信号,互斥信号.这次主要讲二值信号与互斥信号之间区别和使用. 首先了解一下ucos的任 ...

  10. sql中的常见报错；

    1.对于某些写的sql懒得判断的: SELECT * FROM sys_part WHERE part_no =(SELECT part_no FROM dbo.sys_part)  --字查询的结果 ...