PyScript es un marco, construido con Pyodide, que le permite ejecutar código Python en un navegador. Todavía está en pañales, pero el equipo de desarrollo lanzó recientemente una versión beta.
Con la herramienta, los desarrolladores pueden escribir Python directamente dentro de HTML, sin necesidad de un backend de servidor como Flask o Django.
Aunque todavía está en versión beta, PyScript ya viene con algunas características impresionantes que vale la pena probar.
1. Fácil de configurar
Comenzar con PyScript es tan fácil como vincular su CDN en su encabezado HTML. También puede descargar su código fuente y alojar los archivos del proyecto en su propio sitio. Si bien la última opción tiene algunos pequeños beneficios, la vinculación a la CDN es más fácil.
Para comenzar a usar PyScript, puede incluir sus archivos JavaScript y CSS así:
<cabeza>
<enlace rel="hoja de estilo" href="https://pyscript.net/alpha/pyscript.css" />
<script aplazar src="https://pyscript.net/alpha/pyscript.js"></script>
</head>
2. Escribir Python directamente dentro de HTML
Su código de Python se encuentra dentro de un personalizado py-script etiqueta dentro del cuerpo de un documento. El archivo PyScript JavaScript luego interpretará su contenido usando Python. Puede especificar un elemento HTML, como un div, para que PyScript escriba la salida.
Aquí hay un diseño de ejemplo:
<cuerpo>
<ID de división ="contenedor-python"></div>
<salida de secuencia de comandos py ="contenedor-python">
imprimir("Hola Mundo")
</py-script>
</body>
Recuerde que la sangría es significativa en su código Python. Deberá tener cuidado de sangrar correctamente para evitar un error de sangría de Python.
3. Importar y aislar módulos estándar de Python
Otra característica única de PyScript es que le permite separar las dependencias del resto. Esto significa que listará una dependencia en su cabecera HTML antes de poder importarla. Todas las dependencias se encuentran dentro de un py-env etiqueta dentro de la sección de encabezado HTML:
<!DOCTYPE html>
<html>
<cabeza>
<enlace rel="hoja de estilo" href="https://pyscript.net/alpha/pyscript.css" />
<script aplazar src="https://pyscript.net/alpha/pyscript.js"></script>
<py-env>
- entumecido
- pandas
- openpyxl
- matplotlib
</py-env>
</head>
<cuerpo>
<py-script>
importar pandas
</py-script>
</body>
</html>
4. Importe y use sus propios módulos y archivos locales
No necesita escribir todo su código de Python directamente dentro de sus archivos HTML cuando usa PyScript. Puede escribir funciones o módulos personalizados de Python dentro de archivos separados, enumérelos en el py-env etiquetarlos e importarlos. Esto facilita la escritura de código más limpio y legible.
Sin embargo, tendrás que señalar el py-env etiqueta a las rutas de su módulo local. De manera similar, enumerará todos los archivos locales que desea usar en su código de Python. Por ejemplo, si está leyendo un archivo de Excel con Pandas, deberá especificar su ruta:
<py-env>
- entumecido
# Los módulos y archivos locales van aquí:
- caminos:
- /principal.py
- /ruta_al_archivo_excel.xlsx
</py-env>5. Renderizar visualizaciones directamente al DOM
Compartir visualizaciones y tableros puede ser una tarea complicada. PyScript le permite mostrar sus guiones gráficos y visualizaciones de Python directamente dentro del navegador sin usar soluciones basadas en servidor. Incluso puede escribir una hoja de Excel en el DOM como HTML.
Por ejemplo, con las dependencias requeridas en un Entorno virtual Python puede trazar datos de un archivo de Excel:
<!DOCTYPE html>
<html>
<cabeza>
<enlace rel="hoja de estilo" href="https://pyscript.net/alpha/pyscript.css" />
<script aplazar src="https://pyscript.net/alpha/pyscript.js"></script>
<py-env>
- pandas
- matplotlib
# Los módulos y archivos locales van aquí:
- caminos:
- /ruta_al_archivo_excel.xlsx
</py-env>
</head>
<cuerpo>
<ID de división ="contenedor-python"></div>
<salida de secuencia de comandos py ="contenedor-python">
importar pandas como p.d.
importar matplotlib.pyplot como por favor
df = pd.read_excel("excel_file_name.xlsx")
x = df["Meses"]
y = df["tasa de crecimiento"]
higo, hacha = plt.subplots()
hacha.gráfico(X, y)
higo
</py-script>
</body>
</html>
Puede encontrar más información sobre PyScript a través de su LÉAME en Github o el Sitio web oficial de PyScript.
PyScript le da a Python un impulso
Una de las deficiencias de Python es su incapacidad para trabajar directamente dentro del DOM. Y esta es una de las razones por las que JavaScript se mantiene a la vanguardia para el desarrollo web. La introducción de PyScript podría cambiar esto si puede alcanzar el nivel de funcionalidad de JavaScript. No obstante, PyScript es una herramienta útil, ya que lo ayudará a alojar y compartir sus proyectos de Python fácilmente. Sin embargo, tenga en cuenta que algunas funciones pueden fallar, ya que PyScript aún es un marco experimental.
Qué esperar en la próxima versión de Python 3.11
Leer siguiente
Temas relacionados
- Programación
- Pitón
- Desarrollo web
- HTML
Sobre el Autor
A Idowu le apasiona la tecnología inteligente y la productividad. En su tiempo libre, juega con la codificación y cambia al tablero de ajedrez cuando está aburrido, pero también le encanta romper con la rutina de vez en cuando. Su pasión por mostrarle a la gente el camino alrededor de la tecnología moderna lo motiva a escribir más.
Suscríbete a nuestro boletín
¡Únase a nuestro boletín para obtener consejos técnicos, reseñas, libros electrónicos gratuitos y ofertas exclusivas!
Haga clic aquí para suscribirse
