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.
