Uso de método POST en Flask-WTF

Resumen

Flask acepta peticiones GET por defecto y por ende no debemos declararla en nuestras rutas.

Pero cuando necesitamos hacer una petición POST al enviar un formulario debemos declararla de la siguiente manera, como en este ejemplo:

@app.route('/platzi-post', methods=['GET', 'POST'])

Debemos declararle además de la petición que queremos, GET, ya que le estamos pasando el parámetro methods para que acepte solo y únicamente las peticiones que estamos declarando.

De esta forma, al actualizar el navegador ya podremos hacer la petición POST a nuestra ruta deseada y obtener la respuesta requerida.

Juan Jose Tovar

student•

Amigos para los que tienen muy claro el uso de GET y POST. Ahí les dejo unos adicionales:

Existen diferentes métodos para intercambiar información entre el cliente y el servidor. Entre los cuales se encuentran:

GET - Es mandar la información al servidor en forma de variables a través de la url.

POST - Cuando son datos especiales que no quieres que se vean en la url, se envian a través de post, que un buen número de veces se da por medio de un formulario. Tecnicámente los datos viajan a través de los headers del protocolo http.

AJAX - Asyncronus javascript and XML. Permite actualizar el body de la página sin necesidad de redirigirme a otra url. EJ: cómo cuando agrego un comentario en facebook.

SOCKETS - Intercambio de información en tiempo real. Ej: Un juego online o un chat.

Nixon Martinez

student•

get y post hacen parte de los distintos metodos http que tenemos para intereactuar con el servidor, los cuales se pueden implementar por ejemplo en una aplicacion frontEnd o por medio de un programa de pruebas llamado postman. los métodos mas utilizados son

get : realizar una peticion al servidor(traer datos o visualizar una pagina) post: realizar una peticional servidor de tipo insercion(puede ser insercion a una bbdd) put:realizar una peticion de actualizacion delete:realizar una peticion de eliminacion de datos

Mauricio Gonzalez Falcon

student•

Get no debería ser usado para enviar información al servidor, solo recibirla desde el cliente mandando algunos requisítos obligatorios o opcionales como lo son los Querys.

Jaime Ortiz

student•

Para los rebeldes (como yo) que no usamos boostrap, Y por ende, hicimos la plantilla así:

<div class="container-form">
        <form action="{{url_for('hello')}}" method="POST">
            {{login_form.username.label}}
            {{login_form.username}}
            {{login_form.password.label}}
            {{login_form.password}}
            {{login_form.submit}}
        </form>
    </div>

Esta es la configuración para que el resultado sea igual al de Bernardo.

app.config['WTF_CSRF_ENABLED']= False

Lo que pasa es que los formularios hay que cifrarlos para poder mandar la información más segura y ese proceso lo hace boostrap por defecto. Mientras que el método manual, toca tambien cifrarlo pero de forma manual.

Felipe Andres Torres Haro

student•

Ufff gracias por esoo, no sabía en que estaba fallando y no quiero usar boostrap jejeje

Fadith Enrique Escorcia Mujica

student•

Y después cómo hago para encriptarlo nuevamente?

botcito .com

student•

Por alguna razon no me sirivio poner

if login_form.validate_on_submit():

asi que lo cambie por

if request.method == 'POST':

quiza a alguien mas le sirva.

Andrés Suarez

student•

Muy buen aporte amigo, la verdad me tenía algo desconcertado el no poder aplicar el método POST y por tu aporte lo logre. Muchas gracias

Julián Melero Hidalgo

student•

Me pasaba lo mismo. La respuesta es que se necesita enviar el token del formulario (CSRF). Faltaría añadir: {{ login_form.csrf_token }} Entonces ya puedes validar con la función "validate_on_submit". Espero que te sirva. Saludos.

  <form action="{{ url_for('hello') }}" method="POST">
                {{ login_form.csrf_token }}
                {{ login_form.username.label }}
                {{ login_form.username }}
                {{ login_form.password.label }}                
                {{ login_form.password }}                
                {{ login_form.submit }}                              
            </form>

Cristian Córdova

student•

Fue a ver si estaba el link con los filtros pero no esta :(

Jhonatan David Ibarra Lavado

student•

Cristian Camilo Hernández Ramirez

student•

Aquí lo tienes: https://jinja.palletsprojects.com/en/3.0.x/templates/#builtin-filters

Jean Nuñez

student•

esta bueno esto methods=['get', 'post']

Javier Fuentes Mora

teacher•

Esto se parece demasiado a php

William Rodriguez

student•

se me parece solo a las plantillas de laravel la verdad. con laravel es sencillo pero esto es otro nivel. se me parece mas a spring-framework de java. flask es el framework mas sencillo en el lenguaje mas sencillo.

Gonzalo García

student•

Spring de Java? Spring solo es backend.

Wilson Fernando Antury Torres

student•

A ver si entendí:

Primero hacemos un get a 'hello', éste me regresa al navegador un html inicial.
Luego hago un post con el formulario, retorna un comando de redirección a 'index', con el usuario en la sesión.
Luego el navegador hace un request a 'index', optiene la ip y la guarda en la sesión. tambien me regresa al navegador una redirección a 'hello'.
Finalmente renderiza el nombre de usuario y la IP.

Duda: La sesión o la cookie siempre se envía al servidor en cualquier request que hagamos desde el cliente? sea POST o GET?

Benjamin Ocampo

student•

Si esta muy confuso el flow que esta utilizando la verdad. La sesion se guarda en una cookie, así que sí, se manda siempre en cada request.

Alberto Perdomo

student•

Espero que esto sirva de respuesta para vos y los que tienen esta duda. El protocolo HTTP define una serie de métodos de petición conocidos como verbos HTTP, para indicar la acción que se desea realizar sobre un recurso determinado. Cada uno de estos verbos tiene una semántica diferente, siendo los más comunes GET y POST.

GET se emplea para solicitar un recurso, por lo tanto las peticiones realizadas con este método solo deben recuperar datos del servidor y no modificarlos
POST se utiliza para enviar una entidad a un recurso específico, de manera que se envían datos al servidor donde son procesados.

Jhonatan David Ibarra Lavado

student•

dure como 30 hora buscanod un bug y era () eso nomas nada mas ajjaja

Claudio Piña

student•

me pasó lo mismo, para recuperar username de session xD

Reinaldo Mendoza

student•

Suele pasar

Juan Vallejos

student•

porque me sale el error The CSRF tokens do not match.

Sebastian Hernandez Matiz

student•

Encontre esto en la documentacion de flask, tienes que ponerlo en el main.py

from flask_wtf.csrf import CSRFProtect

csrf = CSRFProtect(app)

Victor Manuel Prado Bohórquez

student•

este curso necesita urgentemente una actualización!! :/

Juan R. Vergara M.

student•

Totalmente

Pedro Luis López Oviedo

student•

No nos olvidemos de poner el token dentro del form

 {{ login_form.csrf_token }}

Royer Guerrero Pinilla

student•

Es muy bueno saber esto ya que en un futuro me gustaría hacer una API con flask y los metodos Http son claves

Juan Jose Tovar

student•

¿Por qué si le estoy pidiendo a la sesión la variable username, antes de haberla asignado dicha variable a la sesión, no hay error? Es decir, primero se ejecuta username = session.get('username') y después session['username'] = username

José B. Méndez Padín

student•

Porque con el método get de los diccionarios, si no existe ese valor, devuelve None. Por lo tanto, el valor de username será None.

Aquí hay más info: https://www.tutorialspoint.com/python/dictionary_get.htm

Luis Eduardo

student•

Nada más coloco el atributo methods me sale este error :S ImportError: The crypt module is not supported on Windows

Diego Andrés Rojas González

student•

Hiii !👋 Si has llegado hasta esta clase y algunas cosas no salen bien te comparto esta solución.

@app.route('/hello', methods=['GET'])
def hello():
    # user_ip = request.cookies.get('user_ip')
    user_ip = session.get('user_ip')
    username = session.get('username')
    print(session)
    context = {
        'user_ip': user_ip,
        'todos': Todo,
        'username': username
    }
    return render_template('hello.html', **context)

@app.route('/signup', methods=['GET','POST'])
def signup():
    signup_form = RegistrationForm()
    context = {
        'form': signup_form
    }
    if request.method == 'POST':
        #print(request.form)
        for ( key, value ) in request.form.items():
            session[key] = value
        return redirect('/hello')
    
    return render_template('signup.html', **context)

Diego Andrés Rojas González

student•

la vista signup tiene el siguiente código

{% extends "base.html" %}
{% block content %}
<form action="{{ url_for('signup')}}" method="POST" class="mx-5">
    <div class="mb-2">
        <label class="form-label mb-0">{{ form.username.label }}</label>
        {{ form.username(class='form-control') }}
    </div>
    <div class="mb-2">
        <label class="form-label mb-0">{{ form.email.label }}</label>
        {{ form.email(class='form-control') }}
    </div>
    <div class="mb-2">
        <label class="form-label mb-0">{{ form.password.label }}</label>
        {{ form.password(class='form-control') }}
    </div>
    <button type="submit" class="btn btn-primary">Submit</button>
</form>
{% endblock %}

Jeronimo Valencia

student•

a mi me dio sin hacer el redirect jajajaja

Pablo Rosa

student•

si el browser les devulve este error

Flask_form : CSRF Token do not match

Simplemente borren las cookies.

Saul Juarez

student•

Vamos avanzando

Carlos Enrique Ramírez Flores

student•

uff flask es el framework más amigable que he conocido! y super rapidoª

David Gómez Bernal

student•

No se si es por alguna actualización pero no me aparece el saludo después ingresar los datos en las formas y enviar, simplemente recarga la página pero con los campos vacíos. Alguien sabe como solucionar eso?

Bernardo Cassina

teacher•

Hola, David, vamos a revisar. Nos puedes compartir tu código por favor?