Desarrollo

Area de coordinación enfocada a Desarrollo

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 →

Cómo hacer un carrito en ASP.NET Core

A la hora de hacer una página web de una tienda online, uno de los elementos más importantes es el carrito de la compra. A continuación, os voy a explicar de una manera sencilla, como implementarlo en nuestro proyecto ASP.NET Core. Requisitos Deberemos instalar el NuGet de Session. En Session solo podemos guardar string e integer. Al ser un carrito, querremos almacenar un array de elementos, y para ello deberemos extender la clase Session. Para poder serializar un array usaremos el NuGet Newtonsoft.json. https://www.flickr.com/photos/192274185@N08/50962074542/in/dateposted-public/ https://www.flickr.com/photos/192274185@N08/50961264983/in/dateposted-public/ Configuración Primero debemos configurar Session para que funcione…continue reading →

Descarga de ficheros en Net Core

Vamos a ver como descargar ficheros mediante los Action Result de los controladores en Net Core. Vamos a trabajar solo con un controlador, HomeController y la vista Index. En vez de devolver un IActionResult vamos a devolver un FileResult, es lo mismo pero devuelve un fichero en lugar de una vista. Creamos una función que devuelva un FileResult, guardamos el mensaje en una variable y después la convertimos a un array de bytes. Devolvemos el array de bytes, el tipo mime del fichero y su nombre con su extensión. public class HomeController :…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 →