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. Web 应用程序项目 Himall.Web 已配置为使用 IIS。 无法访问 IIS 元数据库

    Web应用程序项目XXXX已配置为使用IIS.无法访问IIS元数据库.您没有足够的特权访问计算机上的IIS网站,xxxxiis 问题:Windows8下直接使用VS打开项目,出现问题:XXXX已配置为 ...

  2. Nginx+Memcache+一致性hash算法 实现页面分布式缓存（转）

    网站响应速度优化包括集群架构中很多方面的瓶颈因素,这里所说的将页面静态化.实现分布式高速缓存就是其中的一个很好的解决方案... 1)先来看看Nginx负载均衡 Nginx负载均衡依赖自带的 ngx_h ...

  3. C语言解决约瑟夫问题详解的代码

    将开发过程中比较重要的一些内容做个收藏,下面的内容是关于C语言解决约瑟夫问题详解的内容,希望能对码农有帮助. #pragma once #include<vector> class PRO ...

  4. oracle锁表+解锁

    一.锁表: LOCK TABLE tablename IN EXCLUSIVE MODE; 二.解锁 * 1.首先用dba账户登录数据库 * * 2.查出被锁定的对象 * select * from ...

  5. postgresql 创建gin索引

    1.创建gin类型的索引 postgresql 创建gin索引遇到的问题:1.ERROR: operator class "gin_trgm_ops" does not exist ...

  6. 显示开机信息-dmesg

    显示开机信息-dmesg kernel会将开机信息存储在ring buffer中.您若是开机时来不及查看信息,可利用dmesg来查看.开机信息亦保存在/var/log目录中,名称为dmesg的文件里. ...

  7. request.getRealPath为什么会被代替

    以及前两天在网上看到的“不是工程的物理路径封装在Session里 是工程的路径被封装在了ServletContext中的问题” 很抱歉没有找到答案. 只能怪鄙人才识短浅. 在通过这次学习的过程中使我懂 ...

  8. django 创建视图和APP

    .创建视图views 1.在项目目录下创建views.py文件 2.from django.http import HttpResponse 3.在urls 导入模板: from django.con ...

  9. Java虚拟机对象存活标记及垃圾收集算法解析

    一.对象存活标记 1. 引用计数算法 给对象中添加一个引用计数器,每当有一个地方引用它时,计数器就加1:当引用失效时,计数器就减1:任何时刻计数器都为0的对象就是不可能再被使用的. 引用计数算法(Re ...

  10. MySql：SELECT 语句（六） CONCAT() 函数的使用

    一.计算字段 为什么要用计算字段? 1)想要在一个字段中既显示公司地址,又显示公司名称,但是往往这两个都不在一个字段中 2)列数据是大小写混合的,但是报表程序需要把他们全部按大写形式展示出来 3)需要 ...