Flask-Entwicklungsserver serviert beschädigte socket.io.js Datei

Question

Ich versuche, eine App zu erstellen, die SocketIO über das Python-Flask-socketio-Paket verwendet. Ich habe meinen Server als solche eingerichtet:

Datei ./run.py

from my_project import app, socketio 

if __name__ == '__main__': 
    socketio.run(app, host='0.0.0.0', debug=True) 

Datei ./my_project/__init__.py

from flask import Flask 
from flask_socketio import SocketIO 

app = Flask(__name__) 
app.config['SECRET_KEY'] = 'MY SECRET KEY' 
socketio = SocketIO(app) 

@socketio.on('connect') 
def print_connect(): 
    print('Client connected') 

@socketio.on('disconnect') 
def print_disconnect(): 
    print('Client disconnected') 

from my_project import views 

Ich war immer "nicht definiert" Fehler bei dem Versuch, es auf dem Client zu verwenden, so dass ich öffnete die socket.io.js Datei, die Chrome vom Server abgerufen hatte, nur um durch den folgenden Inhalt (in ihrer Gesamtheit) überrascht zu werden:

�0{"pingTimeout":60000,"sid":"3d6073ff436c49b1aa06090dbb001ceb","upgrades":[],"pingInterval":25000}�40

Um zu überprüfen, dass es nichts mit meiner App zu tun hatte, holte ich die Datei durch curl mit dem Befehl curl 127.0.0.1:5000/socket.io/socket.io.js zurück, der genau die gleiche verstümmelte Zeichenfolge zurückgab.

Ich verwende Express in keiner Weise (soweit ich weiß), so dass die meisten anderen Fragen über die Beschaffung der Client-socket.io-Datei nicht zutreffen scheinen. Außerdem bekomme ich keine 404 vom Server, ich bekomme eine 200 und Daten irgendeiner Art.

Was kann ich tun, um zu beheben, warum mein Server eine offensichtlich beschädigte socket.io-Datei bereitstellt?

Answer 1

Der Socket.IO-JavaScript-Client muss als reguläre statische Datei bereitgestellt werden. Nicht sicher, warum Sie erwartet haben, dass der /socket.io/socket.io.js Pfad dem Client dient, das ist nicht so, wie es funktioniert, und tatsächlich hat der Server wirklich nichts mit dem JS-Client zu tun.

Sie müssen also die URL ändern, die Sie im Tag <script> verwenden, um auf eine tatsächliche Clientbibliothek zu zeigen. Zum Beispiel können Sie den Client von einem CDN unter https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.0.4/socket.io.js laden, oder wenn Sie möchten, laden Sie diese Datei herunter, legen Sie sie im statischen Ordner Ihrer Anwendung ab und laden Sie sie von dort mit url_for('static', filename='socket.io.js').