PyScript: Python en el navegador

 

¿Eres un científico de datos o un desarrollador que usa principalmente Python? ¿Estás celoso de los desarrolladores que escriben código Javascript y crean sitios web elegantes en un navegador? ¿Qué tan bueno sería si pudiéramos escribir sitios web en Python? Sorprendentemente, en PyCon US 2022, el CEO de Anaconda, Peter Wang, anunció una nueva y brillante tecnología llamada PyScript que permite a los usuarios escribir Python y, de hecho, muchos idiomas en el navegador.

¿Qué es PyScript?

Desarrollado por el equipo de Anaconda, que incluye a Peter Wang, Fabio Pliger y Philipp Rudiger, PyScript es, como mencionó Peter en su charla, "un sistema para intercalar Python en HTML (como PHP)." Esto significa que puede escribir y ejecutar código Python. en HTML, llame a las bibliotecas de Javascript en PyScript y haga todo su desarrollo web en Python. ¡Suena increíble!

¿Qué significa para el mundo y para los científicos de datos usar PyScript?

Lo más obvio es que con PyScript, ahora podemos escribir Python (y potencialmente otros lenguajes) en HTML y crear aplicaciones web. PyScript hace que el poder de Python sea accesible a una audiencia mucho mayor de desarrolladores y creadores front-end.

Como mencionó Peter en la charla, "el navegador web es el entorno informático portátil más ubicuo del mundo". De hecho, casi todos tienen acceso a un navegador web, ya sea en una computadora o en un teléfono. Esto significa que cualquier persona puede acceder y comenzar a programar sin barreras de infraestructura.

Con PyScript, ya no tenemos que preocuparnos por la implementación. PyScript proporciona el "cambio arquitectónico más allá de la nube". Todo sucederá en su navegador web. Como científicos de datos, podemos compartir nuestros tableros y nuestros modelos en un archivo html, que ejecutará el código cada vez que otros abran el archivo en un navegador web.

Figura 1. Descripción general de PyScript.

¿Cuál es la magia detrás de PyScript?

PyScript actualmente se basa en Pyodide, que es un "puerto de CPython a WebAssembly/Emscripten". PyScript admite escribir y ejecutar código de Python en un navegador, y brindará soporte para otros lenguajes en el futuro.

Figura 2. Pila tecnológica de PyScript.

¿Qué es WebAssembly?

La tecnología fundamental que hace posible escribir sitios web en Python es WebAssembly. Cuando se desarrolló originalmente WebAssembly, los navegadores web solo admitían Javascript.
Lanzado por primera vez en 2017, WebAssembly se convirtió rápidamente en el estándar oficial del Consorcio World Wide Web (W3C) en 2019. Incluye un lenguaje de formato de texto .wat legible por humanos, que luego se convierte a un formato binario .wasm que los navegadores pueden ejecutar. Esto nos permite escribir código en cualquier idioma, compilarlo en WebAssembly y luego ejecutarlo en un navegador web.

Cómo usar PyScript

La versión alfa de PyScript se puede encontrar en pyscript.net. El código está disponible en https://github.com/pyscript. Siga estas instrucciones para intentarlo. PyScript le permite escribir Python en html usando los siguientes tres componentes principales:

• py-env define los paquetes de Python necesarios para ejecutar su código de Python.
• py-script es donde escribe su código Python que se ejecuta dentro de la página web.
• py-repl crea un componente REPL (read-eval-print loop) que evalúa el código que ingresan los usuarios y muestra los resultados.

Ejemplo de py-env

Aquí hay un ejemplo de cómo podemos definir nuestro entorno de Python en un HTML usando py-env. En este ejemplo, cargamos los paquetes bokeh, numpy, pandas y scikit-learn en nuestro entorno.

Ejemplo de secuencia de comandos py

Este ejemplo muestra un tablero de Panel con transmisión de datos. Como puede ver en el código, podemos escribir nuestro código Python familiar en py-script como lo hacemos normalmente en un archivo de Python. Si no le gusta escribir su código de Python directamente en py-script, también puede usar un archivo de Python como código fuente como este:

Ejemplo de py-repl

Este ejemplo muestra un panel de Panel con datos de NYC Taxi utilizando DeckGL y el componente REPL. Como puede ver, podemos definir el radio y seleccionar un subconjunto del marco de datos (hora <3) en el REPL. ¡Qué mágico!

También puede encontrar muchos otros ejemplos en la página de PyScript Github, incluida una visualización D3 y un juego de Mario con visión por computadora.

El futuro de PyScript

PyScript trae Python al navegador. Estoy muy entusiasmado con esta nueva innovación y no puedo esperar a ver cómo se desarrolla en la comunidad. ¡Estén atentos para muchas características nuevas y geniales que llegarán pronto!