Primera aplicacion web con Python y Flask (Tutorial para principiantes)
En este tutorial aprenderemos a construir una Aplicación Web con Python. En esta oportunidad utilizaremos el micro-framework llamado Flask.
 |
| Apliación Web con Python y Flask |
Este artículo no es de mi autoría, cito la fuente al final de la entrada.
Como instalar Flask
Para instalar Flask utilizaremos pip en consola.
>>> pip install Flask
Una vez instalado crearemos nuestra primera Aplicación Web con tan solo 7 líneas de código, la llamaremos hola.py:
#!/usr/bin/env python
# -*- coding: utf-8 -*-
# Autor: Diego Caraballo
# www.pythondiario.com
from flask import Flask
app = Flask(__name__)
@app.route("/")
def hello():
return "Hola Mundo!"
if __name__ == "__main__":
app.run()
Una vez ejecutemos el código comenzará a correr nuestra aplicación, abrimos el navegador y luego ingresamos la ruta 127.0.0.1:5000 (localhost)
Creando las rutas URL
Vamos a crear algunas rutas para ver lo fácil que resulta
/hola
/miembros/
/miembros/name
#!/usr/bin/env python
# -*- coding: utf-8 -*-
# Autor: Diego Caraballo
# www.pythondiario.com
from flask import Flask
app = Flask(__name__)
@app.route("/")
def index():
return "Index!"
@app.route("/hola")
def hello():
return "Hola Mundo!"
@app.route("/miembros")
def members():
return "Miembros"
@app.route("/members//")
def getMember(name):
return name
if __name__ == "__main__":
app.run()
Ejecutamos nuevamente la aplicación y podemos comprobar entrando a las siguientes direcciones:
http://127.0.0.1:5000/
http://127.0.0.1:5000/hola
http://127.0.0.1:5000/miembros
http://127.0.0.1:5000/miembros/PythonDiario
Páginas con Style
Vamos a separar el código de la interfaz de usuario. Crearemos un directorio llamado /templates/ (en el mismo directorio que el archivo hola.py) y dentro, un archivo test.html con el siguiente código:
<h1>Hola {{name}}</h1>
Luego el código en Python:
#!/usr/bin/env python
# -*- coding: utf-8 -*-
# Autor: Diego Caraballo
# www.pythondiario.com
from flask import Flask, flash, redirect, render_template, request, session, abort
app = Flask(__name__)
@app.route("/")
def index():
return "Aplicacion en Flask!"
@app.route("/hola//")
def hello(name):
return render_template(
'test.html',name=name)
if __name__ == "__main__":
app.run()
Corremos la aplicación y probamos por ejemplo: 127.0.0.1/hola/PythonDiario
Dando más estilo a la Aplicación Web
Vamos a crear un nuevo archivo que también irá en la carpeta /templates/ (layout.html) con el siguiente código:
<html>
<head>
<title>Website</title>
<style>
@import url(https://fonts.googleapis.com/css?family=Amatic+SC:700);
body{
text-align: center;
}
h1{
font-family: 'Amatic SC', cursive;
font-weight: normal;
color: #8ac640;
font-size: 2.5em;
}
</style>
</head>
<body>
{% block body %}{% endblock %}
</body>
</html>
Modificamos el archivo test.html con el siguiente código:
{% extends "layout.html" %}
{% block body %}
<div class="block1">
<h1>Hola {{name}}!</h1>
<h2>Dejo una cita interesante para ti: </h2>
<p>
"Lo unico imposible es aquello que no intentas."
</p>
<img src="https://yt3.ggpht.com/-WJHoIm3PI0M/AAAAAAAAAAI/AAAAAAAAAAA/xqS2eHxnkx0/s900-c-k-no-mo-rj-c0xffffff/photo.jpg">
</div>
{% endblock %}
Osea que ahora, tendríamos: por un lado el archivo hola.py y una carpeta /templates/ con los archivos: layout.html y test.html
Ejecutamos nuevamente la Aplicación Web y podemos probarla: http://127.0.0.1:5000/hola/Diego
Pasando Variables
Ahora vamos a mostrar citas aleatorias en vez de mostrar siempre la misma cita. Para pasar múltiples variables, simplemente cambiamos esto:
return render_template(
'test.html', **locals())
Debemos modificar test.html así:
{% extends "layout.html" %}
{% block body %}
<div class="block1">
<h1>Hola {{name}}!</h1>
<h2>Dejo una cita interesante para ti: </h2>
<p>
{{quote}}
</p>
<img src="https://yt3.ggpht.com/-WJHoIm3PI0M/AAAAAAAAAAI/AAAAAAAAAAA/xqS2eHxnkx0/s900-c-k-no-mo-rj-c0xffffff/photo.jpg">
</div>
{% endblock %}
Y el archivo hola.py así:
#!/usr/bin/env python
# -*- coding: utf-8 -*-
# Autor: Diego Caraballo
# www.pythondiario.com
from flask import Flask, flash, redirect, render_template, request, session, abort
from random import randint
app = Flask(__name__)
@app.route("/")
def index():
return "Aplicacion en Flask!"
#@app.route("/hola/")
@app.route("/hola//")
def hello(name):
# return name
quotes = [ u"'Un buen diseño aporta un valor añadido más rápido de lo que agrega costo.' -- Thomas C. Gale ",
u"'Hablar es barato. Enséñame el código' -- Linus Torvalds ",
u"'Siempre codifica como si la persona que finalmente mantendrá tu código fuera un psicópata violento que sabe dónde vives...' -- Martin Golding ",
u"'Si la depuración es el proceso de eliminar errores, entonces la programación debe ser el proceso de introducirlos.' -- Edsger Dijkstra"
]
randomNumber = randint(0,len(quotes)-1)
quote = quotes[randomNumber]
return render_template(
'test.html',**locals())
if __name__ == "__main__":
app.run()
Ya podemos probar nuestro código y presionando F5 (recargando la página) podremos ver como salen las frases aleatorias.
Con unas simples lineas de código hemos creado nuestra Primera Aplicación Web con Flask y Python.
Espero esta entrada sea de ayuda para crear sus primeras aplicaciones web. Cualquier duda, comentario o sugerencia siempre es bienvenida.
Saludos, Diego!!!
Fuente: https://pythonspot.com/en/flask-web-app-with-python/
-
-
Anónimo dice: Disculpas una corrección: donde dice /template/ debería decir /templates/
Saludos.
-
PythonDiario dice:
Hola, muchas gracias. Ya modifique en la entrada la carpeta /templates/. Gracias por la corrección.
Saludos!!!
-
-
Fidel López Salazar dice:
Diego, Gracias, tus aportaciones, me han enriquecido el conocimiento en PYTHON, conforme avance en el tema, nos retroalimentamos, saludos de SAN LUIS POTOSI, MÉXICO
-
Oscar David dice:
Una corrección, en la estructura decisional solo debería ir:
if __name__ == "__main__":
app.run()El código funciona perfectamente. Saludos.
-
PythonDiario dice:
Hola Oscar, gracias por visitar el blog y el comentario. Efectivamente, las lineas "String" que salen al final del código no van, pero el editor que uso en el blog me las agrega solas 🙁
Voy aclarar en la entrada que no se copien esas lineas
Saludos!!!
-
-
Aida dice:
Hola me encanta tu blog, es super educativo!
Me podrías ayudar?
Necesito resolver este ejercicio pues tengo examen y los ejercicios serán similares a este:Se ha Instalado medidores de contaminantes atmosféricos en diversas poblaciones se quiere conocer por cada población la media de contaminantes y cuál es la población que tiene mayor nivel y cual menor nivel de contaminantes.
El usuario entrara una secuencia con la siguiente estructura:
A- 32,28,15,9,17 * B- 42,28,25,19,45,30 * C- 18,20,44,53,27 * Fin
En esta cadena tenemos diferentes poblaciones con sus medidas separadas por asterisco y las medidas de cada población separadas por (,) donde la letra anterior al guión corresponde al código de la población.
El programa ha de mostrar
La población A tiene una media de 20.2
La población B tiene una media de 31.5
La población C tiene una media de 32.4La población con mejor nivel es la A
La población con peor nivel es la CMil gracias!
-
PythonDiario dice:
Hola Aida, gracias por visitar el blog. Has podido hacer algo del ejercicios?
Saludos -
Aida dice:
Sí! Al final pude resolverlo:
print("1: Contaminación")
print("2: [por definir]")
print("3: Salir")
opcion=int(input("Opción: "))while(opcion!=3):
if(opcion==1):
suma=0
cont=0
poblmax=""
poblmin=""
mediamax=-1000
mediamin=1000
desc=""
descval=0
pobl=input("Poblacion: ")while(pobl!="fin"):
suma=0
cont=0
contdesc=""
valor=float(input("Valor de contaminación: "))while(valor!=0):
if(valor<50):
suma=suma+valor
cont=cont+1
else:
desc=pobl
descval=valor
contdesc="si"
valor=float(input("Valor de contaminación: "))
media=suma//contif contdesc!="si":
if mediamaxmedia:
poblmin=pobl
mediamin=mediaelse:
print("La población "+str(desc)+" está descartada por tener un valor de "+str(descval))
cont_error=""
pobl=input("Población: ")print("La población con mejores valores es "+str(poblmin)+" con una media de "+str(mediamin))
print("La población con peores valores es "+str(poblmax)+" con una media de "+str(mediamax))
-
-
Gianmarco dice:
Hola esta chevere el tutorial, pero nose por que python me da este error.
SyntaxError: invalid sybtax
te agradezco la ayuda de antemano
-
Unknown dice:
Genial me gusto mucho en realidad es muy fácil hasta se me hizo fácil crear los templates con pypugjs.
-
Leonardo Calcagno dice:
Hola Diego. Estoy aprendiendo python y flask, pero me encuentro con el problema de como hacerlo de la mejor manera utilizandonun hosting pero realmente desconozco cuáles serían las mejores opciones ya que nunca he salido de mi máquina personal. Podrías hacer un artículo donde nos enseñé basicamente como llevar un mini proyecto web con python y flask a la web real?
Desde ya muchas gracias y excelentes tus artículos!
PythonDiario Deja una respuesta
Súper! gracias Diego Caraballo =D