Guardando una respuesta en la base de datos

Clase 68 de 75 • Curso de MEAN 2017

Alonso Alejandro Zúñiga Beltrán

student•

No se está considerando que User está también devolviendo el password encriptado, que aunque es un hash, es una puerta para que algún hacker realice fuerza bruta… Creo que deberían revisar esa parte…

Alonso Alejandro Zúñiga Beltrán

student•

Para solventarlo realicé 2 cambios:

findById: (_id) => {
    debug(`Find question with id ${_id}`);
    return Question
      .findOne({_id})
      .populate('user')
      .populate({
        path: 'answers',
        options: {sort: '-createdAt'},
        populate: {
          path: 'user',
          model: 'User',
          **select: '-password'**
        }
      });
  },

Alonso Alejandro Zúñiga Beltrán

student•

Me faltó el populate de user:

findById: (_id) => {
    debug(`Find question with id ${_id}`);
    return Question
      .findOne({_id})
      .populate({
        path: 'user',
        select: '-password'
      })
      .populate({
        path: 'answers',
        options: {sort: '-createdAt'},
        populate: {
          path: 'user',
          model: 'User',
          select: '-password'
        }
      });
  },

José Ignacio Miranda

student•

Si tienen problemas con el $pushAll que hace mongoose cuando se guarda la pregunta con la nueva respuesta, se soluciona así.

En pocas palabras se tiene que agregar { usePushEach: true } después del objeto del el modelo en la creación del schema de question(server/models/question.js).

Guillermo Llancaqueo Valenzuela

student•

Grande compa, muchas gracias por la info

Fabián Veliz

student•

Como varios se dieron cuenta, se está devolviendo la contraseña al traer un User.
A mí me funcionó agregar un método custom al UserSchema para ocultar el campo.

models/user.js:

import mongoose, { Schema } from 'mongoose';
import uniqueValidator from 'mongoose-unique-validator';

const UserSchema = new Schema({
  firstName: {
    type: String,
    required: true
  },
  lastName: {
    type: String,
    required: true
  },
  email: {
    type: String,
    required: true,
    unique: true,
    index: true // To improve searching
  },
  password: {
    type: String,
    required: true
  }
});

UserSchema.plugin(uniqueValidator);

UserSchema.methods.toJSON = function() {
  var obj = this.toObject();
  delete obj.password;
  return obj;
}

const User = mongoose.model('User', UserSchema);

export default User;

Con esto ya no viene más la contraseña.
PD: pueden devolver directamente el user en /signin y /signup.

Artículo original

Fabián Veliz

student•

Cambien el
var obj = this.toObject();
por
const obj = this.toObject();.

Fernando Ontiveros

student•

Hola, cuál sería la diferencia entre tu solución desde el modelo a la que se dió también en el otro comentario en db-api? Cuál sería la mejor alternativa?

Carlos Enrique Ramírez Flores

student•

hasta aqui todo bien!!! vamos con angular 7

Luis Abdel Rangel Castro

student•

Yo ahora con Angular 8 28/07/19

Walter Lensinas

student•

Here is the code of the project: https://github.com/wlensinas/platzi-overflow-wl/tree/68-createAnswer

Open your terminal and type this:

git clone https://github.com/wlensinas/platzi-overflow-wl.git
git checkout 68-createAnswer
npm install this is for install dependencies
mongod this is for start MongoDB services
npm start

Alejandro Valenzuela

student•

Mongoose agrega una propiedad '__v' a Schema's para el control de versiones. Puede deshabilitar el atributo "__v" en sus definiciones de esquema configurando la versionKeyopción a false. Por ejemplo:

const nombreSchema = new Schema({ ... attributes ... }, { versionKey: false });

Saludos.

Edgar Muñoz

student•

AL terminar de codificar lo correspondiente a este video, me empezó a salir el siguiente error y no he podido solucionarlo:

Edgar Muñoz

student•

“Si la depuración es el proceso de eliminar errores, entonces la programación debe ser el proceso de introducirlos”
– Edsger W. Dijkstra

VS code importa paquetes con ciertas palabras que se codifican, en este caso ingresé “json” e importó json de esa dirección que genera el error, se elimina esa línea del import y ya corre bien!

Enzo Aliatis

student•

he sufrido con esas imports automaticos de VS code, que bueno que lo mencionas

Daniel Alejandro Molina Yepes

student•

Excelente!!

Irving Sarmiento

student•

Por qué en algunos casos se tiene que agregar un objeto de configuración en el modelo de la pregunta. Espero me puedan explicar.

Si alguien más tiene un error parecido que al momento de guardar el answers junto con el question, agregan estas líneas en /server/models/question.js y espero tambén sea el mismo problema:

const QuestionSchema = new Schema({
    title: { type: String, required: true },
    description: { type: String, required: true },
    icon: { type: String, required: true },
    createdAt: { type: Date, required: true, default: Date.now },
    user: { type: ObjectId, ref: 'User', required: true },
    answers: [{ type: ObjectId, ref: 'Answer', default: [] }]
}, {
    usePushEach: true
})

Jordi Santamaría Portolés

student•

Una duda, no se podría hacer para que se ejecutara tambien en paralelo con el cliente y el servidor, la base de datos al hacer npm start?

Diego Forero

Team Platzi•

No porque necesitas tener dos terminales corriendo una para el server y otra para el cliente, esta es la razón por la que no se hace.

Jordi Santamaría Portolés

student•

??? con currently estamos ejecutando tanto el servidor como el cliente en el mismo terminal en este curso xD , lo único que digo es de incorporar tmb mongodb que se ejecute al mismo tiempo tmb…

Por cierto, como haces para contestar en todos los comentarios de todos los cursos, eres admin de la pagina o algo? XD

Jorge Zamudio

student•

Tengo este error, al parecer se refiere a que el id key de la respuesta es igual para todas, por lo tanto solo me deja escribir una respuesta (la primera) y las demas no se guardan por este error.
Alguien que sepa que puedo hacer?

{message: "An error ocurred db questions", e: {code: 11000, index: 0,…}}
e
:
{code: 11000, index: 0,…}
code
:
11000
errmsg
:
"E11000 duplicate key error collection: platzi-overflow.answers index: _id_ dup key: { : ObjectId('5ace966e0ae62d2e30b473fe') }"
index
:
0
op
:
{_id: "5ace966e0ae62d2e30b473fe", description: "Esta es una respuesta de prueba",…}
createdAt
:
"2018-04-12T06:03:29.727Z"
description
:
"Esta es una respuesta de prueba"
user
:
"5ace3bfdb9a0bf242c0840e7"
__v
:
0
_id
:
"5ace966e0ae62d2e30b473fe"
message
:
"An error ocurred db questions"```

Walter Lensinas

student•

Raro, el ID lo genera la db...

¿Como tenes el model del answer?

¿Algo como esto?

import mongoose, { Schema } from 'mongoose'

const { ObjectId } = Schema.Types

const AnswerSchema = new Schema({
    description: { type: String, required: true },
    createdAt: { type: Date, default: Date.now, required: true },
    user: { type: ObjectId, ref: 'User', required: true }
})

const Answer = mongoose.model('Answer', AnswerSchema)

export default Answer

findById: (_id) => {
    debug(`Find question with id ${_id}`);
    return Question
      .findOne({_id})
      .populate('user')
      .populate({
        path: 'answers',
        options: {sort: '-createdAt'},
        populate: {
          path: 'user',
          model: 'User',
          **select: '-password'**
        }
      });
  },

findById: (_id) => {
    debug(`Find question with id ${_id}`);
    return Question
      .findOne({_id})
      .populate({
        path: 'user',
        select: '-password'
      })
      .populate({
        path: 'answers',
        options: {sort: '-createdAt'},
        populate: {
          path: 'user',
          model: 'User',
          select: '-password'
        }
      });
  },

import mongoose, { Schema } from 'mongoose';
import uniqueValidator from 'mongoose-unique-validator';

const UserSchema = new Schema({
  firstName: {
    type: String,
    required: true
  },
  lastName: {
    type: String,
    required: true
  },
  email: {
    type: String,
    required: true,
    unique: true,
    index: true // To improve searching
  },
  password: {
    type: String,
    required: true
  }
});

UserSchema.plugin(uniqueValidator);

UserSchema.methods.toJSON = function() {
  var obj = this.toObject();
  delete obj.password;
  return obj;
}

const User = mongoose.model('User', UserSchema);

export default User;

const QuestionSchema = new Schema({
    title: { type: String, required: true },
    description: { type: String, required: true },
    icon: { type: String, required: true },
    createdAt: { type: Date, required: true, default: Date.now },
    user: { type: ObjectId, ref: 'User', required: true },
    answers: [{ type: ObjectId, ref: 'Answer', default: [] }]
}, {
    usePushEach: true
})

{message: "An error ocurred db questions", e: {code: 11000, index: 0,…}}
e
:
{code: 11000, index: 0,…}
code
:
11000
errmsg
:
"E11000 duplicate key error collection: platzi-overflow.answers index: _id_ dup key: { : ObjectId('5ace966e0ae62d2e30b473fe') }"
index
:
0
op
:
{_id: "5ace966e0ae62d2e30b473fe", description: "Esta es una respuesta de prueba",…}
createdAt
:
"2018-04-12T06:03:29.727Z"
description
:
"Esta es una respuesta de prueba"
user
:
"5ace3bfdb9a0bf242c0840e7"
__v
:
0
_id
:
"5ace966e0ae62d2e30b473fe"
message
:
"An error ocurred db questions"```

import mongoose, { Schema } from 'mongoose'

const { ObjectId } = Schema.Types

const AnswerSchema = new Schema({
    description: { type: String, required: true },
    createdAt: { type: Date, default: Date.now, required: true },
    user: { type: ObjectId, ref: 'User', required: true }
})

const Answer = mongoose.model('Answer', AnswerSchema)

export default Answer

Guardando una respuesta en la base de datos

Introducción al Curso de MEAN

Bienvenidos al Curso de MEAN

¿Qué es MEAN?

El Frontend de PlatziOverflow

Introducción a Angular y TypeScript

Instalación y configuración del entorno

Trabajando con Angular Material

Construcción del header de la aplicación

Detalles de preguntas para el proyecto

Construcción de pantalla de detalle de una pregunta

Estilo en la pantalla de detalle de una pregunta

Incorporando angular2-moment al proyecto

Agregando el listado de respuestas a la pantalla de detalle

Agregando un formulario para respuestas

Dando estilo al formulario de preguntas

Corrigiendo estilos en el formulario y toques finales

Cómo mostrar las respuestas en el listado

Empezando la pantalla de signin

Creando el formulario de signin

Dando estilo al formulario de signin

Creando la pantalla para el listado de preguntas

Creando el componente para los listados de preguntas

Crear la pantalla para cargar una nueva pregunta

Crear formulario de carga de nueva pregunta

Agregando iconos al formulario de preguntas

Agregando un icono genérico al formulario de preguntas

Seleccionando un icono para la pregunta

Conectando nuestras pantallas con el router de Angular

Conectando la pantalla de registro con la de login

Conectando el listado de preguntas con la pantalla del detalle

Conectando el listado de preguntas con el formulario de creación

El Backend de PlatziOverflow

Introducción a Node.js y Express

Express

Instalación y configuración del entorno de desarrollo de Backend con Babel

Instalación y primeros pasos con Express

Creando un endpoint en la API para servir preguntas al cliente

Creando el servicio de preguntas

Completando el servicio de preguntas

Conectando el Frontend de preguntas con nuestro Backend

Agregando un spinner para la carga de preguntas

Obteniendo el detalle de una pregunta desde el Backend

DESAFIO: Contruye el spinner del detalle de la pregunta

Agregando una ruta para crear una pregunta en el Backend

Agregando el método para crear preguntas en el QuestionService

Enviando una pregunta hacia el Backend

Agregando una ruta para crear una respuesta en el Backend

Agregando el método para crear respuestas en el QuestionService

Enviando una respuesta hacia el Backend

Creando la ruta de signin en el Backend

Creando un JSON web token para el usuario autenticado

Escribiendo nuestro servicio de autenticación

Conectando el signin con el Backend

Agregando el logout de usuarios a PlatziOverflow

Creando la ruta de signup en el backend

Conectando el signup de usuarios con el Backend

Qué son y Cómo funcionan los Middlewares

Organizando los middlewares del Backend

Autorizando usuarios para que puedan crear preguntas

Manejar el error del signin

La Base de Datos de PlatziOverflow

Creando el modelo de respuesta

Creando el modelo de usuario

Creando el modelo de pregunta

Estableciendo la conexión con la base de datos

Obteniendo todas las preguntas de la base de datos

Obteniendo una pregunta de la base de datos

Conectando el signup con la base de datos

Encriptando la contraseña del usuario

Conectando el signin con la base de datos

Guardando una pregunta en la base de datos

Guardando una respuesta en la base de datos

Ordenando las preguntas en la home

Despliegue a producción

¿Cómo vamos a hacer el deploy?

Configurando nuestra app para el entorno productivo

Creando el build para producción de nuestro Frontend

Creando el build para producción de nuestro Backend

Cómo enfrentar un proyecto MEAN de aquí en más