Cara menggunakan Flask-SocketIO untuk melaksanakan aplikasi komunikasi masa nyata-Tutorial Python-php.cn

Cara menggunakan Flask-SocketIO untuk melaksanakan aplikasi komunikasi masa nyata

王林

Lepaskan： 2023-08-03 21:57:22

asal

1442 orang telah melayarinya

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

Salin selepas log masuk

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

Salin selepas log masuk

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

Salin selepas log masuk

Buat aplikasi Flask dan konfigurasikan semula🜎Deeee🜎 dan fungsi pengendalian acara
```
app = Flask(__name__)
app.config['SECRET_KEY'] = 'secret!'
socketio = SocketIO(app)
```
Salin selepas log masuk
Buat fail HTML bahagian hadapan
Buat fail bernama index.html dalam direktori akar projek dan tambah kod berikut:

@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')

Salin selepas log masuk

Mulakan aplikasi
Tambahkan kod berikut dalam aplikasi' fail kemasukan untuk memulakan aplikasi :

<!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>

Salin selepas log masuk

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.

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!