PyScript ist ein mit Pyodide erstelltes Framework, mit dem Sie Python-Code in einem Browser ausführen können. Es steckt noch in den Kinderschuhen, aber das Entwicklerteam hat kürzlich eine Beta-Version veröffentlicht.

Mit dem Tool können Entwickler Python direkt in HTML schreiben, ohne dass ein Server-Backend wie Flask oder Django erforderlich ist.

Obwohl es sich noch in der Beta-Phase befindet, verfügt PyScript bereits über einige beeindruckende Funktionen, die es wert sind, ausprobiert zu werden.

1. Einfach einzurichten

Der Einstieg in PyScript ist so einfach wie das Verknüpfen mit seinem CDN in Ihrem HTML-Kopf. Sie können auch den Quellcode herunterladen und die Dateien des Projekts auf Ihrer eigenen Website hosten. Während letztere Option einige kleine Vorteile hat, ist die Verknüpfung mit dem CDN einfacher.

Um mit der Verwendung von PyScript zu beginnen, können Sie seine JavaScript- und CSS-Dateien wie folgt einbinden:

<Kopf>
<link rel="Stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>
</head>
instagram viewer

2. Schreiben Sie Python direkt in HTML

Ihr Python-Code befindet sich in einem benutzerdefinierten py-Skript -Tag im Textkörper eines Dokuments. Die PyScript-JavaScript-Datei interpretiert dann ihren Inhalt mit Python. Sie können ein HTML-Element, z. B. ein div, angeben, in das PyScript die Ausgabe schreiben soll.

Hier ist ein Beispiellayout:

<Karosserie>
<div-id="Python-Container"></div>
<py-script-Ausgabe="Python-Container">
drucken("Hallo Welt")
</py-script>
</body>

Denken Sie daran, dass die Einrückung in Ihrem Python-Code von Bedeutung ist. Sie müssen darauf achten, richtig einzurücken, um dies zu vermeiden ein Python-Einrückungsfehler.

3. Importieren und isolieren Sie Python-Standardmodule

Eine weitere einzigartige Funktion von PyScript ist, dass Sie Abhängigkeiten von der Masse trennen können. Das bedeutet, dass Sie eine Abhängigkeit in Ihrem HTML-Kopf auflisten, bevor Sie sie importieren können. Alle Abhängigkeiten befinden sich in a py-env -Tag im HTML-Head-Bereich:

<!DOCTYPE html>
<html>
<Kopf>
<link rel="Stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>
<py-env>
- taub
- Pandas
- openpyxl
- matplotlib
</py-env>
</head>
<Karosserie>
<py-Skript>
importieren Pandas
</py-script>
</body>
</html>

4. Importieren und verwenden Sie Ihre eigenen lokalen Module und Dateien

Sie müssen Ihren gesamten Python-Code nicht direkt in Ihre HTML-Dateien schreiben, wenn Sie PyScript verwenden. Sie können Funktionen schreiben oder benutzerdefinierte Python-Module in separaten Dateien, listen Sie sie in der auf py-env taggen und importieren. Dies macht es einfach, saubereren und lesbaren Code zu schreiben.

Allerdings müssen Sie darauf hinweisen py-env -Tag zu Ihren lokalen Modulpfaden hinzufügen. Auf ähnliche Weise listen Sie jede lokale Datei auf, die Sie in Ihrem Python-Code verwenden möchten. Wenn Sie beispielsweise eine Excel-Datei mit Pandas lesen, müssen Sie ihren Pfad angeben:

<py-env>
- taub
# Lokale Module und Dateien kommen hierher:
- Pfade:
 - /main.py 
 - /path_to_excel_file.xlsx
</py-env>

5. Rendern Sie Visualisierungen direkt im DOM

Das Teilen von Visualisierungen und Dashboards kann eine knifflige Aufgabe sein. Mit PyScript können Sie Ihre Python-Storyboards und -Visualisierungen direkt im Browser anzeigen, ohne serverbasierte Lösungen zu verwenden. Sie können sogar eine Excel-Tabelle als HTML in das DOM schreiben.

Zum Beispiel mit den erforderlichen Abhängigkeiten in a Virtuelle Python-Umgebung Sie können Daten aus einer Excel-Datei darstellen:

<!DOCTYPE html>
<html>
<Kopf>
<link rel="Stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>
<py-env>
- Pandas
- matplotlib
# Lokale Module und Dateien kommen hierher:
- Pfade:
 - /path_to_excel_file.xlsx
</py-env>
</head>
<Karosserie>
<div-id="Python-Container"></div>
<py-script-Ausgabe="Python-Container">
importieren Pandas als pd
importieren matplotlib.pyplot als plt
df = pd.read_excel ("excel_dateiname.xlsx")
x = df["Monate"]
y = df["Wachstumsrate"]
Feige, Axt = plt.subplots()
Axt.Handlung(x, j)
Feige
</py-script>
</body>
</html>

Weitere Informationen zu PyScript finden Sie über seine README auf Github oder der Offizielle Website von PyScript.

PyScript gibt Python einen Schub

Einer der Mängel von Python ist seine Unfähigkeit, direkt im DOM zu arbeiten. Und dies ist einer der Gründe, warum JavaScript bei der Webentwicklung immer einen Schritt voraus ist. Die Einführung von PyScript könnte dies ändern, wenn es das Funktionalitätsniveau von JavaScript erreichen kann. Nichtsdestotrotz ist PyScript ein praktisches Tool, da es Ihnen hilft, Ihre Python-Projekte einfach zu hosten und zu teilen. Beachten Sie jedoch, dass einige Funktionen möglicherweise nicht funktionieren, da PyScript immer noch ein experimentelles Framework ist.

Was Sie in der kommenden Python 3.11-Version erwarten können

Lesen Sie weiter

TeilenTwitternTeilenEmail

Verwandte Themen

  • Programmierung
  • Python
  • Web Entwicklung
  • HTML

Über den Autor

Idowu Omisola (147 veröffentlichte Artikel)

Idowu hat eine Leidenschaft für Smart Tech und Produktivität. In seiner Freizeit spielt er mit Programmieren herum und wechselt bei Langeweile zum Schachbrett, aber er liebt es auch, ab und zu aus der Routine auszubrechen. Seine Leidenschaft, Menschen den Weg durch moderne Technologie zu zeigen, motiviert ihn, mehr zu schreiben.

Mehr von Idowu Omisola

Abonnieren Sie unseren Newsletter

Abonnieren Sie unseren Newsletter für technische Tipps, Rezensionen, kostenlose E-Books und exklusive Angebote!

Klicken Sie hier, um sich anzumelden