PyScript er en ramme, bygget med Pyodide, så du kan køre Python-kode i en browser. Det er stadig i sin vorden, men udviklerteamet har for nylig udgivet en betaversion.

Ved hjælp af værktøjet kan udviklere skrive Python direkte inde i HTML uden behov for en server-backend som Flask eller Django.

Selvom det stadig er i beta, kommer PyScript allerede med nogle imponerende funktioner, der er værd at prøve.

1. Nem at sætte op

Det er lige så nemt at komme i gang med PyScript som at linke til dets CDN i dit HTML-hoved. Du kan også downloade dens kildekode og hoste projektets filer på dit eget websted. Mens sidstnævnte mulighed har nogle små fordele, er det nemmere at linke til CDN.

For at begynde at bruge PyScript kan du inkludere dets JavaScript- og CSS-filer som sådan:

<hoved>
<link rel="stilark" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>
</head>

2. Skriv Python direkte inde i HTML

Din Python-kode sidder inde i en brugerdefineret

instagram viewer
py-script tag i et dokuments krop. PyScript JavaScript-filen vil derefter fortolke dens indhold ved hjælp af Python. Du kan angive et HTML-element, såsom en div, som PyScript kan skrive output til.

Her er et eksempel på layout:

<legeme>
<div id="python-beholder"></div>
<py-script output="python-beholder">
Print("Hej Verden")
</py-script>
</body>

Husk, at indrykning er signifikant i din Python-kode. Du skal være omhyggelig med at indrykke korrekt for at undgå en Python IndentationError.

3. Importer og isoler Python-standardmoduler

En anden unik egenskab ved PyScript er, at den lader dig adskille afhængigheder fra hovedparten. Det betyder, at du vil angive en afhængighed i dit HTML-hoved, før du kan importere den. Alle afhængigheder sidder inde i en py-env tag i HTML-hovedsektionen:

<!DOCTYPE html>
<html>
<hoved>
<link rel="stilark" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>
<py-env>
- numset
- pandaer
- openpyxl
- matplotlib
</py-env>
</head>
<legeme>
<py-script>
importere pandaer
</py-script>
</body>
</html>

4. Importer og brug dine egne lokale moduler og filer

Du behøver ikke skrive al din Python-kode direkte inde i dine HTML-filer, når du bruger PyScript. Du kan skrive funktioner eller brugerdefinerede Python-moduler inde i separate filer, angiv dem i py-env tag, og importer dem. Dette gør det nemt at skrive renere og læsbar kode.

Du bliver dog nødt til at pege på py-env tag til dine lokale modulstier. På samme måde vil du liste alle lokale filer, du vil bruge, i din Python-kode. For eksempel, hvis du læser en Excel-fil med Pandas, skal du angive dens sti:

<py-env>
- numset
# Lokale moduler og filer går her:
- stier:
 - /main.py 
 - /sti_til_excel_fil.xlsx
</py-env>

5. Gengiv visualiseringer direkte til DOM

Det kan være en vanskelig opgave at dele visualiseringer og dashboards. PyScript lader dig vise dine Python storyboards og visualiseringer direkte inde i browseren uden at bruge serverbaserede løsninger. Du kan endda skrive et Excel-ark ind i DOM som HTML.

For eksempel med de nødvendige afhængigheder i en Python virtuelt miljø du kan plotte data fra en Excel-fil:

<!DOCTYPE html>
<html>
<hoved>
<link rel="stilark" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>
<py-env>
- pandaer
- matplotlib
# Lokale moduler og filer går her:
- stier:
 - /sti_til_excel_fil.xlsx
</py-env>
</head>
<legeme>
<div id="python-beholder"></div>
<py-script output="python-beholder">
importere pandaer som pd
importere matplotlib.pyplot som plt
df = pd.read_excel("excel_filnavn.xlsx")
x = df["måneder"]
y = df["vækstrate"]
fig, ax = plt.subplots()
økse.grund(x, y)
fig
</py-script>
</body>
</html>

Du kan finde mere information om PyScript via dens LÆS MIG på Github eller den PyScript officielle hjemmeside.

PyScript giver Python et boost

En af Pythons mangler er dens manglende evne til at arbejde direkte inden for DOM. Og dette er en af ​​grundene til, at JavaScript er på forkant med webudvikling. PyScripts introduktion kan ændre dette, hvis det kan opnå JavaScripts funktionalitetsniveau. Ikke desto mindre er PyScript et praktisk værktøj, da det vil hjælpe dig med nemt at hoste og dele dine Python-projekter. Husk dog, at nogle funktioner kan gå i stykker, da PyScript stadig er en eksperimentel ramme.

Hvad kan du forvente i den kommende Python 3.11-udgivelse

Læs Næste

DelTweetDelE-mail

Relaterede emner

  • Programmering
  • Python
  • Web-udvikling
  • HTML

Om forfatteren

Idowu Omisola (147 artikler udgivet)

Idowu brænder for alt smart teknologi og produktivitet. I sin fritid leger han med kodning og skifter til skakbrættet, når han keder sig, men han elsker også at bryde ud af rutinen en gang imellem. Hans passion for at vise folk vejen rundt om moderne teknologi motiverer ham til at skrive mere.

Mere fra Idowu Omisola

Abonner på vores nyhedsbrev

Tilmeld dig vores nyhedsbrev for tekniske tips, anmeldelser, gratis e-bøger og eksklusive tilbud!

Klik her for at abonnere