Servidor web con Flask en Python

Programación en Python para crear un servidor web en Python con Flask

Etiquetas: Electrónica Programación Raspberry Pi Python Secundaria Bachillerato Raspbian

Introducción

En este tutorial vamos a explicar cómo montar un servidor web para Python con Flask en nuestra Raspberry Pi.

Antes de empezar

Para este tutorial vas a necesitar los siguientes componentes:

  • Raspberry Pi con Raspbian

Es recomendable acceder a los siguientes tutoriales:

Servidor Web con Flask

Flask es un microframework creado para facilitar el desarrollo de aplicaciones web en Python. Es utilizado normalmente para construir servicios web como APIs REST o aplicaciones de contenido estático.

Servidor Web con Flask
Servidor Web con Flask


Instalar Flask

Antes de instalar cualquier software es conveniente actualizar la Raspberry Pi como se explica en el tutorial Raspberry Pi - Raspbian - Update

Una vez actualizada instalamos el servidor de Flask para Python 3.

pi@raspberrypi:~ $ sudo apt install python3-flask

Hola Mundo

El primer ejemplo que vamos a crear es el típico "Hola Mundo", es decir, vamos a crear un servicio o ruta para que al acceder a una determinada URL se muestre por la pantalla dicho mensaje. Para ello, vamos a crear dentro del directorio web creado en nuestra carpeta del escritorio, un fichero llamado index.py con el siguiente código en Python.

├ web/
└── index.py
from flask import *
app = Flask(__name__)

@app.route('/')
def home():
   return '¡Hola Mundo!'

if __name__ == '__main__':
   app.run(host='0.0.0.0', port=8000, debug=True)

Como hemos dicho, Flask se utiliza para servicios o rutas, en este caso, hemos creado el servicio sobre la URL principal @app.route('/') seguido de la función que ejecutará el servicio, en este caso, devolver el mensaje 'Hola Mundo' que será mostrado por la pantalla al ejecutar el código y acceder mediante el navegador a la dirección localhost:8000. También podrás acceder sobre la propia IP xxx.xxx.xxx.xxx:8000 en un dispositivo situado en la misma red.

URL: localhost:8000

Hola Mundo
Hola Mundo


Añadir un template HTML

En ocasiones nos vemos en la necesidad de generar el código HTML como fichero externo para mostrar una web con su estructura en HTML, código CSS y JS, etc. Para ello debemos renderizar el template en la función y crear un fichero dentro de una carpeta llamada templates. Dentro de esta crearemos el fichero con el código HTML, por ejemplo home.html.

├ web/
├── templates
│   └── home.html
└── index.py
from flask import *
app = Flask(__name__)

@app.route('/')
def home():
   return render_template('home.html')

if __name__ == '__main__':
   app.run(host='0.0.0.0', port=8000, debug=True)
<html>
<head>
   <title>Hola Mundo</title>
</head>
<body>
   <h1>¡Hola Mundo!</h1>
</body>
</html>
URL: localhost:8000

Template
Template


Añadir otra ruta

De momento solamente estamos accediendo a la ruta principal /. Supongamos que queremos acceder a otra ruta /quien-soy donde se muestra información adicional. En este caso necesitamos añadir una nueva función al fichero principal de nuestra aplicación así como un nuevo template donde mostrar dicha información.

├ web/
├── templates
│   ├── quien.html
│   └── home.html
└── index.py
from flask import *
app = Flask(__name__)

@app.route('/')
def home():
   return render_template('home.html')

@app.route('/quien-soy')
def quien():
   return render_template('quien.html')

if __name__ == '__main__':
   app.run(host='0.0.0.0', port=8000, debug=True)
<html>
<head>
   <title>Quien soy</title>
</head>
<body>
   <h1>Hola me llamo Migue</h1>
   
   <a href="/">Al hacer clic aquí te lleva al home</a>
</body>
</html>
URL: localhost:8000/quien-soy

Rutas
Rutas


Pasar parámetros al template

En ocasiones nos gustaría pasar parámetros desde el código principal al template. Para ello, al renderizar el template tenemos que añadirle un array con los valores que serán leídos en el HTML.

from flask import *
app = Flask(__name__)

@app.route('/')
def home():
   templateData = {
      'titulo' : 'Hola Mundo',
      'numero' : 5
   }
   return render_template('home.html', **templateData)

if __name__ == '__main__':
   app.run(host='0.0.0.0', port=8000, debug=True)
<html>
<head>
   <title>Hola Mundo</title>
</head>
<body>
   <p>Si la variable número "{{ numero }}" es igual a 5 se mostrará el título a continuación.</p>
   
   {% if numero == 5 %}
      <h1>Se muestra: {{ titulo }}</h1>
   {% else %}
      <h1>NO se muestra: {{ titulo }}</h1>
   {% endif %}
</body>
</html>
URL: localhost:8000

Paso de parámetros
Paso de parámetros


Ejercicios propuestos

1.- Crea una sencilla página web con 2 enlaces como se explica en el tutorial.

Contribuciones

¿Has encontrado algún error en el contenido? ¿Te gustaría colaborar en el proyecto?
Edita esta página en GitHub y aparecerás en este apartado.

Miguel Ángel Abellán

Síguenos


A menos que se especifique lo contrario, todos los contenidos de este proyecto están bajo una licencia de Creative Commons Reconocimiento-CompartirIgual 4.0 Internacional.

This project is Open Source on GitHub and made with by @migueabellan

2015-2019 Asociación Programo Ergo Sum