En esta actividad, veremos cómo consumir APPIs HTTP a través de nuestra aplicación NativeScript. Para eso vamos a realizar varios pasos. Primero, configuraremos un servidor web real Express en nuestra máquina con "Node.js". Express es una librerÃa, un paquete de NPM, para hacer servicios web. Para eso, en un nuevo directorio, fuera de la aplicación NativeScript, donde ustedes quieran en su computadora, crearán una nueva carpeta. Yo, en mi caso lo llamé "Express-Server", ese nuevo directorio. Y crearán dos archivos, un "package.json" con este contenido y un "app.js". Este "package.json" es el archivo que describe nuestra aplicación de NPM, de Node, y en ella manifestamos nuestras dependencias. Las dependencias que tenemos en este caso usando son, Express, que es la librerÃa para hacer el servidor web, y CORS, que es una librerÃa que permite que nuestra aplicación reciba solicitudes de cualquier origen, de dónde provengan las solicitudes de consulta o agregado de información a nuestra aplicación. Esto es una técnica de seguridad, "Cross-Origin Resource Sharing", en compartir recursos entre orÃgenes cruzados, vendrÃa a ser la traducción al español. Y es una norma de seguridad que se cumple, un estándar de seguridad que se cumple en la industria para prevenir que nos lean recursos desde otros sitios. Pero nosotros, eso se comparte por defecto, pero nosotros a través de la configuración "CORS" podemos sobreescribir esa configuración y permitir que nos lean esos recursos. Esto, a nosotros nos sirve para que podamos acceder desde cualquier lado a la aplicación de "Node.js" que estamos definiendo. Entonces, este es el "package.json". Y luego tenemos que hacer un "app.js" con este código como figura aquÃ, en donde decimos que utilizamos la librerÃa Express, y que vamos a estar utilizando "CORS". Aquà estamos obteniendo esa dependencia, serÃa similar a un "import TypeScript". Luego inicializamos el "framework" de Express, le decimos a la aplicación que estamos definiendo, que usaremos el módulo de Express para manejo de "json". "Json" es el formato de intercambio que usaremos para descargar y subir información a la APPI que estamos definiendo. También le estamos diciendo que vamos a usar CORS, por los motivos que decÃamos antes. Y luego le vamos a decir que nuestra aplicación va a estar escuchando en el puerto 3000. Lo próximo que haremos es definir un punto de entrada de consulta, un "Get HTTP", que es para leer información del servidor web, que va a estar en "/get". Lo que vamos a descargar es un "json". Por eso dentro, ven que usa la sintaxis de "Fat arrow function" como en TypeScript, porque es una función de una única lÃnea. Lo que vamos a hacer es descargar un "json". En ese "json", lo que tenemos es una "array" de noticias que está aquà arriba, que son "strings". Y los filtramos. Usamos la función JavaScript de "Filter", y vamos a filtrar las noticias, por las que contengan un texto de filtrado que nos van a pasar por "query string", por la URL en "query string". O sea, si yo escribo "Fut", me va a tener que retornar "Fútbol Barcelona", "Fútbol Barranquilla", y ninguna más. En el "filter" devuelve un "array" filtrado, asà que lo que nos retorna el "filter" es otro "array" de "strings", pero filtrado. De esta manera, nosotros vamos a descargar información en modo "json". Este es el que vamos a utilizar a lo largo del video, y después dejamos dos funcionalidades más para que ustedes implementen a modo de práctica. Que es otro "array" también de json, que es para que consulten, que serÃan los favoritos del usuario, y luego postear. Ya viene preparada este APPI para que le puedan postear información, es decir, subir información, y que esa información sea "pusheada", es decir, agregada, a este "array". Nosotros, para usar esta aplicación, lo único que tenemos que hacer es crear estos dos archivos en una misma carpeta, correr dentro de dicha carpeta "NPM Install", eso les instalará todos los paquetes de Node.js. Y luego corremos "node app.js", que es este archivo, para que el servidor inicialice. Eso lo podemos ver aquÃ. Aquà arriba figura que la aplicación está corriendo en el puerto 3000. Podemos ir a ver eso. Si nosotros vamos a "local host 3000", es decir nuestra máquina, puerto 3000, vamos al "/get", es decir este de acá arriba y le pasamos "consult" igual a vacÃo, nos retorna absolutamente todo. Si le pasamos "fut", nos retorna solamente "Fútbol Barcelona", "Fútbol Barranquilla". De esta manera vimos cómo crear un servicio, un APPI, muy sencilla y que trabaja todo en memoria para simular, imagÃnense esto serÃa para simular la conexión directa a su aplicación con una APPI de verdad desarrollada por ustedes mismos, pero que luego este APPI, lo que vendrÃa a estar haciendo es simular el APPI que harÃan los desarrolladores de "Backend", o ustedes mismos cuando desarrollan el "Backend". Pero de esta manera ustedes ya pueden hacer una integración completa con una APPI de verdad. A continuación, veremos cómo conectarnos desde nuestro aplicativo NativeScript.
