官方文档：https://flask-socketio.readthedocs.io/en/latest/
websocket主要应用于客户端和服务端双向通信，永久的双向通信通道。
任何一个都可以启动交换。 一旦建立，连接一直有效，直到其中一方断开连接。
前端
使用socket.io.min.js是node.js的一个websocket库，首先创建socket. emit是向后端发送消息, message是该条消息的名称，后面是发送消息的数据。on是注册接受消息的事件,获取后端传过来的数据. namespace是指一类的消息。当连接成功时，会触发connect事件，连接关闭时，触发disconnect事件。
<html> <head> <script type="text/javascript" src="https://code.jquery.com/jquery-3.4.0.min.js"></script> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/socket.io/1.3.6/socket.io.min.js"></script> <script type="text/javascript" charset="utf-8"> $(document).ready(function () { namespace = "/wechat" var socket = io.connect('http://' + document.domain + ':' + location.port + namespace); socket.emit("message", { "data": "zhangsan" }) socket.on('connect', function (data) { socket.emit('message', { 'data': 'I\'m connected!' }); }); socket.on('disconnect', function(data){ socket.emit('message', { 'data': 'I\'m disconnected!' }); }); socket.on('response', function (data) { console.log(data.age) }); }); </script> </head> <body> <h1>德玛西亚</h1> </body> </html>
后端
Flask-SocketIO，使Flask应用程序可以访问客户端和服务器之间的低延迟双向通信。
安装：pip install flask-socketio
send 和 emit区别
send发送的是无命名的数据，而emit是发送有命名的数据，个人建议是emit
简单使用
on是注册接收前端消息的方法，message是指接收的信息的名称，和前端对应。namespace是指一类的消息，和前端对应。emit是指向前端发送消息，对应的消息的名称、数据和namespace。
默认的两个事件，connect和disconnect，当websocket连接成功和失败时，自动触发这两个事件。
from flask import Flask, render_template from flask_socketio import SocketIO app = Flask(__name__) app.config['SECRET_KEY'] = 'secret!' socketio = SocketIO(app) @app.route('/') def index(): return render_template('index.html') @socketio.on('message', namespace="/wechat") def handle_message(message): print('received message: ' + message['data']) socketio.emit("response", {'age': 18}, namespace="/wechat") @socketio.on('connect', namespace="/wechat") def connect(): print("connect..") @socketio.on('disconnect', namespace="/wechat") def connect(): print("disconnect...") if __name__ == '__main__': socketio.run(app, port=8080)
基于类的使用
上面都是基于方法使用，个人感觉如果操作较多的情况，比较凌乱，使用类去管理会整齐和方便很多。
服务器收到的任何事件都会被分配到一个名为带有on_前缀的事件名称的方法。
这个案例和上面基于方法是一样的，但是更加方便管理了，每个class管理一个namespace。
class MyCustomNamespace(Namespace): def on_connect(self): print("连接..") def on_disconnect(self): print("关闭连接") def on_message(self, data): print('received message: ' + data['data']) self.emit("response", {'age': 18}) socketio.on_namespace(MyCustomNamespace("/wechat"))
链接：https://blog.csdn.net/qq_22918243/java/article/details/89449850