在Flask中如何實現(xiàn)WebSocket通信

發(fā)布時間：2024-04-30 09:57:14 來源：億速云閱讀：181 作者：小樊欄目：web開發(fā)

在Flask中實現(xiàn)WebSocket通信通常需要使用WebSocket擴展。常用的是Flask-SocketIO和Flask-SocketIO-Client庫。

以下是一個簡單的示例代碼，演示了如何在Flask應(yīng)用中實現(xiàn)WebSocket通信：

from flask import Flask, render_template
from flask_socketio import SocketIO

app = Flask(__name__)
socketio = SocketIO(app)

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

@socketio.on('message')
def handle_message(message):
    print('received message: ' + message)
    socketio.send(message)

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

在上面的示例中，我們首先初始化了一個Flask應(yīng)用和一個SocketIO實例。然后定義了一個路由’/‘，并在該路由中渲染了一個簡單的HTML模板。接著我們定義了一個事件處理器handle_message，用于處理客戶端發(fā)送過來的消息，并發(fā)送響應(yīng)消息。

在客戶端，我們可以使用JavaScript的SocketIO客戶端庫來連接WebSocket服務(wù)，并發(fā)送接收消息。以下是一個簡單的HTML模板示例：

<!DOCTYPE html>
<html>
<head>
    <title>WebSocket Example</title>
    <script src="https://cdn.socket.io/socket.io-4.0.1.min.js"></script>
</head>
<body>
    <script>
        var socket = io();
        socket.on('connect', function() {
            console.log('connected');
            socket.send('Hello, server!');
        });
        
        socket.on('message', function(data) {
            console.log('received message: ' + data);
        });
    </script>
</body>
</html>

在上面的示例中，我們引入了SocketIO的JavaScript客戶端庫，并通過io()方法初始化了一個SocketIO實例。然后我們監(jiān)聽了connect事件，連接成功后向服務(wù)端發(fā)送了一個消息，并監(jiān)聽了message事件，用于處理服務(wù)端發(fā)送過來的消息。

通過以上代碼示例，可以實現(xiàn)WebSocket通信的功能。在實際應(yīng)用中，你可以根據(jù)需求擴展功能，如實現(xiàn)實時聊天、實時數(shù)據(jù)更新等。

向AI問一下細節(jié)

在Flask中如何實現(xiàn)WebSocket通信

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標簽