- PyScript позволява вграждането на Python в HTML, използвайки WebAssembly, поддържайки мощни библиотеки като NumPy и Pandas.
- Brython превежда Python код в JavaScript, което го прави идеален за лека манипулация на DOM и SVG елементи.
- WebAssembly е ключовата технология, която позволява компилираните езици да работят в мрежата с почти естествена производителност.
- Съществуват традиционни сървърни алтернативи като Flask и Django за обработка на backend логиката.
Пренасянето на силата на Python в браузърната среда отдавна е мечта за много разработчици. Доскоро, ако искахте нещо да се движи в мрежата, JavaScript беше безспорният крал и единствената жизнеспособна опция за изпълнение на клиентска логика, без да се разчита на външен сървър.
Въпреки това, пейзажът се промени радикално благодарение на появата на различни инструменти и стандарти, които премахват бариерите в backend интерфейса . Днес има множество начини за интегриране на Python с HTML, от компилатори, които преобразуват кода, до използването на двоични технологии, които позволяват невероятна производителност директно в раздела на вашия водещ браузър като Chrome.
PyScript: Революцията на Анакондата
Един от най-значимите скокове напред дойде с пускането на PyScript от Anaconda. Тази рамка е просто обгръщащ слой върху... Пиодид, Емскриптен и WebAssembly (Wasm)Това позволява на Python да работи почти прозрачно на клиента. Най-привлекателният аспект е, че ви позволява да пишете Python код директно в персонализирани HTML тагове, като например <py-script>, което значително улеснява създаването на интерактивни приложения.
За да започнете, просто включете CSS и JS файловете на PyScript в заглавката на документа. Едно от големите му предимства е, че Поддържа тежки библиотеки като NumPy, Pandas или Scikit-learn, които могат да бъдат конфигурирани с помощта на тага <py-env>В допълнение, PyScript предлага a двупосочна комуникация с JavaScriptпозволявайки манипулиране на DOM на браузъра, използвайки модула js Python.
Що се отнася до интерфейса, PyScript не е недостатъчен, тъй като предлага интегрирани компоненти на потребителския интерфейс като <py-button> o <py-inputbox>които изпълняват Python функции при взаимодействие с тях. Трябва да се отбележи обаче, че тъй като са базирани на WebAssembly, Първоначалното време за зареждане може да е дълго. и производителността на мобилни устройства може да бъде компрометирана.
Brython: Python преведен на JavaScript
Ако търсим по-лека алтернатива по отношение на натоварването, Brython е класически избор. За разлика от PyScript, Brython е имплементация на Python 3, написана изцяло на JavaScript. преведете кода на Python така че браузърът да може да го разбере. За да работи, е важно да се извика функцията brython() в случай onload на HTML тялото.
Brython се откроява със способността си да взаимодейства с HTML и SVG елементи. Чрез използването на обекта documentе възможно динамично инжектиране на съдържание или рисувайте геометрични фигури върху SVG платно, използвайки персонализирани оператори като например =< да добавя възли към дървото на документите. Въпреки своята гъвкавост, тя има ограничения: Не поддържа всички модули на стандартната библиотека и изисква въвеждането и извеждането на данни да се обработват чрез HTML елементи, тъй като print() o input() Те не работят по традиционния начин.
Други реализации и сравнения
Екосистемата е широка и има и други интересни проекти. От една страна, има Skulpt, който поддържа Python 2 и 3 чрез JavaScript, и Transcrypt, който действа като компилатор на JavaScript, въпреки че последният изглежда е забравен. Съществува и VistaPython, който предлага различен подход, използващ интерпретатор на байткод, написан на JavaScript, и парсер, генериран с Antlr, което улеснява надграждането до по-нови версии на Python.
Сравнявайки подходите, виждаме, че Brython и Skulpt използват ръчни парсери, които са трудни за поддръжка. За разлика от тях, Pyodide (основата на PyScript) е истински порт на CPython към WebAssembly, гарантиращ много по-голяма съвместимост, макар и за сметка на това, че е много по-голям пакет за изтегляне. VistaPython се опитва да постигне баланс между гъвкавост и размер , оптимизирайки профилите на натоварване, за да гарантира, че приложенията работят бързо на всяко устройство.
Традиционни методи и бекенд
Не всичко трябва да се случва в браузъра. За мнозина най-надеждният начин за комбиниране на Python и HTML си остава използването на... сървърни рамки като например Колба в Python или ДжангоВ тази схема Python обработва логиката на сървъра и изпраща рендирания HTML код на клиента или действа като REST API който обменя данни във формат JSON с интерфейс, написан на JavaScript, използвайки fetch o axios.
Съществуват и по-стари методи като CGI (Common Gateway Interface), които, макар и сега да се считат за остарели поради своята сложност, са формирали основата на динамичната мрежа. За тези, които просто трябва да представят данни, конвертирането на Jupyter notebooks в HTML е най-бързият начин за публикуване на технически доклади без технически усложнения.
Двигателят зад всичко това: WebAssembly
Истинската магия, която позволява на езици като Python, C++ и Rust да достигнат до мрежата, е WebAssembly (Wasm). Този отворен стандарт позволява изпълнението на двоичен код с почти естествена производителност. Благодарение на Wasm, компании като Adobe успяха да пренесат Photoshop в мрежата , а AutoCAD и Figma драстично оптимизираха зареждането и обработката на данни.
Възможността за изпълнение на Python на клиента, независимо дали чрез превод на Brython или двоичната мощ на PyScript, отваря свят от възможности за създаване на сложни инструменти и приложения за наука за данни, без потребителят да е необходимо да инсталира каквото и да било на компютъра си, демократизирайки достъпа до разширено програмиране.
Интеграцията на Python в мрежата еволюира от прости сървърни скриптове до двоично изпълнение чрез WebAssembly, което ви позволява да избирате между лекия превод към JavaScript с Brython или пълната мощност на PyScript и Pyodide, като по този начин трансформира начина, по който възприемаме frontend разработката.
