Full Stack

CACHÉ REDIS

Caché Redis es un tipo de almacenamiento, como session, pero en Azure, es decir, este tipo de caché permanece disponible entre las diferentes aplicaciones que lo implementen y si, por ejemplo, tuviésemos un carrito de la compra en el navegador de un ordenador, podríamos seguir teniendo ese carrito disponible si abrimos la aplicación en el movil. Para crear un almacenamiento Redis debemos seguir los siguientes pasos:1. Abrimos el portal de Azure.2. Crear nuevo recurso.3. Buscamos Bases de datos y seleccionamos Redis Cache. 4. Seleccionamos tipo de suscripción, grupo de recursos, el nombre de…continue reading →

Leer GeoJson con .Net Core

A continuación explicaré cómo se puede acceder a un archivo en el servidor (wwwroot) y leerlo. En este caso voy a centrarme en leer archivos de tipo .geojson. Ejemplo de documento .GeoJson : {"type": "FeatureCollection","features": [{"type": "Feature","geometry": {"type": "Point","coordinates": [ -2.780104,37.14114 ]},"properties": {"province":"Almería","population":"Abla", }] Para poder representar el documento y acceder a las claves, tenemos que crear las clases que lo representan. Las clases quedarían así: public class Geometry { public string type { get; set; } public List coordinates { get; set; } } public class Properties { public string province {…continue reading →

Consumir servicios en React con Axios – ejemplo práctico (Json-server)

En este post vamos a aprender cómo consumir servicios en React con axios de una API externa. También vamos a realizar un ejemplo práctico paso a paso. Mediante este ejemplo accederemos a una api para poder realizar un CRUD (Create, Read, Update, Delete) de Películas con React. Además en este caso usaremos el componente axios que nos proporciona React. Al final del post te dejo las indicaciones necesarias para instalar Router-Dom y Bootstrap, que son opcionales dependiendo del diseño deseado. Yo he usado navegación entre componentes y clases de bootstrap para tener un…continue reading →

Creación e implementación de Modelos en componentes de Angular – ejemplo práctico

Un modelo en angular es una clase que representa un objeto con propiedades que permite la utilización de la misma desde clases externas, evitando la reiteración de código. A lo largo de esta entrada veremos cómo construir un modelo y cómo implementarla en componentes. Construcción de un modelo: Estas clases se colocan dentro de src/app en una carpeta llamada models. El nombre de estos ficheros se escribe en minúscula: nombrefichero.ts. Como mencionamos previamente, un modelo es una clase que define un objeto con sus respectivas características, por ende, su sintáxsis es la siguiente:…continue reading →

AWS CLOUDFORMATION

Es un servicio de Amazon que ayuda a modelar y configurar un conjunto de recursos de AWS. Trabaja mediante plantillas, ya sean propias o de terceros. Existen varias formas de subir una plantilla:1. Se pueden crear de forma gráfica en la consola de AWS mediante el drag and drop, mientras que por detras, AWS, lo va convirtiendo en una plantilla JSON o YAML.2. Puedes subir la plantilla con formato JSON o YALM a un bucket y pegar la URL.3. Se puede seleccionar la subida de archivo local.¿Cómo se empieza?En el buscador de servicios…continue reading →

Creación de Alexa Skill con función lambda en AWS

En este post vamos a ver cómo podríamos usar el potencial de las funciones Lambda de la consola AWS para crear de forma sencilla una Skill para nuestra amiga Alexa. En los tiempos que corren no es de extrañar que amigos, familiares, conocidos o nosotros mismos tengamos involucrada en nuestra vida cotidiana alguna Inteligencia Artificial como Siri, Cortana o Alexa. Ésta última es la más común en cualquier hogar por todas las funciones y servicios que ofrece gracias a su conexión continua a la red. Su flujo de trabajo no se aleja mucho…continue reading →