Repaso - Creación de las rutas para crear preguntas

Clase 19 de 35 • Curso de Node.js con Hapi

Contenido del curso

Introducción

Creando un sitio básico con Hapi

Aplicacion de conceptos avanzados

Herramientas de desarrollo

Resumen

Hasta ahora hemos repasado cómo definir el modelo y crear la función en el controlador para el manejo de preguntas de nuestro proyecto. En esta clase vamos a difinir las rutas y enlazarlas con las vista para que todo trabaje en conjunto.

En el action del formulario que definimos en la vista con handlebars indicamos la ruta a la cual se va a dirigir el navegador al hacer clic en el botón en Crear pregunta.
Incorporamos el condicional para el manejo de errores en el archivo de handlebars de la vista.
Agregamos la url en el archivo layout que enlazará a la ruta que definiremos a continuación para hacer las preguntas.
Creamos la función necesaria en el controlador para hacer el llamado a la vista.
Definimos las nuevas rutas: la de creación de la pregunta y la que recibirá los datos de formulario para crear nuevas preguntas, es acá donde definimos las validaciones que se aplicarán a los datos con Joi.
Agregamos la ruta en la función de validación de urls.

Comentarios

Juan Manuel Oyarzún Gajardo

student•

Ojo hay un error en el ask.hbs, el form tiene un enctype="multipart/form-data" que no es compatible. Recomiendo eliminar esa propiedad

<form method="POST" action="/create-question">

Dilan Santiago Ariza Cañon

student•

Gracias bro!

Dilan Santiago Ariza Cañon

student•

Tienes razón, no es necesario a menos que trabajemos con archivos multimedia.

Gracias por recordarnos :)

Alberto D. Sosa

student•

Acordarse de deconstruir la data antes de setearla si no da error:

async create(data, user) {
        const ask = {
            ...data
        }

        ask.owner = user
        const question = this.collection.push()
        question.set(ask)

        return question.key
    }

Luis Jose Torres Muñoz

student•

No todos los heroes llevan capa

Francisco Javier Suarez Verdugo

student•

Estupenda clase instructor Adrián, para aquellas personas que tienen problemas al crear le preguntas sigan estos pasos:

Revisar la etiqueta <form> del archivo ask.hbs, nos fijaremos en que en el atributo actions= “” este la dirección que queremos “create-question” y eliminamos todo el atributo enctype=””
Nos fijamos en el archivo questions.js que está en la carpeta models, allí tenemos que manejar el parámetro data para que sea reconocido como JSON, tenemos dos opciones: a. Descontruir data como nos indica el compañero AlbertoDSosa:

async create (data, user) {
        const inquiry = {
            ...data
        }
        inquiry.owner = user
        const questions = this.collection.push()
        questions.set(inquiry)

        return questions.key
    }

b. Añadir el JSON parse

async create (data, user) {
        data = JSON.parse(JSON.stringify(data));
        data.owner = user
        const questions = this.collection.push()
        questions.set(data)

        return questions.key
    }

Espero que les sea de utilidad estos datos

Fernando Azuaje

student•

Exelente curso hasta ahora

Francisco Garcia [C6]

student•

'use strict'

class Quiestions {
    constructor(db) {
        this.db = db
        this.ref = this.db.ref('/')
        this.collection = this.ref.child('questions')
    }

    async create (data, user) {
        const ask = {
            ...data
        }
        ask.owner = user
        const question = this.collection.push()
        question.set(ask)

        return question.key
    }
}

module.exports = Quiestions

Juan Manuel Luna Blanco

student•

No se, pero llamarme tikistmikis, la función failValidation tiene tres templates dos del user y uno de questions, pero está en el controlador del user, o ponemos uno similar en question o sacamos todos del user para ponerlo fuera como una utilidad de todos los formularios, es lo que yo haría, ...

async function failValidation(request, h, error) {
    const templates = {
            '/create-question': 'question'
        }
        // return Boom.badRequest('Falló la validación', request.payload)
    console.log('PATH: ', request.path);
    return h.view(templates[request.path], {
        title: 'Error de Validación',
        error: 'Por favor complete los campos requeridos'
    }).code(400).takeover(); // se salta el error (400, del boom) con el takeover() y retorna la vista
}

Jose Daniel Molina

student•

Hasta ahora va genial el curso...

José Barrios Pulido

student•

Hola a todos, Me aparce un error 415, "message": "Unsupported Media Type" Alguna idea de que me puede estar pasando?, de antemano gracias

Alberto D. Sosa

student•

Quita la propiedad esta del formulario enctype="multipart/form-data", es para envio de archivos esto.

async create(data, user) {
        const ask = {
            ...data
        }

        ask.owner = user
        const question = this.collection.push()
        question.set(ask)

        return question.key
    }

async create (data, user) {
        const inquiry = {
            ...data
        }
        inquiry.owner = user
        const questions = this.collection.push()
        questions.set(inquiry)

        return questions.key
    }

async create (data, user) {
        data = JSON.parse(JSON.stringify(data));
        data.owner = user
        const questions = this.collection.push()
        questions.set(data)

        return questions.key
    }

'use strict'

class Quiestions {
    constructor(db) {
        this.db = db
        this.ref = this.db.ref('/')
        this.collection = this.ref.child('questions')
    }

    async create (data, user) {
        const ask = {
            ...data
        }
        ask.owner = user
        const question = this.collection.push()
        question.set(ask)

        return question.key
    }
}

module.exports = Quiestions

async function failValidation(request, h, error) {
    const templates = {
            '/create-question': 'question'
        }
        // return Boom.badRequest('Falló la validación', request.payload)
    console.log('PATH: ', request.path);
    return h.view(templates[request.path], {
        title: 'Error de Validación',
        error: 'Por favor complete los campos requeridos'
    }).code(400).takeover(); // se salta el error (400, del boom) con el takeover() y retorna la vista
}

Repaso - Creación de las rutas para crear preguntas

Introducción

Qué necesitas para este curso y qué aprenderás sobre Node.js con Hapi

Conceptos principales de hapi y creación de nuestro primer servidor

Breve historia y estado actual

Creando un sitio básico con Hapi

El objeto h, response y sus herramientas

Uso de plugins - Contenido estático

Plantillas con Handlebars

Renderizado de vistas - Layout y template del home

Recibiendo parámetros en una ruta POST - Creación del registro

Definir una mejor estructura con buenas prácticas en Hapi

Validando la información - Implementando Joi

Introducción a Firebase

Creando un modelo y guardando en firebase

Implementando el login y validación del usuario

Autenticación de usuarios - Cookies y estado

Manejando errores

Visualización de errores

Controlar el error 404 en inert y el error de validación

Repaso - Creación del modelo y controlador para preguntas