PyScript je rámec vytvořený pomocí Pyodide, který vám umožňuje spouštět kód Pythonu v prohlížeči. Je to stále v plenkách, ale vývojový tým nedávno vydal beta verzi.

Pomocí tohoto nástroje mohou vývojáři psát Python přímo do HTML, aniž by potřebovali serverový backend, jako je Flask nebo Django.

Přestože je PyScript stále ve verzi beta, již přichází s některými působivými funkcemi, které stojí za vyzkoušení.

1. Snadné nastavení

Začít s PyScriptem je stejně snadné jako propojení s jeho CDN ve vaší HTML hlavě. Můžete si také stáhnout jeho zdrojový kód a hostit soubory projektu na svém vlastním webu. Zatímco druhá možnost má některé malé výhody, propojení s CDN je jednodušší.

Chcete-li začít používat PyScript, můžete zahrnout jeho soubory JavaScript a CSS takto:

<hlava>
<odkaz rel="šablona stylů" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>
</head>

2. Napište Python přímo do HTML

Váš kód Pythonu je umístěn uvnitř vlastního py-script

instagram viewer
tag v těle dokumentu. Soubor PyScript JavaScript pak interpretuje svůj obsah pomocí Pythonu. Můžete určit prvek HTML, například div, do kterého má PyScript zapisovat výstup.

Zde je příklad rozložení:

<tělo>
<div id="python-container"></div>
<výstup py-script="python-container">
tisk("Ahoj světe")
</py-script>
</body>

Pamatujte, že odsazení je ve vašem kódu Python významné. Abyste se vyhnuli, musíte si dávat pozor na správné odsazení a Python IndentationError.

3. Importujte a izolujte standardní moduly Pythonu

Další unikátní vlastností PyScriptu je, že umožňuje oddělit závislosti od hromadného obsahu. To znamená, že závislost uvedete v hlavě HTML, než ji budete moci importovat. Všechny závislosti sedí uvnitř a py-env tag v sekci HTML head:

<!DOCTYPE html>
<html>
<hlava>
<odkaz rel="šablona stylů" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>
<py-env>
- nudný
- pandy
- openpyxl
- matplotlib
</py-env>
</head>
<tělo>
<py-script>
import pandy
</py-script>
</body>
</html>

4. Importujte a používejte své vlastní místní moduly a soubory

Když používáte PyScript, nemusíte celý svůj Python kód psát přímo do HTML souborů. Můžete psát funkce popř vlastní moduly Pythonu uvnitř samostatných souborů je uveďte v py-env tag a importujte je. To usnadňuje psaní čistšího a čitelného kódu.

Nicméně, budete muset ukázat py-env tag k vašim místním cestám modulů. Podobně uvedete seznam všech místních souborů, které chcete použít v kódu Pythonu. Pokud například čtete soubor Excel pomocí Pandas, budete muset zadat jeho cestu:

<py-env>
- nudný
# Zde jsou místní moduly a soubory:
- cesty:
 - /main.py 
 - /cesta_k_souboru_excel.xlsx
</py-env>

5. Vykreslování vizualizací přímo do DOM

Sdílení vizualizací a řídicích panelů může být složitý úkol. PyScript vám umožňuje zobrazovat scénáře a vizualizace Pythonu přímo v prohlížeči bez použití serverových řešení. Můžete dokonce napsat list Excelu do DOM jako HTML.

Například s požadovanými závislostmi v a Virtuální prostředí Python můžete vykreslit data ze souboru aplikace Excel:

<!DOCTYPE html>
<html>
<hlava>
<odkaz rel="šablona stylů" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>
<py-env>
- pandy
- matplotlib
# Zde jsou místní moduly a soubory:
- cesty:
 - /cesta_k_souboru_excel.xlsx
</py-env>
</head>
<tělo>
<div id="python-container"></div>
<výstup py-script="python-container">
import pandy tak jako pd
import matplotlib.pyplot tak jako plt
df = pd.read_excel("excel_file_name.xlsx")
x = df["měsíce"]
y = df["tempo růstu"]
obr, ax = plt.subplots()
sekera.spiknutí(X, y)
Obr
</py-script>
</body>
</html>

Více informací o PyScriptu můžete najít prostřednictvím jeho README na Github nebo PyScript oficiální stránky.

PyScript dává Pythonu podporu

Jedním z nedostatků Pythonu je jeho neschopnost pracovat přímo v rámci DOM. A to je jeden z důvodů, proč je JavaScript ve vývoji webu před ním. Úvod PyScriptu to může změnit, pokud dokáže dosáhnout úrovně funkčnosti JavaScriptu. PyScript je nicméně užitečný nástroj, protože vám pomůže snadno hostovat a sdílet vaše projekty v Pythonu. Mějte však na paměti, že některé funkce mohou přestat fungovat, protože PyScript je stále experimentální rámec.

Co očekávat v nadcházející verzi Pythonu 3.11

Přečtěte si další

PodíltweetPodílE-mailem

Související témata

  • Programování
  • Krajta
  • Vývoj webu
  • HTML

O autorovi

Idowu Omisola (147 publikovaných článků)

Idowu je nadšený z jakékoli chytré technologie a produktivity. Ve volném čase si hraje s kódováním a když se nudí, přepne na šachovnici, ale také se rád jednou za čas odpoutá od rutiny. Jeho vášeň ukazovat lidem cestu kolem moderních technologií ho motivuje k dalšímu psaní.

Více od Idowu Omisola

Přihlaste se k odběru našeho newsletteru

Připojte se k našemu zpravodaji a získejte technické tipy, recenze, bezplatné e-knihy a exkluzivní nabídky!

Chcete-li se přihlásit k odběru, klikněte sem