Rumah > Artikel > pembangunan bahagian belakang > Cara menggunakan Flask-SocketIO untuk melaksanakan aplikasi komunikasi masa nyata
Cara menggunakan Flask-SocketIO untuk melaksanakan aplikasi komunikasi masa nyata
- 王林asal
- 2023-08-03 21:57:221356semak imbas
Cara menggunakan Flask-SocketIO untuk melaksanakan aplikasi komunikasi masa nyata
Pengenalan:
Dalam aplikasi web, komunikasi masa nyata adalah fungsi yang sangat penting, yang membolehkan pengguna bertukar maklumat dalam masa nyata atau menerima data yang ditolak oleh pelayan dalam masa sebenar. Flask-SocketIO ialah pemalam berdasarkan rangka kerja Flask, yang menyediakan keupayaan untuk menggunakan WebSocket untuk mencapai komunikasi masa nyata. Artikel ini akan memperkenalkan cara menggunakan Flask-SocketIO untuk melaksanakan aplikasi komunikasi masa nyata yang mudah.
Penyediaan:
Mula-mula, kita perlu memasang pemalam Flask-SocketIO. Ia boleh dipasang melalui arahan berikut:
pip install flask-socketio
Selain itu, kami juga perlu memasang perpustakaan JavaScript Socket.IO untuk komunikasi masa nyata di bahagian hadapan. Ia boleh dipasang dengan arahan berikut:
npm install socket.io-client
Apabila persediaan ini selesai, kita boleh mula menulis kod.
Contoh Kod:
Berikut ialah contoh kod aplikasi komunikasi masa nyata Flask-SocketIO yang ringkas:
-
Perkenalkan perpustakaan dan modul yang diperlukan
from flask import Flask, render_template from flask_socketio import SocketIO, emit
-
Buat aplikasi Flask dan konfigurasikan semula🜎Deeee🜎 dan fungsi pengendalian acara
app = Flask(__name__) app.config['SECRET_KEY'] = 'secret!' socketio = SocketIO(app)
-
Buat fail HTML bahagian hadapan
Buat fail bernama index.html dalam direktori akar projek dan tambah kod berikut: -
Tambahkan kod berikut dalam aplikasi' fail kemasukan untuk memulakan aplikasi :
Mulakan aplikasi
Selepas menjalankan aplikasi, lawati http://localhost:5000 dalam penyemak imbas, dan anda akan melihat antara muka aplikasi komunikasi masa nyata yang ringkas. Masukkan mesej dalam kotak input mesej dan klik butang hantar untuk merealisasikan fungsi menghantar dan menerima mesej dalam masa nyata. Ringkasan:
@app.route('/')
def index():
return render_template('index.html')
@socketio.on('message')
def handle_message(message):
print('received message: ' + message)
emit('response', {'data': 'Server response'})
@socketio.on('connect')
def handle_connect():
print('client connected')
@socketio.on('disconnect')
def handle_disconnect():
print('client disconnected')<!DOCTYPE html>
<html>
<head>
<title>Real-time Communication</title>
<script src="//code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/socket.io/2.3.1/socket.io.js"></script>
</head>
<body>
<h1>Real-time Communication</h1>
<input id="message-input" type="text" placeholder="Enter message">
<button id="send-button">Send</button>
<div id="response-div"></div>
<script type="text/javascript">
var socket = io.connect();
$('#send-button').click(function() {
var message = $('#message-input').val();
socket.emit('message', message);
});
socket.on('response', function(data) {
$('#response-div').text(data.data);
});
</script>
</body>
</html>Atas ialah kandungan terperinci Cara menggunakan Flask-SocketIO untuk melaksanakan aplikasi komunikasi masa nyata. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!