- PyScript umožňuje vkládání Pythonu do HTML pomocí WebAssembly a podporuje výkonné knihovny jako NumPy a Pandas.
- Brython překládá kód Pythonu do JavaScriptu, což je ideální pro snadnou manipulaci s prvky DOM a SVG.
- WebAssembly je klíčová technologie, která umožňuje běh kompilovaných jazyků na webu s téměř nativním výkonem.
- Existují tradiční serverové alternativy, jako je Flask a Django, pro zpracování backendové logiky.
Přenést sílu Pythonu do prostředí prohlížeče bylo pro mnoho vývojářů dlouho snem. Až donedávna, pokud jste chtěli, aby se na webu něco hýbalo, byl JavaScript nesporným králem a jedinou schůdnou možností pro spouštění logiky na straně klienta bez spoléhání se na externí server.
Situace se však radikálně změnila díky vzniku různých nástrojů a standardů, které boří bariéry backendu . Dnes existuje mnoho způsobů, jak integrovat Python s HTML, od kompilátorů, které překládají kód, až po použití binárních technologií, které umožňují úžasný výkon přímo na kartě vašeho hlavního prohlížeče, jako je Chrome.
PyScript: Anakondová revoluce
Jeden z nejvýznamnějších kroků vpřed přišel s vydáním PyScript od Anacondy. Tento framework je jednoduše obalovou vrstvou nad... Pyodide, Emscripten a WebAssembly (Wasm)Díky tomu může Python běžet na klientovi téměř transparentně. Nejatraktivnějším aspektem je, že to umožňuje psát kód Pythonu přímo v rámci vlastních HTML tagů, jako například <py-script>, což výrazně usnadňuje tvorbu interaktivních aplikací.
Pro začátek jednoduše vložte soubory PyScript CSS a JS do záhlaví dokumentu. Jednou z jeho velkých výhod je, že Podporuje těžké knihovny například NumPy, Pandas nebo Scikit-learn, které lze konfigurovat pomocí tagu <py-env>PyScript navíc nabízí obousměrná komunikace s JavaScriptemumožnění manipulace s DOM prohlížeče pomocí modulu js Krajta.
Co se týče rozhraní, PyScript neztrácí, protože nabízí integrované komponenty uživatelského rozhraní jak <py-button> o <py-inputbox>které při interakci spouštějí funkce Pythonu. Je však třeba poznamenat, že vzhledem k tomu, že jsou založeny na WebAssembly, Počáteční doba načítání může být dlouhá. a výkon na mobilních zařízeních může být ohrožen.
Brython: Python přeložený do JavaScriptu
Pokud hledáme lehčí alternativu z hlediska zátěže, Brython je klasickou volbou. Na rozdíl od PyScriptu je Brython implementací Pythonu 3 napsanou výhradně v JavaScriptu. přeložit kód v Pythonu aby to prohlížeč rozuměl. Aby to fungovalo, je nezbytné zavolat funkci brython() v případě onload těla HTML.
Brython vyniká svou schopností interagovat s HTML a SVG prvky. Prostřednictvím použití objektu documentje možné dynamicky vkládat obsah nebo nakreslete geometrické obrazce na plátno SVG pomocí vlastních operátorů, jako například =< přidat uzly do stromu dokumentu. Navzdory své všestrannosti má tato metoda omezení: Nepodporuje všechny moduly standardní knihovny a vyžaduje, aby vstup a výstup dat byl zpracováván pomocí HTML elementů, protože print() o input() Nefungují tradičním způsobem.
Další implementace a srovnání
Ekosystém je široký a existují i další zajímavé projekty. Na jedné straně je tu Skulpt, který podporuje Python 2 a 3 prostřednictvím JavaScriptu, a Transcrypt, který funguje jako kompilátor JavaScriptu, ačkoli na druhý jmenovaný se zdá být zapomenuto. Existuje také VistaPython, který navrhuje odlišný přístup využívající interpret bajtkódu napsaný v JavaScriptu a parser generovaný pomocí Antlr, což usnadňuje upgrade na novější verze Pythonu.
Při porovnání těchto přístupů vidíme, že Brython a Skulpt používají manuální parsery, které se obtížně udržují. Naproti tomu Pyodide (základ PyScriptu) je skutečným portem CPythonu na WebAssembly, což zaručuje mnohem větší kompatibilitu, i když za cenu mnohem většího balíčku ke stažení. VistaPython se snaží najít rovnováhu mezi flexibilitou a velikostí a optimalizuje profily zátěže, aby zajistil rychlý chod aplikací na jakémkoli zařízení.
Tradiční metody a backend
Ne všechno se musí dít v prohlížeči. Pro mnohé zůstává nejrobustnějším způsobem kombinace Pythonu a HTML použití... serverové frameworky, jako například Flask v Pythonu nebo DjangoV tomto schématu Python zpracovává logiku na serveru a odesílá vykreslený HTML kód klientovi, nebo funguje jako REST API který si vyměňuje data ve formátu JSON s frontendem napsaným v JavaScriptu pomocí fetch o axios.
Existují také starší metody, jako je CGI (Common Gateway Interface), které, ačkoli jsou nyní kvůli své složitosti považovány za zastaralé, tvořily základ dynamického webu. Pro ty, kteří potřebují pouze prezentovat data, je převod poznámkových bloků Jupyter do HTML nejrychlejším způsobem, jak publikovat technické zprávy bez technických komplikací.
Motor za vším: WebAssembly
Skutečným kouzlem, které umožňuje jazykům jako Python, C++ a Rust dosáhnout webu, je WebAssembly (Wasm). Tento otevřený standard umožňuje spouštění binárního kódu s téměř nativním výkonem. Díky Wasmu mohly společnosti jako Adobe portovat Photoshop na web a AutoCAD a Figma drasticky optimalizovaly načítání a zpracování dat.
Možnost spouštět Python na klientovi, ať už prostřednictvím překladu Brythonu nebo binární síly PyScriptu, otevírá svět možností pro vytváření komplexních nástrojů a aplikací pro datovou vědu, aniž by si uživatel musel cokoli instalovat na svůj počítač, a demokratizuje tak přístup k pokročilému programování.
Integrace Pythonu na web se vyvinula od jednoduchých serverových skriptů k binárnímu spouštění přes WebAssembly, což vám umožňuje vybrat si mezi lehkým překladem do JavaScriptu pomocí Brythonu nebo plným výkonem PyScript a Pyodide, a tím mění způsob, jakým vnímáme vývoj frontendu.
