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

Angular 2 avanzado: Trabajo con APIs

Crear o configurar un servidor local

¡Prueba gratis durante 10 días

nuestros 1290 cursos !

Prueba gratis Mostrar modalidades de suscripción
Node JS es un entorno en tiempo de ejecución que permite utilizar el lenguaje JavaScript para programar un servidor. En esta lección vamos a monitorear un puerto de tu ordenador y levantar un servidor para nuestra API.
08:48

Transcripción

Vamos a comenzar a trabajar con un servidor Node y también vamos a aprender a configurarlo. Para eso vamos a comenzar utilizando un archivo'package. json'. En este caso yo estoy trabajando dentro de una carpeta llamada'node' donde voy a almacenar mi servidor. He creado un archivo llamado package. json' y también un archivo llamado'servidor. js'. Comencemos examinando el archivo'package. json'. En este archivo, yo voy a incluir un documento en formato JSON, lo que significa que voy a utilizar esta nomenclatura para definir, por ejemplo, un objeto. Dentro de un objeto, yo puedo incluir propiedades y les puedo asignar valores. En este caso, por ejemplo, si yo quiero asignar una propiedad, por ejemplo, "name", pongo dos puntos y le asigno un valor, por ejemplo en este caso el nombre de mi aplicación. Para separar los valores utilizo coma y sigo con la siguiente propiedad, en este caso "version" donde vamos a poner la versión de nuestra aplicación, vamos a poner 1. 0. 0 Otra vez separamos por coma y ponemos una descripción y ponemos: "Servidor de Api en NODE y Angular". Esa es la descripción de nuestra aplicación. Y podemos seguir incluyendo diferentes propiedades, por ejemplo yo voy a incluir dos más, en este caso el autor y la licencia. También vamos a incluir otra propiedad llamada "dependencias". Las dependencias nos van a permitir a nosotros agregar librerías o elementos externos a nuestra aplicación. Te voy a mostrar cómo funciona incluyendo el valor "dependencias", en este caso voy a incluir dos puntos y llaves para asignar un arreglo de diferentes valores. Ahora dentro de este objeto nosotros vamos a incluir todas las librerías externas que vamos a necesitar para nuestra aplicación. Por ejemplo, yo necesito que tengamos instalado Express, así que voy a incluir acá la librería Express, incluyo su nombre y también la versión. En este caso vamos a incluir la versión 3 con cualquier versión compatible que sea similar a ella. Una vez que hemos definido cuáles son los elementos con los que vamos a trabajar, voy a guardar este documento y voy a entrar a la consola, en este caso estoy trabajando dentro de Visual Studio. Voy a trabajar dentro de la carpeta en la que se encuentra mi archivo'package. json' Esto es muy importante porque siempre debo trabajar exactamente en esta carpeta. En este caso yo estoy trabajando dentro de una carpeta llamada'Angular-Node', así que voy a cambiar porque necesito que la consola se encuentre dentro de la carpeta, en este caso'Node', donde tengo el archivo'package. json'. Así que voy a entrar a esa carpeta y una vez que estoy ahí, voy a instalar todas las dependencias que se encuentran definidas en'package. json'¿Cómo hago eso? Lo que voy a hacer es que voy a llamar el administrador de paquetes de Node con el comando "npm" y le voy a decir que aplique el comando "install" y esto lo que va a hacer es que va a buscar un archivo con el nombre que hemos definido acá, en este caso'package. json', lo va a buscar automáticamente y va a buscar todas las dependencias que se encuentren acá definidas y las va a instalar. Las dependencias se van a instalar en una carpeta llamada'node_modules'. Vamos a ver cómo ya tenemos algunas instaladas, listo. Ahora ya tenemos todos elementos que vamos a necesitar para poner a trabajar nuestro servidor. Ya tenemos configurado todo nuestro servidor, el siguiente paso es comenzar a trabajar con él. Ahora vamos a pasar al archivo'servidor. js'. Acá yo voy a definir cuáles van a ser los pasos para que nuestro servidor comience a funcionar. Vamos a crear por ahora un servidor muy básico que solamente nos va a devolver un mensaje. Para hacer esto yo voy a instalar una variable que se llama "express" y en este caso voy a importar la librería, llamada así, así que vamos a poner el comando "require" y una vez que tenemos "require" vamos a llamar a "express". En este caso solamente tengo que llamarlo por el nombre, ya el sistema sabe que "express" es una librería que se encuentra dentro de una carpeta llamada'node_modules'y la va a importar y la va a comenzar a utilizar en el momento en que nosotros la exijamos. Ya la tenemos insertada dentro de nuestra aplicación. El siguiente paso es definir nuestra aplicación como una instancia "express". Para eso creo otra variable, vamos a ponerle "app" y vamos a definirla como una instancia "express", así que solo ponemos "express" paréntesis. Listo. Nuestra aplicación ya puede trabajar. Solamente necesitamos ahora escuchar un puerto. Los servidores básicamente funcionan: cuando abrimos un puerto dentro de nuestro ordenador, escuchamos la información, la procesamos y devolvemos una respuesta. Así que eso es lo que va a ser nuestro servidor, por ahora es una versión muy básica. Vamos a poner "app" y llevamos el comando "listen" para que escuchemos un puerto. Tenemos que definir cuál va a ser el puerto. Usualmente por estándar se define el puerto 80 o el puerto 8080. Puedes utilizar cualquier puerto, lo importante es que esté abierto; algunos puertos están dedicados a algunos programas o servicios del sistema. Por ahora te recomiendo que utilices el 8080. Si tienes problemas puedes cambiar el número. Luego, una vez que escuchamos una petición del puerto 8080, vamos a ejecutar una función, así que vamos a definirla y vamos a ejecutar una tarea dentro de esta función, en este caso solamente vamos a poner una respuesta de consola, vamos a poner "console. log" y vamos a poner acá "servidor", guardamos y recordemos que tenemos que estar en la carpeta donde se encuentra el archivo'servidor. js'. Sabiendo eso, entonces yo voy a escribir el comando "node" para llamar a este servidor y le voy a decir que ejecute el archivo 'servidor . js Presionamos Enter, nuestro servidor comienza a trabajar y lo único que va a hacer por ahora es ejecutar esta tarea llamada "servidor" y vemos que acá nos devuelve una respuesta. Ahora si yo quiero hacer un cambio, por ejemplo quiero escribir "servidor 1" y guarda la información, no vamos a poder ver ningún cambio. Voy a tener que detener la consola, en este caso debo presionar la tecla Control y "c" y esto va a detener el servidor. Y tengo que volver a ejecutarlo, otra vez llamar el comando "node" "servidor. js", y ahora me va a dar la respuesta "servidor 1". Si quisiera hacer otro cambio, tengo que repetir el proceso. Para este tipo de casos, podemos instalar una librería llamada "nodemon". Para instalarla, simplemente tenemos que escribir "npm" "install" "nodemon" y escribimos el comando "save". Esto va a guardar esta librería dentro de nuestro archivo 'package. json', así cuando nosotros distribuyamos nuestra aplicación o si la queremos pasar a otro desarrollador, simplemente cuando ejecute el archivo'package. json', vamos a tener la opción, como la vemos acá, instalaro "nodemon" en la misma versión que nosotros la utilizamos. Estamos listos para probar, volvemos otra vez al servidor, limpiamos la consola, ejecutamos el mismo comando que estábamos haciendo hasta hace un momento, que era "node", pero esta vez en vez de "node" vamos a llamar a "nodemon", llamamos también al servidor. Esto va a activar nuestro servidor, pero tiene una diferencia: si yo escribo "servidor 1" aparece la información que teníamos, voy a escribir "servidor 2", voy a guardar y vemos que se va a reiniciar y me va a mostrar el resultado. "Nodemon" nos va a servir para cuando nosotros estemos en modo de pruebas, poder ver inmediatamente los resultados sin tener que estar deteniendo y activando el servidor.

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.