- 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. Mac破解免费office软件

    一.下载安装包及破解工具 地址: https://pan.baidu.com/s/1hugtoLQ 密码: s5in 附官网地址 文件夹中包含三个文件: Office16安装文件 Microsoft_ ...

  2. 算数运算符: + - * / //(地板除) %(取余) **(幂运算) / 比较运算符 > < >= <= == !=

    # ### python运算符 #(1) 算数运算符: + - * / //(地板除) %(取余) **(幂运算) var1 = 5 var2 = 8 # +res = var1 + var2 pri ...

  3. 41A

    #include <stdio.h> #include <string.h> #define MAXSIZE 105 int main() { char Berlandish[ ...

  4. 3.1.2 Spring之IoC

    二.Spring之IoC 1. IoC与DI (1) IoC 控制反转( IoC, Inversion of Control) , 是一个概念, 是一种思想. 控制反转就是对对象控制权的转移, 从程序 ...

  5. to_date

    SQL> ALTER SESSION SET NLS_DATE_FORMAT = 'YYYY-MM-DD HH24:MI:SS'; 会话已更改. SQL> SELECT TO_DATE(' ...

  6. Select input 两个元素的宽度高度跟设定值不一致的问题

    在做登录框的时候,需要一个select 元素作为账号输入,一个input作为密码输入框.在css 文件中,将这两个元素的position 设置为relative ,并且width 设置为100%.刷新 ...

  7. sql语句中 “where 1=1” 的用处

    通过拼凑sql语句,加入若干个where限制条件,如:select * from table "where conditionA" + ”and conditionB“ + ”an ...

  8. 新装Windows Server 2008 r2无法连接有线网络

    新装的Windows Server 2008 r2没有网卡驱动,所以没有网络适配器. 首先,我在相同的型号电脑上查到这个主板的网卡驱动安装的是Intel(R) Ethernet Coinnection ...

  9. sitecore开发入门之Sitecore字典结构最佳实践

    使用Sitecore时,一个重要的主题是如何为您的网站处理不同的语言和区域.Sitecore对此的回答是使用字典项,它基本上只代表键/值定义.但是,这个字典项可以设置为具有不同的语言版本,这几乎允许您 ...

  10. Linux中安装Python2.7

    原文地址:http://www.jianshu.com/p/6425d18d3e47   安装依赖的库 yum -y install python-devel openssl openssl-deve ...