JavaScript und andere Sprachen: Wie man Frontend mit Backend verbindet

JavaScript – die diplomatische Sprache: Wie sie sich mit Python, C++ und anderen verständigt

Die Entwicklungswelt ist längst nicht mehr „einsprachig“. Vorbei sind die Zeiten, in denen Projekte ausschließlich in PHP oder Java geschrieben wurden. Heute leben wir im Zeitalter des polyglotten Programmierens, und JavaScript spielt in diesem Ökosystem die Rolle des Chefdiplomaten. Es kann mit jedem zusammenarbeiten: von Python bis C++, von Go bis Rust. Die Frage ist nur, wie genau man das organisiert.

Lassen Sie uns herausfinden, wie man JavaScript mit anderen Sprachen integriert. Ohne Umschweife, mit echten Codebeispielen und praktischen Szenarien. Sie erfahren, wie Sie Frontend und Backend dazu bringen, im Einklang zu arbeiten, anstatt sich zu bekriegen.

Warum überhaupt JavaScript mit anderen Sprachen kombinieren?

Man könnte meinen, warum komplizieren? Es gibt Node.js – schreib alles in JS. Aber die Realität ist komplexer. Jede Sprache hat ihre eigenen Superkräfte:

\n
• Python – der König des maschinellen Lernens und der Datenwissenschaft. JS ist hier machtlos.
\n
• C++ – maximale Leistung für Spiele und Grafik.
\n
• Java – Zuverlässigkeit für Unternehmenslösungen.
\n
• Go – Asynchronität und Geschwindigkeit in Microservices.
\n

Die Integration von JavaScript mit diesen Sprachen ermöglicht es, das Beste aus jeder Welt zu nutzen. Sie erhalten eine schöne Oberfläche in React und leistungsstarke Analysen in Python unter der Haube. Klingt wie ein Traum? Machen wir ihn wahr.

Möglichkeiten der Integration von JavaScript mit Python

1. Python aus Node.js über child_process aufrufen

Der einfachste und direkteste Weg ist, ein Python-Skript als untergeordneten Prozess zu starten. Das ist nicht elegant, funktioniert aber überall.

// app.js – Node.js ruft Python auf\nconst { exec } = require('child_process');\n\nfunction analyzeSentiment(text) {\n    return new Promise((resolve, reject) => {\n        exec(`python3 sentiment.py "${text}"`, (error, stdout, stderr) => {\n            if (error) return reject(error);\n            resolve(stdout.trim());\n        });\n    });\n}\n\n// Verwendung\n(async () => {\n    const result = await analyzeSentiment('JavaScript ist die beste Sprache!');\n    console.log(`Stimmung: ${result}`);\n})();\n

Und hier das Python-Skript selbst:

# sentiment.py\nimport sys\nfrom textblob import TextBlob\n\ntext = sys.argv[1]\nblob = TextBlob(text)\nprint(blob.sentiment.polarity)\n

Nachteil: Jeder Aufruf ist ein neuer Prozess. Verwenden Sie für die Produktion python-shell oder zerorpc.

2. Verbindung über REST API (Flask + Node.js)

Ein besserer Ansatz ist, einen Microservice in Python zu starten und über HTTP mit ihm zu kommunizieren.

# server.py – Python Flask API\nfrom flask import Flask, request, jsonify\nimport joblib\n\napp = Flask(__name__)\nmodel = joblib.load('model.pkl')\n\n@app.route('/predict', methods=['POST'])\ndef predict():\n    data = request.json\n    prediction = model.predict([data['features']])\n    return jsonify({'result': prediction.tolist()})\n\nif __name__ == '__main__':\n    app.run(port=5000)\n

Auf der JavaScript-Seite:

// client.js – Node.js Client\nasync function getPrediction(features) {\n    const response = await fetch('http://localhost:5000/predict', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({ features })\n    });\n    return response.json();\n}\n\n// Beispielaufruf\ngetPrediction([1.2, 3.4, 5.6]).then(console.log);\n

Dieser Ansatz wird in 90% der Fälle bei der Integration von JavaScript mit Python verwendet. Microservice-Architektur regiert.

3. Python im Browser: Brython und Pyodide

Möchten Sie Python direkt im Frontend ausführen? Verwenden Sie Pyodide – den WebAssembly-Port von CPython.

<!DOCTYPE html>\n<html>\n<head>\n    <script src="https://cdn.jsdelivr.