Vamos a actualizar nuestra Política de privacidad próximamente. Te recomendamos consultar el avance.

Angular 2 avanzado: Trabajo con APIs

Crear la base de datos y modelo

¡Prueba gratis durante 10 días

nuestros 1288 cursos !

Prueba gratis Mostrar modalidades de suscripción
En este curso vamos a trabajar con una API en formato REST que interactúa con los datos almacenados. En esta lección vamos a crear la base de datos MongoDB y a configurar el formato y el tipo de los datos que conformarán cada una de sus partes.
07:13

Transcripción

Vamos ahora a conectar nuestro servidor con una base de datos MongoDB. Yo acá tengo una aplicación en la que estoy trabajando donde tengo un servidor en un archivo llamado'servidor. js', acá estoy importando la librería "express", estoy generando una instancia y básicamente estoy escuchando un puerto, en este caso el puerto 8080, para devolver un mensaje muy básico que simplemente devuelve acá una respuesta en consola. Vamos a hacer crecer un poco más este servidor y lo vamos a conectar con una base de datos MongoDB. Para eso, voy a necesitar primero instalar la librería "mongoose". Esta librería la podemos instalar utilizando el sistema de administración de paquetes de Node, para eso voy a abrir la consola, en este caso la de Visual Studio, o en la configuración de mi proyecto voy a entrar a la carpeta en la que se encuentra el archivo'package. json' y una vez que estoy en él, voy a instalar la librería "mongoose". Como te acabo de decir, vamos a utilizar el administrador de paquetes de Node, así que vamos a escribir "npm" install", vamos a llamar la librería "mongoose" y vamos a poner para que se almacene dentro de nuestro archivo'package. json', vamos a escribir el parámetro "-- save". Esto va a guardarlo dentro del documento una vez que lo tengamos instalado en nuestro sistema. En cuanto esté instalado, los archivos de "mongoose" se copiarán dentro de la carpeta'node_modules' y vamos a poder hacerlo dentro de nuestra aplicación. Como podemos ver, 'package. json'ahora tiene la versión de "mongoose" que nosotros estamos utilizando. Ahora vamos a conectar nuestro servidor con esta base de datos. Para hacer la conexión, primero vamos a importar "mongoose" utilizando una variable, en este caso para que sea fácil de reconocer, vamos a escribir "mongoose" y vamos a definir que esta variable va a importar la librería dentro de nuestro servidor, así que ponemos el comando "require" y le agregamos el parámetro "mongoose". Y ahora ya tenemos "mongoose" dentro de esta variable. Luego vamos a utilizar un método llamado "connect", así que vamos a llamar la variable que acabamos de crear y utilizamos el método "connect" y nos vamos a conectar con una base de datos en MongoDB. Para esta base de datos, vamos utilizar el protocolo MongoDB, así que en vez de poner http vamos a poner: mongodb : // y acá vamos a definir la ruta a nuestra base de datos. ¿Cuál es la ruta a nuestra base de datos? Bueno, en este caso vamos utilizar una ruta llamada "localhost" y vamos a definir el puerto 27 017. ¿Por qué estamos utilizando este puerto? Básicamente porque, por defecto, cuando nosotros arrancamos la base de datos MongDB, se va a encontrar trabajando en este puerto. Así que, en caso de que hayas utilizado la instalación por defecto, posiblemente se encuentre ahí. Si tienes algún problema puedes consultar con el administrador de tu red o con soporte técnico, porque posiblemente alguien ha configurado la instalación y ha hecho alguna modificación. Una vez que tenemos esto y estamos conectándonos al servidor local, vamos a definir cuál va a ser el nombre de nuestra base de datos. En este caso le vamos a poner "lista - angular". Ahora, no nos vamos a poder conectar todavía, porque la base de datos no se está ejecutando. Para ejecutar la base de datos tenemos que ir a la terminal del sistema, en este caso yo ya acá la tengo abierta, y veamos que estoy abriendo un archivo muy específico dentro de'Program Files' en donde tengo la instalación original de MongoDB. En este caso estoy utilizando la versión 3. 4, puede ser que la versión que estés utilizando sea ligeramente distinta, pero en general tiene la misma estructura, donde vas a encontrar dentro una carpeta llamada'bin' donde se encuentran los archivos de MongoDB, los archivos ejecutables. Una vez que estamos acá, lo único que tenemos que definir dentro de la consola es el comando "mongod". Vamos a presionar Enter y ahora se está ejecutando la aplicación. Recuerda que, si por algún motivo tienes un error acá, es posible que no tengas configurado correctamente la carpeta 'data /db'que debe estar en la raíz del sistema. Ahora, una vez que estamos ejecutando el servidor ya podemos acceder a través de la dirección que está acá: "localhost: 27017", y en el caso de que no exista la base de datos, como este es el caso, que la acabamos de crear, entonces cuando hagamos la conexión vamos a crear esta base de datos. Una vez que ya tenemos conectada nuestra aplicación a la base de datos vamos a generar los modelos que va a tener esta base de datos. Así que vamos a seguir haciendo nuestro código y voy a incluir "var", otra variable, en este caso le voy a poner "Lista". Esta variable "Lista" va a tener justamente la lista de tareas que nosotros vamos a asignar dentro de nuestra base de datos. Así que acá yo voy a definir que el objeto "mongoose", que ya hemos definido, donde se encuentra la librería del mismo nombre, va a tener el método "model", donde vamos a definir el modelo de nuestra base de datos, cuáles van a ser los elementos y las propiedades que va a tener. Vamos a definir que vamos a crear una tabla llamada "Lista" y en esta tabla vamos a tener diferentes celdas. Pensemos que acá es donde vamos a crear todos los elementos con los que vamos a relacionarnos. Por ejemplo, si yo quiero crear una tabla donde se incluyan los nombres de los alumnos, puedo crear esta tabla, y en esta parte yo lo que voy a definir van a ser las celdas, o sea, nombre, dirección, apellido, no directamente los datos sino las clasificaciones donde vamos a ir insertando estos datos. Así que voy a definir acá un objeto, vamos a trabajar con la nomenclatura "json", y dentro de este objeto yo voy a poner una de las celdas que quiero que tenga, en este caso "texto". Y una vez que tengamos el texto, le vamos a definir qué tipo de dato va a ser, así que le voy definir que "texto" sea de tipo "string", o sea, una cadena de texto, ponemos punto y coma, y ya tenemos el modelo de nuestra base de datos.

Angular 2 avanzado: Trabajo con APIs

Comprende el funcionamiento de una API y cómo llevar a cabo sus procesos, así como controlar su funcionamiento mediante Angular 2, gracias a este ejemplo práctico.

3:02 horas (29 Videos)
Actualmente no hay comentarios.
 
Software:
Fecha de publicación:4/05/2017

Este curso video2brain está disponible como descarga y para ser visualizado online. ¡Pero no hace falta que decidas entre las dos opciones! Al comprar el curso, disfrutarás de ambas posibilidades.

La descarga te permite ver las lecciones sin estar conectado/a a internet y supone una navegación fácil y ágil entre capítulo y capítulo. Si vas a trabajar en diferentes ordenadores o si no quieres descargarte el curso completo, entra en la web con tus datos de acceso y disfruta directamente de tus vídeos online. Te deseamos que disfrutes de este curso y te resulte de mucha utilidad.

Estamos a tu disposición si tienes cualquier tipo de duda o pregunta.