Estableciendo la conexión con la base de datos

Clase 61 de 75 • Curso de MEAN 2017

Contenido del curso

Introducción al Curso de MEAN

El Frontend de PlatziOverflow

El Backend de PlatziOverflow

La Base de Datos de PlatziOverflow

Despliegue a producción

Contenido Bonus

Tomar examen

Comentarios

Brayan Jesús Salcedo Ortegano

student•

Ya no es necesario usar { useMongoClient: true } con mongoose 5.x.

Luis Abdel Rangel Castro

student•

The useMongoClient option is no longer necessary in mongoose 5.x

Mauricio Hernan Cabrera

student•

ahora se usa useNewUrlParser

Jesus Sandrea

student•

Aqui dejo esta guia para los principiantes en mongodb como yo:

Carlos Enrique Ramírez Flores

student•

muchas muchas gracias! me has salvado!!!

Fermin Leonardo Espinosa Torres

student•

Conexión para la version 5.2.9 de Mongoose:

......
import mongoose from 'mongoose'
import { mongoUrl } from './config'

.....

mongoose.connect(mongoUrl, { useNewUrlParser: true })

var db = mongoose.connection;
db.on('error', console.error.bind(console, 'connection error'));

Carlos Enrique Ramírez Flores

student•

gracias, fueron muchos errores por corregir!

Mario Alejandro Cortez Salinas

student•

Cosas que han cambiado a fecha 11/Abril/2019

Cambia useMongoClient por useNewUrlParser
Se deben ejecutar los siguientes comandos para usar la async twit npm i babel-upgrade -g npx babel-upgrade --write --install

PD: Antes de hacer npm start inicia el servidor de mongo en otra terminal con el comando MongoDB

Jose Antonio Marín López

student•

Es sencillo, pero para aquellos que tengan dudas, aquí está el manual de instalación de Mongo en los distintos sistemas operativos:

Quimey Lucas Marquez

student•

Si hizo el --save-dev no estaria disponible solo en develop?

Diego Forero

Team Platzi•

Si, porque babel solo se usa en desarrollo, a producción ya subes tu código transpilado (compilado) usando babel.

Ernesto Ledesma

student•

alguien ha tenido problemas con los presets? se agradece la solucion!!

[nodemon] starting `babel-node server/index.js`
/Users/ernestoledesma/Library/Mobile Documents/com~apple~CloudDocs/UNLP-Magister en Ingenieria de Software/idea-overflow/node_modules/babel-core/lib/transformation/file/options/option-manager.js:328
        throw e;
        ^

Error:
As of v7.0.0-beta.55, we've removed Babel's Stage presets.
Please consider reading our blog post on this decision at
https://babeljs.io/blog/2018/07/27/removing-babels-stage-presets
for more details. TL;DR is that it's more beneficial in the
  long run to explicitly add which proposals to use.

For a more automatic migration, we have updated babel-upgrade,
https://github.com/babel/babel-upgrade to do this for you with
"npx babel-upgrade".

If you want the same configuration as before:

{
  "plugins": [
    // Stage 0
    "@babel/plugin-proposal-function-bind",

    // Stage 1
    "@babel/plugin-proposal-export-default-from",
    "@babel/plugin-proposal-logical-assignment-operators",```

Olga Lucia Rodriguez Meneses

student•

Si, yo tuve el mismo problema, Si revisas el error que te esta saliendo, dice que la gente de babel ha decidido no usar mas los presets stage, por lo que incluir el Stage 0 como lo hace Sasha genera el error.

Tambien dice que recomiendan usar “npx babel-upgrade” y te da la pagina donde explica como hacerlo:

Lo que yo hice fue usar estos dos comandos:

npm i babel-upgrade -g

npx babel-upgrade --write --install

Espero que te sirva la informacion

Guillermo Llancaqueo Valenzuela

student•

les dejo un docker-compose muy simple para mongo

version: '3'
services:
  MongoDB:
    image: mongo
    ports:
      - 27017:27017
    volumes:
      - ./db:/data/db

Daniel Alejandro Molina Yepes

student•

Excelente!!

......
import mongoose from 'mongoose'
import { mongoUrl } from './config'

.....

mongoose.connect(mongoUrl, { useNewUrlParser: true })

var db = mongoose.connection;
db.on('error', console.error.bind(console, 'connection error'));

[nodemon] starting `babel-node server/index.js`
/Users/ernestoledesma/Library/Mobile Documents/com~apple~CloudDocs/UNLP-Magister en Ingenieria de Software/idea-overflow/node_modules/babel-core/lib/transformation/file/options/option-manager.js:328
        throw e;
        ^

Error:
As of v7.0.0-beta.55, we've removed Babel's Stage presets.
Please consider reading our blog post on this decision at
https://babeljs.io/blog/2018/07/27/removing-babels-stage-presets
for more details. TL;DR is that it's more beneficial in the
  long run to explicitly add which proposals to use.

For a more automatic migration, we have updated babel-upgrade,
https://github.com/babel/babel-upgrade to do this for you with
"npx babel-upgrade".

If you want the same configuration as before:

{
  "plugins": [
    // Stage 0
    "@babel/plugin-proposal-function-bind",

    // Stage 1
    "@babel/plugin-proposal-export-default-from",
    "@babel/plugin-proposal-logical-assignment-operators",```

Estableciendo la conexión con 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