Flask-Websocket


项目配置

系统:windows
Flask 1.1.2
Flask-Sockets 0.2.1
Werkzeug 1.0.1


提示:以下是本篇文章正文内容,下面案例可供参考

一、服务端

from flask import Flask
from flask_sockets import Sockets
import time
app = Flask(__name__)
sockets = Sockets(app)

@sockets.route('/echo')
def echo_socket(ws):
    while not ws.closed:
        now = time.strftime("%Y-%m-%d %H:%M:%S", time.localtime())
        ws.send(now)  #发送数据
        time.sleep(0.5)

@app.route('/')
def hello():
    return 'Hello World!'

if __name__ == "__main__":
    from gevent import pywsgi
    from geventwebsocket.handler import WebSocketHandler
    server = pywsgi.WSGIServer(('127.0.0.1', int(5000)), app, handler_class=WebSocketHandler)
    print('server start')
    server.serve_forever()

二、web客户端

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.bootcss.com/jquery/3.2.0/jquery.js"></script>
</head>
<body>
    <div id="time"></div>
    <script>
            var ws = new WebSocket("ws://127.0.0.1:5000/echo");
            ws.onmessage = function (event) {
                content = document.createTextNode(event.data);
                $("#time").html(content);
            };
    </script>
    </body>
</html>

运行效果:
在这里插入图片描述


三、python客户端

import websockets
import asyncio

async def hello():
    async with websockets.connect("ws://127.0.0.1:5000/echo")as ws:
        while True:
            data = await ws.recv()
            await ws.send("Hello, World")
            await asyncio.sleep(0.5)
            print ("Received:'%s'" % data)

loop = asyncio.get_event_loop()
loop.run_until_complete(hello())

运行效果:

Received:'2022-01-26 20:51:34'
Received:'2022-01-26 20:51:34'
Received:'2022-01-26 20:51:35'
Received:'2022-01-26 20:51:35'
Received:'2022-01-26 20:51:36'
Received:'2022-01-26 20:51:36'
Received:'2022-01-26 20:51:37'
Received:'2022-01-26 20:51:37'

总结

版本安装错误会导致很多问题,请按照以上配置进行测试。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

cd2w1001

看了觉得好,就请我喝瓶水吧!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值