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 →

Subir Archivos de Imagen en Angular con API

En este proyecto veremos como subir imágenes a una Base de Datos atreves de una API, para empezar el siguiente proyecto necesitaremos varios requisitos: Tener una Base de Datos donde guardar el archivoTener un enlace o crear una API para la subida del archivo En mi caso la API tiene un modelo Archivo en el que tendra 3 campos: IDNombre de la imagenTipo Upload-File.component export class Archivo { constructor( public id: number, public nombre: string, public imagen: string ) {} } Y un repositorio el cual recibirá un objeto tipo "Archivo" y lo…continue reading →

Web Api Entity Framework

Bienvenidos a este tutorial donde aprenderás  a crear una web api en el entorno ASP.NET Framework. Para este tutorial necesitaremos varias herramientas: Visual Studio: Interfaz donde realizaremos nuestra aplicación. Link de descarga: https://docs.microsoft.com/es-es/visualstudio/install/install-visual-studio?view=vs-2019 Sql Server Management: La base de datos donde nuestro software accederá a nuestros datos. Link de descarga SQL SERVER: https://www.microsoft.com/es-es/sql-server/sql-server-downloads Descargar SQL Server Management: https://docs.microsoft.com/es-es/sql/ssms/download-sql-server-management-studio-ssms?view=sql-server-ver15 Postman: Aplicación que nos permitirá realizar peticiones HTTP a nuestra WEB API. Link de descarga: https://www.getpostman.com/ ¿Qué es una API? Empezaremos explicando que es  una API (Interfaz de Programación de Aplicaciones). Es una interfaz que…continue reading →

Action Filters en ASP.Net MVC

¿Qué son los Action Filters? Los filtros de acción se utilizan generalmente para aplicar problemas transversales como el registro, el almacenamiento en caché, la autorización, etc.El filtro de acción se puede registrar como otros filtros a nivel global, controlador o método de acción. Ejecutan código inmediatamente antes y después de llamar a un método de acción. El atributo de filtro de acción personalizado se puede crear derivando la clase ActionFilterAttribute o implementando la interfaz IActionFilter y la clase abstracta FilterAttribute.Pueden cambiar los argumentos pasados a una acción.Pueden cambiar el resultado devuelto de la…continue reading →

Permisos SAS Azure Blob Storage

ÍNDICE1. INTRODUCCIÓN2. CASO PRÁCTICO2.1. Creación de la cuenta de almacenamiento y del contenedor2.2. Creación de la aplicación API2.3. Creación de la aplicación cliente2.4. Ejecución de las aplicaciones API y cliente3. CONCLUSIÓN 1. INTRODUCCIÓN Presentación del problema En este post se va a mostrar cómo usar permisos SAS en Azure Blob Storage para restringir el acceso a Blob Storage con la clave SAS (Shared Access Signatures), solo a aquellas aplicaciones clientes que tenga dicha clave. La clave SAS será proporcionada, a través de un token con permisos SAS, por una aplicación API que estará…continue reading →

Documentando APIS con Swagger

A medida que nuestra api crece también crece la necesidad de documentarla, pues en el mundo del desarrollo, el trabajo en equipo es nuestro pan de cada día y no desarrollamos para nosotros mismos. Pero, ¿Por qué es importante documentar una API? Facilita el desarrollo para otros desarrolladores.Incrementa la productividad.Simplifica la búsqueda.Mejora el mantenimiento del código. Dentro de todas las herramientas disponibles para la documentación de una API, hoy vamos a hablar de Swagger. Una plataforma colaborativa donde poder documentar y compartir la documentación de nuestras APIs. ¿Por qué Swagger? Dentro de todas…continue reading →

Seguridad Web Api Tokens

Vamos a explicar como como crear seguridad en nuestra Web Api a través de Tokens. Para ello nuestra API expondrá un endpoints (URLs de un API que responde a una petición) el cual se le pasará unas credenciales de user y password para obtener un Token. Evitando tener que meter las credenciales ya que usaremos el Token asignado Lo primero será crear un nuevo proyecto MVC vacío marcando la casilla de web api https://www.flickr.com/photos/147052282@N03/46721400364/in/dateposted-public/ Sobre nuestros proyectos agregamos el Entity Framework además de los siguientes paquetes Nuget https://www.flickr.com/photos/147052282@N03/46721400304/in/dateposted-public/ https://www.flickr.com/photos/147052282@N03/47391586732/in/dateposted-public/ Se utilizan los componentes…continue reading →

Creación y Consumo en Cliente Core de WEB API

El objetivo del siguiente post es adquirir los conocimientos necesarios para la creación y consumo de Web Api para ello el siguiente documento esta acompañado de un ejemplo práctico junto con imágenes de apoyo. El ejemplo consiste en la creación de un Web Api que consume de una base de datos de sql (creada por nosotros mismos) esta base de datos es sobre coches y sus características. Posteriormente a la creación del Web Api, procederemos a su consumo desde el cliente con un proyecto Mvc.Core. En primer lugar, procedemos a la creación del…continue reading →

Consumo de Web API desde entorno cliente

En este post vamos a tratar de explicar de forma práctica el consumo de forma asíncrona en entorno cliente de una web API pública. Para ello vamos a hacer uso de la tecnología AJAX. También vamos a crear de forma dinámica elementos de HTML basándonos en JavaScript. De esa forma vamos a conseguir mostrar al usuario datos de forma dinámica de una forma vistosa. Al trabajar de forma asíncrona consumiendo una API conseguimos por un lado liberar a nuestro servidor de carga, ya que es el usuario y la API los que reciben…continue reading →