PyScript is een raamwerk, gebouwd met Pyodide, waarmee u Python-code in een browser kunt uitvoeren. Het staat nog in de kinderschoenen, maar het dev-team heeft onlangs een bètaversie uitgebracht.

Met behulp van de tool kunnen ontwikkelaars Python rechtstreeks in HTML schrijven, zonder dat een server-backend zoals Flask of Django nodig is.

Hoewel het nog in bèta is, wordt PyScript al geleverd met enkele indrukwekkende functies die het proberen waard zijn.

1. Eenvoudig in te stellen

Aan de slag gaan met PyScript is net zo eenvoudig als het linken naar het CDN in uw HTML-hoofd. U kunt ook de broncode downloaden en de bestanden van het project op uw eigen site hosten. Hoewel de laatste optie enkele kleine voordelen heeft, is het koppelen aan het CDN eenvoudiger.

Om PyScript te gaan gebruiken, kunt u de JavaScript- en CSS-bestanden als volgt opnemen:

<hoofd>
<link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
<script uitstellen src="https://pyscript.net/alpha/pyscript.js"></script>
</head>
instagram viewer

2. Schrijf Python rechtstreeks in HTML

Je Python-code zit in een custom py-script tag in de hoofdtekst van een document. Het PyScript JavaScript-bestand interpreteert vervolgens de inhoud met behulp van Python. U kunt een HTML-element, zoals een div, specificeren waarnaar PyScript uitvoer kan schrijven.

Hier is een voorbeeldlay-out:

<lichaam>
<div id="python-container"></div>
<py-script uitvoer="python-container">
afdrukken("Hallo Wereld")
</py-script>
</body>

Onthoud dat inspringen belangrijk is in uw Python-code. U moet oppassen dat u correct inspringt om te voorkomen dat een Python-inspringfout.

3. Python-standaardmodules importeren en isoleren

Een ander uniek kenmerk van PyScript is dat u afhankelijkheden van de bulk kunt scheiden. Dit betekent dat u een afhankelijkheid in uw HTML-kop vermeldt voordat u deze kunt importeren. Alle afhankelijkheden zitten in een py-env tag in de HTML-kopsectie:

<!DOCTYPE html>
<html>
<hoofd>
<link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
<script uitstellen src="https://pyscript.net/alpha/pyscript.js"></script>
<py-env>
- numpy
- panda's
- openpyxl
- matplotlib
</py-env>
</head>
<lichaam>
<py-script>
importeren panda's
</py-script>
</body>
</html>

4. Importeer en gebruik uw eigen lokale modules en bestanden

U hoeft niet al uw Python-code rechtstreeks in uw HTML-bestanden te schrijven wanneer u PyScript gebruikt. U kunt functies schrijven of aangepaste Python-modules in aparte bestanden, vermeld ze in de py-env tag en importeer ze. Dit maakt het gemakkelijk om schonere en leesbare code te schrijven.

U moet echter de py-env tag naar uw lokale modulepaden. Op dezelfde manier vermeld je elk lokaal bestand dat je in je Python-code wilt gebruiken. Als u bijvoorbeeld een Excel-bestand met Panda's leest, moet u het pad opgeven:

<py-env>
- numpy
# Lokale modules en bestanden gaan hier:
- paden:
 - /main.py 
 - /path_to_excel_file.xlsx
</py-env>

5. Render visualisaties rechtstreeks naar de DOM

Het delen van visualisaties en dashboards kan een lastige taak zijn. Met PyScript kunt u uw Python-storyboards en visualisaties rechtstreeks in de browser weergeven zonder servergebaseerde oplossingen te gebruiken. U kunt zelfs een Excel-blad als HTML in de DOM schrijven.

Bijvoorbeeld, met de vereiste afhankelijkheden in a Python virtuele omgeving u kunt gegevens uit een Excel-bestand plotten:

<!DOCTYPE html>
<html>
<hoofd>
<link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
<script uitstellen src="https://pyscript.net/alpha/pyscript.js"></script>
<py-env>
- panda's
- matplotlib
# Lokale modules en bestanden gaan hier:
- paden:
 - /path_to_excel_file.xlsx
</py-env>
</head>
<lichaam>
<div id="python-container"></div>
<py-script uitvoer="python-container">
importeren panda's als pd
importeren matplotlib.pyplot als plt
df = pd.read_excel("excel_bestandsnaam.xlsx")
x = df["Maanden"]
y = df["groei percentage"]
fig, ax = plt.subplots()
bijl.verhaal(x, ja)
vijg
</py-script>
</body>
</html>

U kunt meer informatie over PyScript vinden via zijn LEES MIJ op Github of de Officiële website van Python.

PyScript geeft Python een boost

Een van de tekortkomingen van Python is het onvermogen om rechtstreeks binnen de DOM te werken. En dit is een van de redenen waarom JavaScript het voor blijft bij webontwikkeling. De introductie van PyScript kan hier verandering in brengen als het het functionaliteitsniveau van JavaScript kan bereiken. Desalniettemin is PyScript een handig hulpmiddel, omdat het je helpt om je Python-projecten gemakkelijk te hosten en te delen. Houd er echter rekening mee dat sommige functies mogelijk kapot gaan, aangezien PyScript nog steeds een experimenteel raamwerk is.

Wat te verwachten in de aanstaande release van Python 3.11?

Lees volgende

DelenTweetenDelenE-mail

Gerelateerde onderwerpen

  • Programmeren
  • Python
  • Webontwikkeling
  • HTML

Over de auteur

Idowu Omisola (147 artikelen gepubliceerd)

Idowu is gepassioneerd door alles wat slimme technologie en productiviteit betreft. In zijn vrije tijd speelt hij met coderen en schakelt hij over naar het schaakbord als hij zich verveelt, maar hij vindt het ook heerlijk om af en toe uit de routine te stappen. Zijn passie om mensen de weg te wijzen in moderne technologie motiveert hem om meer te schrijven.

Meer van Idowu Omisola

Abonneer op onze nieuwsbrief

Word lid van onze nieuwsbrief voor technische tips, recensies, gratis e-boeken en exclusieve deals!

Klik hier om je te abonneren