Generación de documentos HTML desde scripts Python con Pyscript

Generación de documentos HTML desde scripts Python con PyScript

PyScript es un framework que permite escribir y ejecutar código Python en el navegador. Esto abre la posibilidad de crear aplicaciones web dinámicas y complejas utilizando el poder de Python.

En este tutorial, veremos cómo utilizar PyScript para generar documentos HTML desde scripts Python.

Requisitos

Para seguir este tutorial, necesitarás lo siguiente:

  • Un editor de texto
  • Un navegador web moderno
  • El paquete PyScript instalado en tu navegador

Instalación de PyScript

Para instalar PyScript en tu navegador, sigue estos pasos:

  1. Abre una nueva pestaña en tu navegador y ve a la página de PyScript: https://pyscript.net/
  2. Haz clic en el botón Install.
  3. Sigue las instrucciones que se muestran en pantalla.

Creación de un documento HTML

Para crear un documento HTML que utilice PyScript, sigue estos pasos:

  1. Abre tu editor de texto y crea un nuevo archivo.
  2. Guarda el archivo con la extensión .html.
  3. Agrega el siguiente código al archivo:
HTML
<html>
<head>
  <title>Mi documento HTML</title>
</head>
<body>
  <py-env>
    import pyscript
  </py-env>
  <py-script>
    print("Hola, mundo!")
  </py-script>
</body>
</html>

Este código crea un documento HTML simple con un encabezado y un cuerpo. El encabezado contiene un título para el documento. El cuerpo contiene dos etiquetas: <py-env> y <py-script>.

La etiqueta <py-env> define el entorno de ejecución de Python. Esta etiqueta debe aparecer antes de la etiqueta <py-script>.

La etiqueta <py-script> contiene el código Python que se ejecutará en el navegador.

Ejecución del documento HTML

Para ejecutar el documento HTML, abre el archivo en tu navegador.

Debería ver el siguiente mensaje en la pantalla:

Hola, mundo!

Pasando datos de Python a HTML

Es posible pasar datos de Python a HTML utilizando la función pyscript.html().

Por ejemplo, el siguiente código genera un documento HTML con un título y un párrafo:

Python
# Importar la función pyscript.html()
import pyscript

# Definir el título del documento
titulo = "Mi documento HTML"

# Generar el código HTML
html = pyscript.html(titulo)

# Agregar el código HTML al documento
print(html)

Este código genera el siguiente documento HTML:

HTML
<html>
<head>
  <title>Mi documento HTML</title>
</head>
<body>
</body>
</html>

También es posible pasar datos de Python a HTML utilizando la función pyscript.render().

Por ejemplo, el siguiente código genera un documento HTML con un título y un párrafo que contiene el nombre del usuario:

Python
# Importar las funciones pyscript.html() y pyscript.render()
import pyscript

# Definir el nombre del usuario
nombre_usuario = "Juan Pérez"

# Generar el código HTML
html = pyscript.html(titulo)

# Renderizar el código HTML con el nombre del usuario
print(pyscript.render(html, nombre_usuario))

Este código genera el siguiente documento HTML:

HTML
<html>
<head>
  <title>Mi documento HTML</title>
</head>
<body>
  <p>Hola, Juan Pérez</p>
</body>
</html>

Conclusión

PyScript es una herramienta poderosa que permite escribir y ejecutar código Python en el navegador. Con PyScript, es posible crear aplicaciones web dinámicas y complejas utilizando el poder de Python.

En este tutorial, vimos cómo utilizar PyScript para generar documentos HTML desde scripts Python.