PyScript er et rammeverk, bygget med Pyodide, som lar deg kjøre Python-kode i en nettleser. Det er fortsatt i sin spede begynnelse, men utviklerteamet har nylig gitt ut en betaversjon.

Ved å bruke verktøyet kan utviklere skrive Python direkte i HTML, uten behov for en serverbackend som Flask eller Django.

Selv om det fortsatt er i beta, kommer PyScript allerede med noen imponerende funksjoner som er verdt å prøve ut.

1. Enkel å sette opp

Å komme i gang med PyScript er like enkelt som å koble til CDN i HTML-hodet ditt. Du kan også laste ned kildekoden og være vert for prosjektets filer på din egen side. Mens det siste alternativet har noen små fordeler, er det enklere å koble til CDN.

For å begynne å bruke PyScript, kan du inkludere JavaScript- og CSS-filene slik:

<hode>
<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 i HTML

Python-koden din sitter i en egendefinert py-script

instagram viewer
tag i et dokuments hovedtekst. PyScript JavaScript-filen vil deretter tolke innholdet ved hjelp av Python. Du kan spesifisere et HTML-element, for eksempel en div, som PyScript skal skrive utdata til.

Her er et eksempel på layout:

<kropp>
<div id="python-beholder"></div>
<py-script output="python-beholder">
skrive ut("Hei Verden")
</py-script>
</body>

Husk at innrykk er viktig i Python-koden din. Du må være forsiktig med å rykke inn riktig for å unngå en Python Indentation Error.

3. Importer og isoler Python-standardmoduler

En annen unik funksjon ved PyScript er at den lar deg skille avhengigheter fra hoveddelen. Dette betyr at du vil liste opp en avhengighet i HTML-hodet ditt før du kan importere det. Alle avhengigheter sitter inne i en py-env tag i HTML head-delen:

<!DOCTYPE html>
<html>
<hode>
<link rel="stilark" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>
<py-env>
- nummen
- pandaer
- openpyxl
- matplotlib
</py-env>
</head>
<kropp>
<py-script>
import pandaer
</py-script>
</body>
</html>

4. Importer og bruk dine egne lokale moduler og filer

Du trenger ikke skrive all Python-koden direkte i HTML-filene dine når du bruker PyScript. Du kan skrive funksjoner eller tilpassede Python-moduler i separate filer, skriv dem opp i py-env tag, og importer dem. Dette gjør det enkelt å skrive renere og lesbar kode.

Du må imidlertid peke på py-env tag til dine lokale modulstier. På samme måte vil du liste hver lokale fil du vil bruke i Python-koden. For eksempel, hvis du leser en Excel-fil med Pandas, må du spesifisere banen:

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

5. Gjengi visualiseringer direkte til DOM

Å dele visualiseringer og dashbord kan være en vanskelig oppgave. PyScript lar deg vise Python storyboards og visualiseringer direkte i nettleseren uten å bruke serverbaserte løsninger. Du kan til og med skrive et Excel-ark inn i DOM som HTML.

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

<!DOCTYPE html>
<html>
<hode>
<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:
 - /bane_til_excel_fil.xlsx
</py-env>
</head>
<kropp>
<div id="python-beholder"></div>
<py-script output="python-beholder">
import pandaer som pd
import matplotlib.pyplot som plt
df = pd.read_excel("excel_filnavn.xlsx")
x = df["Måneder"]
y = df["vekstrate"]
fig, ax = plt.subplots()
øks.plott(x, y)
Fig
</py-script>
</body>
</html>

Du kan finne mer informasjon om PyScript via dens README på Github eller PyScript offisielle nettsted.

PyScript gir Python et løft

En av Pythons mangler er dens manglende evne til å jobbe direkte innenfor DOM. Og dette er en av grunnene til at JavaScript ligger i forkant for webutvikling. PyScripts introduksjon kan endre dette hvis den kan oppnå JavaScripts funksjonalitetsnivå. Likevel er PyScript et hendig verktøy, siden det vil hjelpe deg å være vert for og dele Python-prosjektene dine enkelt. Vær imidlertid oppmerksom på at noen funksjoner kan gå i stykker, siden PyScript fortsatt er et eksperimentelt rammeverk.

Hva du kan forvente i den kommende Python 3.11-utgivelsen

Les Neste

DelekvitringDeleE-post

Relaterte temaer

  • Programmering
  • Python
  • Webutvikling
  • HTML

Om forfatteren

Idowu Omisola (147 artikler publisert)

Idowu er lidenskapelig opptatt av alt smart teknologi og produktivitet. På fritiden leker han med koding og bytter til sjakkbrettet når han kjeder seg, men han elsker også å bryte ut av rutinene en gang i blant. Hans lidenskap for å vise folk veien rundt moderne teknologi motiverer ham til å skrive mer.

Mer fra Idowu Omisola

Abonner på vårt nyhetsbrev

Bli med i vårt nyhetsbrev for tekniske tips, anmeldelser, gratis e-bøker og eksklusive tilbud!

Klikk her for å abonnere