Web Api

Creación e implementación de una Api en Azure

Como todos sabemos, es recomendable externalizar funciones de nuestros proyectos por lo que una Api es uno de los componentes mas importantes de cara a acceder a bases de datos. Por eso vamos a ver como crear e implementar nuestra Api en azure desde línea de comandos Creación de la API Lo primero que debemos hacer es crear un proyecto en Visual Studio de tipo ASP.NET Core Web Application y escogeremos la opción de API. Una vez creado, instalaremos los nugget: Microsoft.EntityFrameworkCore, Microsoft.EntityFrameworkCore.SqlServer y Swashbuckle.AspNetCore. Cuando estén instalados, haremos nuestro Crud con el…continue reading →

React con Leaflet y acceso a API Aemet y API OpenDataSoft

En este blog vamos a ver cómo implementar un mapa con la librería Leaflet, accediendo a la Api opendatasoft para poder localizar mediante coordenadas las diferentes provincias y municipios de España. Además, accederemos a la Api de Aemet para acceder al tiempo de cada zona interesada. La tecnología que se va a utilizar es React. Instalación de dependencias Leaflet Para comenzar vamos a crear un proyecto nuevo con el comando npx create-react-app mapaleaflet. Una vez tengamos el proyecto inyectaremos las dependencias de las librerías que vamos a utilizar: npm install -s react react-dom…continue reading →

Google Maps en React, utilizando API Google

Google Maps En la actualidad el 85% de la población conoce Google Maps, ya que es una herramienta de gran utilidad que nos ayuda en nuestro día a día a la hora de localizar un sitio, poder ver la ruta más cercana por la que podemos ir, incluso podemos ver los medios de transporte que podemos utilizar desde el punto de partida al de destino, destacar también la implementación de la vista Street View en la cual podemos ver en detalle el lugar que buscamos como si estuviéramos ahí. Requisitos previos Debemos tener…continue reading →

Reconocimiento de imágenes con Computer Vision de Azure

En el portal de azure Lo primero de todo en el portal de Azure es crear el recurso  llamado “Computer Vision”. NOTA: El recurso os recomiendo que lo crees con la versión de prueba de 1 mes. Para crearlo es sencillo, no tiene ninguna complicación, le ponéis el nombre que queráis llamar para vuestra api, en el grupo de recurso y alojado donde queráis o os deje. Una vez ya creado el recurso, lo que necesitamos son las claves para poder trabajar con la API. Accederemos a ellas en la pestaña de RESOURCCE…continue reading →

Lectura Servicios API en Angular

En esta ocasión lo que haremos es mostrar el paso a paso detalladamente para leer un servicio API que hemos creado en Azure, se trata de consultas de selección de todos los alumnos, por curso y por detalles de alumno.La URL que usaremos será: https://apialumnos.azurewebsites.net/ la cual contendrá todos las consultas de lectura del servicio. Las peticiones serán: Alumnos: URL + api/Alumnos Alumnos por Curso: URL + api/Alumnos/detallesAlumno/{codigo} Detalles Alumno: URL + api/Alumnos/getalumnosGrado/{grado} Bien, lo primero que haremos es ir a la ruta de la dirección donde queremos guardar nuestro proyecto, utilizaremos una…continue reading →

Semantic UI React

Buenas, en este post voy a explicar el uso básico de una herramienta de diseño de paginas web similar a Boostrap pero digamos que con un uso más básico que este. Antes de nada, decir que usaremos Visual Studio Code como intérprete del texto. Semantic UI es una librería de JQuery para la manipulación del DOM en la página y que será usado he interpretado por React.js. ¿Por qué Semantic es algo más simple que Bootstrap en cuanto a diseño?, porque este importa conjuntos de marcas que reciben su propio diseño a través…continue reading →