扫码关注官方微信

扫码下载APP
返回顶部
首页 > 资讯 > 后端开发 > Python >flask上使用websocket的方法示例
  • 732

0
分享到

flask上使用websocket的方法示例

2024-04-02 19:04:59 732人浏览 八月长安

Python 官方文档：入门教程 => 点击学习

摘要

目录flask-Socketio服务器端程序SocketIO客户端程序使用Flask-SocketsFlask-Sockets和Flask-SocketIO之间的主要区别在于前者仅仅

Flask-Sockets和Flask-SocketIO之间的主要区别在于前者仅仅将websocket协议（通过使用gevent-WEBsocket项目）进行包装，因此它只适用于原生支持WebSocket协议的浏览器，对于那些不支持WebSocket协议的较老的浏览器，就无法使用它了。 Flask-SocketIO则不同，通过前面的介绍，读者应该已经知道了它不仅实现了WebSocket协议，并且对于那些不支持WebSocket协议的旧版浏览器，使用它也能够实现相同的效果。新版旧版的浏览器都能使用他 

另一个区别是Flask-SocketIO实现了SocketIO javascript库公开的消息传递协议。 Flask-Sockets只是实现通信通道，发送的是完全取决于应用程序。 
Flask-SocketIO还为事件处理程序创建了一个类似flask的常规视图函数的环境，包括创建应用程序和请求上下文。 然而，在文档中会介绍一些重要的例外情形。

Flask-SocketIO服务器端程序

如下是一个使用了Flask-SocketIO的Flask应用程序。

from flask import Flask, render_template
from flask_socketio import SocketIO, emit

app = Flask(__name__)
app.config['SECRET_KEY'] = 'secret!'
socketio = SocketIO(app)

@app.route('/')
def index():
    return render_template('index.html')

@socketio.on('my event', namespace='/test')
def test_message(message):
    emit('my response', {'data': message['data']})

@socketio.on('my broadcast event', namespace='/test')
def test_message(message):
    emit('my response', {'data': message['data']}, broadcast=True)

@socketio.on('connect', namespace='/test')
def test_connect():
    emit('my response', {'data': 'Connected'})

@socketio.on('disconnect', namespace='/test')
def test_disconnect():
    print('Client disconnected')

if __name__ == '__main__':
    socketio.run(app)

SocketIO客户端程序

$(document).ready(function(){
    var socket = io.connect('Http://' + document.domain + ':' + location.port + '/test');
    socket.on('my response', function(msg) {
        $('#log').append('<p>Received: ' + msg.data + '</p>');
    });
    $('fORM#emit').submit(function(event) {
        socket.emit('my event', {data: $('#emit_data').val()});
        return false;
    });
    $('form#broadcast').submit(function(event) {
        socket.emit('my broadcast event', {data: $('#broadcast_data').val()});
        return false;
    });
});

使用Flask-Sockets

sever端：

from flask import Flask
from flask_sockets import Sockets
import datetime
import time
import random

app = Flask(__name__)
sockets = Sockets(app)


@sockets.route('/echo')
def echo_socket(ws):
    while not ws.closed:

        now = datetime.datetime.now().isoformat() + 'Z'
        ws.send(now)  #发送数据
        time.sleep(1)

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

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

client端：

<!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" style="width: 300px;height: 50px;background-color: #0C0C0C;
    color: white;text-align: center;line-height: 50px;margin-left: 40%;font-size: 20px"></div>

    <script>
            var ws = new WebSocket("ws://127.0.0.1:5000/echo");  #连接server

            ws.onmessage = function (event) {
                content = document.createTextnode(event.data); # 接收数据
                $("#time").html(content);

            };

    </script>
    </body>
</html>

到此这篇关于flask上使用websocket的方法示例的文章就介绍到这了,更多相关flask使用websocket内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网！

您可能感兴趣的文档:

--结束END--

本文标题: flask上使用websocket的方法示例

本文链接: https://lsjlt.com/news/118624.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • flask上使用websocket的方法示例
    目录Flask-SocketIO服务器端程序SocketIO客户端程序使用Flask-SocketsFlask-Sockets和Flask-SocketIO之间的主要区别在于前者仅仅...
    99+
    2024-04-02
  • 在koa中简单使用Websocket连接的方法示例
    目录前言ws模块安装websocket初始化websocket下发数据总结前言 在一次项目需求会上，有个新需求是要让用户从管理后台主动下发数据到app前端，从而让前端那边对这主动下发...
    99+
    2024-04-02
  • Python flask使用ajax上传文件的示例代码
    目录前言JSForm的enctype属性InputMIME类型（更多直接百度，类型超乎你的想想）上传单个文件html代码部分javascript代码部分flask 视图函数部分上传多...
    99+
    2024-04-02
  • Python Flask JinJa2 语法使用示例详解
    目录一、概述二、JinJa2 语法介绍与示例讲解1）变量2）控制结构3）循环结构4）宏5）过滤器6）继承7）包含一、概述 Flask是一个轻量级的Python Web框架，支持Ji...
    99+
    2023-03-19
    Python Flask JinJa2 语法 Python Flask
  • HTML5中WebSocket API的用法示例
    这篇文章主要介绍了HTML5中WebSocket API的用法示例，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。一、什么是WebSocket...
    99+
    2024-04-02
  • JS前端中WebSocket的使用方法举例
    先来一个常用例子 // WebSocket构造函数，创建WebSocket对象 let ws = new WebSocket('ws://localhost:8888') // 连...
    99+
    2023-03-02
    websocket 使用 websocket教程 websocket能做什么
  • vue使用websocket概念及示例
    目录概念部分：使用示例概念部分： 1，WebSocket 是 HTML5 提供的 TCP 连接上进行全双工通讯的协议。一次握手之后，服务器和客户端可以互相主动通信，双向传输数据。 2...
    99+
    2024-04-02
  • golang中vue使用websocket的示例分析
    小编给大家分享一下golang中vue使用websocket的示例分析，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！一. 编写golang服务端导入必要的webs...
    99+
    2023-06-15
  • Flask中Bootstrap的使用方法
    小编给大家分享一下Flask中Bootstrap的使用方法，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！在视图的选择上，我们已经学习了模板引擎的方法。不过有些小伙...
    99+
    2023-06-14
  • php使用cookie的方法示例
    这篇文章将为大家详细讲解有关php使用cookie的方法示例，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。什么是cookie服务器在客户端保存用户的信息，比如登录名，密码等。这些数据就像小甜饼一样，数据量...
    99+
    2023-06-14
  • Python使用win32com.client的方法示例
    在网上搜索的时候，经常看到两种打开方式: dispatch和EnsureDispatch import win32com.client as win32 xl_dis = win32...
    99+
    2023-02-19
    Python使用win32com.client Python win32com.client
  • Flask-SQLALchemy基本使用方法
    目录数据库基本操作将数据添加到会话中示例：在视图函数中定义模型类常用的SQLAlchemy查询过滤器常用的SQLAlchemy查询执行器创建表：删除表插入一条数据一次插入多条数据查询...
    99+
    2024-04-02
  • node.js基于express使用websocket的方法
    本文实例讲述了node.js基于express使用websocket的方法。分享给大家供大家参考，具体如下： 这个效果我也是翻了好长时间的资料，测试才成功的，反正成功，大家看看吧 首先你需要安装socket...
    99+
    2022-06-04
    方法 js node
  • javascript中使用toSource()方法的示例
    小编给大家分享一下javascript中使用toSource()方法的示例，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！JavaScript的特点1.JavaSc...
    99+
    2023-06-14
  • flex使用方法的示例分析
    这篇文章主要介绍flex使用方法的示例分析，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！Flex是如何工作的该部分文档的内容是为用户提供关于AdobeFlex工作机制的一个快速综述。通过本章节的学习，你可以创建你的*...
    99+
    2023-06-17
  • vue3下watch的使用方法示例
    目录一，监听单个数据ref二，监听引用类型数据ref:深度监听1，引用类型ref直接深度监听2，引用类型ref深拷贝深度监听三，监听单个数据：reactive四，监听引用类型数据：r...
    99+
    2023-03-19
    vue3 watch使用 vue3 watch
  • Vue中使用Teleport的方法示例
    目录正文Teleport 在 Vue 中的使用禁用 Teleport 标签正文 通常，当我们在 Vue 中创建组件时，它们出现在我们期望的 DOM 结构中。但是，有时我们并不希望如此...
    99+
    2022-11-13
    Vue使用Teleport Vue Teleport
  • flask中模板引擎的使用方法
    小编给大家分享一下flask中模板引擎的使用方法，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！在我们对flask的一些引擎使用时，就不得不提到其中的一个默认引擎了...
    99+
    2023-06-14
  • Elasticsearches之python使用及Django与Flask集成示例
    目录Elasticsearch之Python使用Elasticsearch之Django/Flask集成elasticsearch-dsldjango集成Elasticsearch之...
    99+
    2024-04-02
  • Spring Cloud微服务使用webSocket的方法
    webSocket webSocket长连接是一种在单个tcp连接上进行全双工通信的协议，允许双向数据推送。一般微服务提供的restful API只是对前端请求做出相应。使用web...
    99+
    2024-04-02
软考高级职称资格查询
热门wiki
近期文章
推荐阅读
热门问答
热门标签
编程网，编程工程师的家园，是目前国内优秀的开源技术社区之一，形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容，为IT开发者提供了一个发现、使用、并交流开源技术的平台。

  • 官方手机版

  • 微信公众号

  • 商务合作