Heim > Artikel > Backend-Entwicklung > Erstellen Sie Echtzeit-Webanwendungen mit Python und Node.js

Erstellen Sie Echtzeit-Webanwendungen mit Python und Node.js

WBOYOriginal: 2023-06-18 09:29:591113Durchsuche

Python und Node.js sind beide sehr beliebte Entwicklungssprachen und werden in verschiedenen Bereichen häufig verwendet. Python wird hauptsächlich für die Entwicklung von Data-Science- und Machine-Learning-Anwendungen verwendet, während Node.js ein schnelles Webanwendungs-Framework ist, das sich ideal für die Erstellung von Echtzeit-Webanwendungen eignet.

In diesem Artikel besprechen wir, wie man Echtzeit-Webanwendungen mit Python und Node.js erstellt. Wir stellen zunächst die Grundkonzepte von Echtzeit-Webanwendungen vor und zeigen dann, wie Echtzeitanwendungen mithilfe der Web-Socket-Kommunikation (Socket) in Python und Node.js implementiert werden.

Was ist eine Echtzeit-Webanwendung?

Echtzeit-Webanwendungen beziehen sich auf Webanwendungen, die sofort auf Ereignisse und Änderungen reagieren können. Diese Ereignisse und Änderungen können Benutzerinteraktionsereignisse oder Änderungen an Back-End-Datenquellen sein. Typische Beispiele für Echtzeit-Webanwendungen sind Chat-Programme, Programme zur Aktienkursüberwachung, Online-Multiplayer-Spiele usw.

Es gibt viele Möglichkeiten, Echtzeitanwendungen zu implementieren. Die beliebteste davon ist die Verwendung der Web-Socket-Kommunikation. Die Web-Socket-Kommunikation ist ein spezielles Netzwerkprotokoll, das es dem Server und dem Client ermöglicht, in Echtzeit und in beide Richtungen zu kommunizieren, ohne die Seite abzufragen oder zu aktualisieren.

Wie erstellt man Echtzeit-Webanwendungen mit Python und Node.js?

Sowohl Python als auch Node.js bieten Bibliotheken und Frameworks, die Web-Sockets unterstützen, nämlich Pythons Flask-SocketIO und Node.js‘ Socket.IO. Im Folgenden stellen wir vor, wie man Echtzeit-Webanwendungen in diesen beiden Sprachen erstellt.

Erstellen Sie Echtzeit-Webanwendungen mit Python Flask-SocketIO

Zuerst müssen wir die relevanten Python- und Flask-SocketIO-Bibliotheken installieren. Es kann durch Ausführen des folgenden Befehls installiert werden:

pip install flask flask-socketio

Als nächstes müssen wir eine grundlegende Flask-Anwendung erstellen und die SocketIO-Erweiterung aktivieren. Sie können sich auf den folgenden Code beziehen:

from flask import Flask, render_template
from flask_socketio import SocketIO, emit

app = Flask(__name__)
app.config['SECRET_KEY'] = 'secret!'
socketio = SocketIO(app)

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

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

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

Im obigen Code haben wir zuerst die Bibliotheken Flask und Flask-SocketIO importiert. Anschließend wurde eine Flask-Anwendung erstellt und die SocketIO-Erweiterung aktiviert.

Als nächstes definieren wir eine Index-Routing-Funktion, um eine grundlegende HTML-Vorlage zurückzugeben. In der Funktion handle_connect definieren wir eine SocketIO-Ereignisverarbeitungsfunktion, die ausgelöst wird, wenn der Client eine Verbindung herstellt. Abschließend starten wir die Anwendung mit der Funktion socketio.run.

Jetzt müssen wir eine einfache HTML-Vorlage (index.html) erstellen, um die Anwendung anzuzeigen.

<!DOCTYPE html>
<html>
<head>
    <title>Flask-SocketIO Real-time Web Application</title>
    <script src="https://cdn.socket.io/socket.io-1.4.5.js"></script>
    <script type="text/javascript">
        var socket = io.connect('http://' + document.domain + ':' + location.port);

        socket.on('connect', function() {
            console.log('Connected to server.');
        });
    </script>
</head>
<body>
    <h1>Flask-SocketIO Real-time Web Application</h1>
</body>
</html>

Im obigen Code verweisen wir auf die Socket.IO-Bibliothek, stellen eine Verbindung zum SocketIO-Server her und zeigen eine Meldung an, wenn die Verbindung erfolgreich ist.

Jetzt können wir den obigen Code ausführen und http://127.0.0.1:5000 im Browser öffnen, um eine grundlegende Flask-SocketIO-Echtzeit-Webanwendung anzuzeigen.

Erstellen Sie Echtzeit-Webanwendungen mit Node.js Socket.IO

Als nächstes stellen wir vor, wie Sie Echtzeit-Webanwendungen mit Node.js und Socket.IO erstellen.

Zuerst müssen wir Node.js installieren und ein leeres Node.js-Projekt erstellen.

Wir können dann die Socket.IO-Bibliothek installieren, indem wir den folgenden Befehl ausführen:

npm install socket.io

Als nächstes müssen wir eine grundlegende Node.js-Anwendung erstellen und die Socket.IO-Bibliothek aktivieren. Sie können sich auf den folgenden Code beziehen:

var app = require('http').createServer(handler),
    io = require('socket.io')(app),
    fs = require('fs');

app.listen(3000);

function handler(req, res) {
    fs.readFile(__dirname + '/index.html',
        function (err, data) {
            if (err) {
                res.writeHead(500);
                return res.end('Error loading index.html');
            }

            res.writeHead(200);
            res.end(data);
        });
}

io.on('connection', function (socket) {
    console.log('Client connected');

    socket.on('disconnect', function () {
        console.log('Client disconnected');
    });
});

Im obigen Code haben wir zunächst die http- und socket.io-Bibliotheken von Node.js importiert und einen einfachen http-Server erstellt. Anschließend definieren wir eine Handlerfunktion, die eine grundlegende HTML-Vorlage zurückgibt. Im Ereignis io.on('connection') definieren wir eine SocketIO-Ereignisbehandlungsfunktion, die ausgelöst wird, wenn der Client eine Verbindung herstellt oder trennt.

In den nächsten Schritten müssen wir eine grundlegende HTML-Vorlage (index.html) erstellen, um die Anwendung anzuzeigen.

<!DOCTYPE html>
<html>
<head>
    <title>Node.js Socket.IO Real-time Web Application</title>
    <script src="/socket.io/socket.io.js"></script>
    <script type="text/javascript">
        var socket = io.connect('http://' + document.domain + ':3000');

        socket.on('connect', function() {
            console.log('Connected to server.');
        });
    </script> 
</head>
<body>
    <h1>Node.js Socket.IO Real-time Web Application</h1>
</body>
</html>

Im obigen Code verweisen wir auf die Socket.IO-Bibliothek, stellen eine Verbindung zum SocketIO-Server her und zeigen eine Meldung an, wenn die Verbindung erfolgreich ist.

Jetzt können wir den obigen Code ausführen und http://localhost:3000 im Browser öffnen, um eine einfache Node.js Socket.IO-Echtzeit-Webanwendung anzuzeigen.

Zusammenfassung

In diesem Artikel haben wir behandelt, wie man Echtzeit-Webanwendungen mit Python Flask-SocketIO und Node.js Socket.IO erstellt. Echtzeit-Webanwendungen erfordern häufig die Verwendung der Web-Socket-Kommunikation, um eine bidirektionale Echtzeitkommunikation zwischen dem Client und dem Server zu ermöglichen. Die Bibliotheken Flask-SocketIO und Socket.IO bieten entsprechende Unterstützung, was den Betrieb bei der Entwicklung von Echtzeit-Webanwendungen erheblich vereinfachen kann.

Das obige ist der detaillierte Inhalt vonErstellen Sie Echtzeit-Webanwendungen mit Python und Node.js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Python flask node.js html JS 事件 http

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Python-Serverprogrammierung: Unit-Test mit UnittestNächster Artikel：Python-Serverprogrammierung: Unit-Test mit Unittest

In Verbindung stehende Artikel

Mehr sehen