PyScript är ett ramverk, byggt med Pyodide, så att du kan köra Python-kod i en webbläsare. Det är fortfarande i sin linda, men utvecklarteamet har nyligen släppt en betaversion.

Med hjälp av verktyget kan utvecklare skriva Python direkt i HTML, utan behov av en serverbackend som Flask eller Django.

Även om det fortfarande är i beta, kommer PyScript redan med några imponerande funktioner värda att testa.

1. Lätt att ställa in

Att komma igång med PyScript är lika enkelt som att länka till dess CDN i ditt HTML-huvud. Du kan också ladda ner dess källkod och vara värd för projektets filer på din egen webbplats. Även om det senare alternativet har några små fördelar, är det lättare att länka till CDN.

För att börja använda PyScript kan du inkludera dess JavaScript- och CSS-filer så här:

<huvud>
<länk rel="stilmall" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>
</head>

2. Skriv Python direkt inuti HTML

Din Python-kod sitter i en anpassad

instagram viewer
py-script taggen i ett dokuments kropp. PyScript JavaScript-filen tolkar sedan dess innehåll med Python. Du kan ange ett HTML-element, till exempel en div, som PyScript ska skriva utdata till.

Här är ett exempel på layout:

<kropp>
<div id="python-behållare"></div>
<py-script output="python-behållare">
skriva ut("Hej världen")
</py-script>
</body>

Kom ihåg att indrag är signifikant i din Python-kod. Du måste vara noga med att dra in korrekt för att undvika ett Python IndentationError.

3. Importera och isolera Python-standardmoduler

En annan unik egenskap hos PyScript är att det låter dig separera beroenden från huvuddelen. Det betyder att du kommer att lista ett beroende i ditt HTML-huvud innan du kan importera det. Alla beroenden sitter inuti en py-env taggen i HTML-huvudsektionen:

<!DOCTYPE html>
<html>
<huvud>
<länk rel="stilmall" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>
<py-env>
- klumpigt
- pandor
- openpyxl
- matplotlib
</py-env>
</head>
<kropp>
<py-script>
importera pandor
</py-script>
</body>
</html>

4. Importera och använd dina egna lokala moduler och filer

Du behöver inte skriva all din Python-kod direkt i dina HTML-filer när du använder PyScript. Du kan skriva funktioner eller anpassade Python-moduler i separata filer, lista dem i py-env tagga och importera dem. Detta gör det enkelt att skriva renare och läsbar kod.

Du måste dock peka på py-env tagga till dina lokala modulsökvägar. På samma sätt kommer du att lista alla lokala filer du vill använda i din Python-kod. Om du till exempel läser en Excel-fil med Pandas, måste du ange sökvägen till den:

<py-env>
- klumpigt
# Lokala moduler och filer finns här:
- stigar:
 - /main.py 
 - /sökväg_till_excel_fil.xlsx
</py-env>

5. Återge visualiseringar direkt till DOM

Att dela visualiseringar och instrumentpaneler kan vara en knepig uppgift. PyScript låter dig visa dina Python-storyboards och visualiseringar direkt i webbläsaren utan att använda serverbaserade lösningar. Du kan till och med skriva ett Excel-ark i DOM som HTML.

Till exempel, med de nödvändiga beroenden i en Python virtuell miljö du kan plotta data från en Excel-fil:

<!DOCTYPE html>
<html>
<huvud>
<länk rel="stilmall" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>
<py-env>
- pandor
- matplotlib
# Lokala moduler och filer finns här:
- stigar:
 - /sökväg_till_excel_fil.xlsx
</py-env>
</head>
<kropp>
<div id="python-behållare"></div>
<py-script output="python-behållare">
importera pandor som pd
importera matplotlib.pyplot som plt
df = pd.read_excel("excel_filnamn.xlsx")
x = df["månader"]
y = df["tillväxthastighet"]
fig, ax = plt.subplots()
yxa.komplott(x, y)
fikon
</py-script>
</body>
</html>

Du kan hitta mer information om PyScript via dess README på Github eller den PyScript officiella webbplats.

PyScript ger Python en boost

En av Pythons brister är dess oförmåga att arbeta direkt inom DOM. Och detta är en av anledningarna till att JavaScript ligger före det för webbutveckling. PyScripts introduktion kan ändra detta om det kan uppnå JavaScripts funktionalitetsnivå. PyScript är dock ett praktiskt verktyg, eftersom det hjälper dig att vara värd för och enkelt dela dina Python-projekt. Kom dock ihåg att vissa funktioner kan gå sönder, eftersom PyScript fortfarande är ett experimentellt ramverk.

Vad du kan förvänta dig i den kommande Python 3.11-versionen

Läs Nästa

Dela med sigTweetDela med sigE-post

Relaterade ämnen

  • Programmering
  • Pytonorm
  • Webbutveckling
  • HTML

Om författaren

Idowu Omisola (147 publicerade artiklar)

Idowu brinner för allt smart teknik och produktivitet. På fritiden leker han med kodning och byter till schackbrädet när han har tråkigt, men han älskar också att bryta sig loss från rutinen då och då. Hans passion för att visa människor vägen runt modern teknik motiverar honom att skriva mer.

Mer från Idowu Omisola

Prenumerera på vårt nyhetsbrev

Gå med i vårt nyhetsbrev för tekniska tips, recensioner, gratis e-böcker och exklusiva erbjudanden!

Klicka här för att prenumerera