- flask默认使用wsgi支持http协议，如需使用websocket需要安装gevent-websocket模块，http，websocket协议都可以支持

　　Django应用：channel
　　Tornado应用：自己有

　pip3 install gevent-websocket

app.py

from flask import Flask,request,render_template,redirect,session

import uuid

from geventwebsocket.handler import WebSocketHandler

from gevent.pywsgi import WSGIServer

import json

app = Flask(__name__)

app.secret_key = ';lkjnfdidiclsjek'

GENTIEMAN = {

    '':{'name':'钢弹','count':},

    '':{'name':'铁锤','count':},

    '':{'name':'闫帅','count':},

}

WEBSOCKET_DICT = {}

@app.before_request

def before_reuqest():

    if request.path == '/login':

        return None

    user_info = session.get('user_info')

    if user_info:

        return None

    return redirect('login')

@app.route('/login',methods=['GET','POST'])

def login():

    if request.method == 'GET':

        return render_template('login.html')

    else:

        uid = str(uuid.uuid4())

        session['user_info'] = {'id':uid,'name':request.form.get('user')}

        return redirect('/index')

@app.route('/index')

def index():

    return render_template('index.html',users=GENTIEMAN)

@app.route('/message')

def message():

    # . 判断是否为Websocket请求,http不包含wsgi.websocket

    ws = request.environ.get('wsgi.websocket')

    if not ws:

        return 'use websocket'

    # 此处连接成功

    current_user_id = session['user_info']['id']

    WEBSOCKET_DICT[current_user_id] = ws

    while True:

        # . 等待用户发送消息，并接受

        message = ws.receive()  # 投票对应的ID

        # 关闭 mesaage = None

        if not message:

            del WEBSOCKET_DICT[current_user_id]

            break

        # . 获取用户要投票的ID，并+

        old = GENTIEMAN[message]['count']

        new = old +

        GENTIEMAN[message]['count'] = new

        data = {'user_id':message,'count':new,'type':'vote'}

        # 给所有客户端推送消息

        for conn in WEBSOCKET_DICT.values():

            conn.send(json.dumps(data))

    return '完毕'

@app.route('/notify')

def notify():

    data = {'data':'订单生成','type':'alert'}

    for conn in WEBSOCKET_DICT.values():

        conn.send(json.dumps(data))

    return '完毕'

if __name__ == '__main__':

    # 如果是http请求走app使用原有的wsgi处理，如果是websocket请求走WebSocketHandler处理

    http_server = WSGIServer(('127.0.0.1', ), app, handler_class=WebSocketHandler)

    http_server.serve_forever()

index.html

<body>

    <h1>投票系统:参与投票的人</h1>

    <ul>

        {% for k,v in users.items() %}

            <li id="user_{{k}}" ondblclick="vote('{{k}}')">{{v.name}} <span>{{v.count}}</span> </li>

        {% endfor %}

    </ul>

    <script src="{{ url_for('static',filename='jquery-3.3.1.min.js')}}"></script>

    <script>

        var socket = new WebSocket("ws://127.0.0.1:5000/message");

        socket.onmessage = function (event) {

            /* 服务器端向客户端发送数据时，自动执行 */

            var response = JSON.parse(event.data); // {'user':1,'count':new}

            if(response.type == 'vote'){

                var nid = '#user_' + response.user_id;

                $(nid).find('span').text(response.count)

            }else{

                alert(response.data);

            }

        };

        /*

        我要给某人投票

         */

         function vote(id) {

            socket.send(id);

        }

    </script>

</body>

login.html

<body>

<form method="post">

    <input type="text" name="user">

    <input type="submit" value="提交">

</form>

</body>

在flask中使用websocket-实时消息推送的更多相关文章

  1. Worktile中百万级实时消息推送服务的实现

    Worktile中百万级实时消息推送服务的实现 出自:http://blog.jobbole.com/81125/

  2. 用图解&&实例讲解php是如何实现websocket实时消息推送的

    WebSocket是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议. 以前的推送技术使用 Ajax 轮询,浏览器需要不断地向服务器发送http请求来获取最新的数据,浪费很多的带 ...

  3. SpringBoot中使用Websocket进行消息推送

    WebsocketConfig.java @Configuration public class WebSocketConfig { @Bean public ServerEndpointExport ...

  4. 开源实时消息推送系统 MPush

    系统介绍 mpush,是一款开源的实时消息推送系统,采用java语言开发,服务端采用模块化设计,具有协议简洁,传输安全,接口流畅,实时高效,扩展性强,可配置化,部署方便,监控完善等特点.同时也是少有的 ...

  5. 基于socket.io的实时消息推送

    用户访问Web站点的过程是基于HTTP协议的,而HTTP协议的工作模式是:请求-响应,客户端发出访问请求,服务器端以资源数据响应请求. 也就是说,服务器端始终是被动的,即使服务器端的资源数据发生变化, ...

  6. 【js学习】js连接RabbitMQ达到实时消息推送

    js连接RabbitMQ达到实时消息推送 最近在自己捯饬一个网站,有一个功能是需要后端处理完数据把数据发布到MQ中,前端再从MQ中接收数据.但是前端连接MQ又成了一个问题,在网上搜了下资料,点进去一篇 ...

  7. 未读消息（小红点），前端与 RabbitMQ实时消息推送实践，贼简单~

    前几天粉丝群里有个小伙伴问过:web 页面的未读消息(小红点)怎么实现比较简单,刚好本周手头有类似的开发任务,索性就整理出来供小伙伴们参考,没准哪天就能用得上呢. 之前在 <springboot ...

  8. 我有 7种 实现web实时消息推送的方案，7种！

    技术交流,公众号:程序员小富 大家好,我是小富- 我有一个朋友- 做了一个小破站,现在要实现一个站内信web消息推送的功能,对,就是下图这个小红点,一个很常用的功能. 不过他还没想好用什么方式做,这里 ...

  9. 在Spring Boot框架下使用WebSocket实现消息推送

    Spring Boot的学习持续进行中.前面两篇博客我们介绍了如何使用Spring Boot容器搭建Web项目(使用Spring Boot开发Web项目)以及怎样为我们的Project添加HTTPS的 ...

随机推荐

  1. linux 通过pid 寻找程序路径的最简单命令(pwdx)

    在linux实际操作命令中,查看pid的方式有很多种,通过pid找程序路径的方式也有好几个,但是可能大家都忽略的一个很简单也是很实用的命令:pwdx. 比如要查找某个java编写的程序运行情况可通过j ...

  2. 如何通过代码审计挖掘REDos漏洞

    写这篇文章的目的一是由于目前网上关于java代码审计的资料实在是太少了,本人作为一个java代码审计的新手,深知学习java代码审计的难受之处,所以将自己学习过程中挖掘的一些漏洞写成博客发出来希望可以 ...

  3. Software Testing, Lab 1

    1.Install Junit(4.12), Hamcrest(1.3) with Eclipse 2.Install Eclemma with Eclipse 3.Write a java prog ...

  4. [openjudge-贪心]删数问题

    题目描述 题目描述 键盘输入一个高精度的正整数N,去掉其中任意k个数字后剩下的数字按原左右次序将组成一个新的正整数.编程对给定的N和k,寻找一种方案使得剩下的数字组成的新数最小. 输出应包括所去掉的数 ...

  5. mysql 事务锁超时时间 innodb_lock_wait_timeout

    mysql 事务锁超时时间 innodb_lock_wait_timeout: # 查询全局等待事务锁超时时间 SHOW GLOBAL VARIABLES LIKE 'innodb_lock_wait ...

  6. IP通信基础学习第一周

    在IP方向上,IP通信基础是学习其他诸如:数字程教控交换技术与应用.IPV6技术与应用.SDH传输技术与应用等课程的基础. 学习IP通信基础,对学生而言至少可以拿学分,不仅有利于以后的学习,还有机会从 ...

  7. 洛谷P1605 迷宫 （DFS）

    题目背景 迷宫 [问题描述] 给定一个N*M方格的迷宫,迷宫里有T处障碍,障碍处不可通过.给定起点坐标和 终点坐标,问: 每个方格最多经过1次,有多少种从起点坐标到终点坐标的方案.在迷宫 中移动有上下 ...

  8. JS数据类型判断的方法

    最常用的判断方法:typeof var a='isString'; var b=121221; var c=[1,2,3]; var d=new Date(); var e=function(){ c ...

  9. docker基本管理

    一.docker基本命令 1.docker 获取镜像 将从 Docker Hub 仓库下载一个 Ubuntu 12.04 操作系统的镜像 docker pull ubuntu:12.04 Pullin ...

  10. Python引用拷贝赋值

    先安利一个网站,对学习编程很有帮助:http://www.pythontutor.com/ 可以逐行可视化执行代码,具体自行体验啦 这个网站也是我在看别人的博文时候找到的,也先贴上别人的理解吧,我觉得 ...