React Firebase, Login y SignUp

En este post explicare como poder usar Firebase con React, así como un ejemplo de uso para poder iniciar sesión con un usuario-contraseña ya existentes o crear un nuevo usuario. https://flic.kr/p/2iHD8vh Antes de nada tenemos que hacer una pequeña introducción sobre que es FireBase. Firebase es una plataforma subida a la nube que nos permite desarrollar y crear apps de una manera más fácil. Entre sus funciones consta de una base de datos para la gestión se usuarios, así de esta forma con Firebase nosotros solo tendremos que seguir unos pasos con los…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 →

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 →

¿Como Crear Seguridad Personalizada en MVC?

Seguridad Personalizada La capa de seguridad de MVC es una capa independientemente de las demás capas de un Proyecto de un MVC Podemos añadir o quitar el capa de seguridad en cualquier momento de la creación del proyecto sin afectar a la funcionalidad del proyecto. Lo que sirve la capa de seguridad es limitar el permiso de acceso a cierta página del proyecto por diferente role. SOLUCIÓN RÁPIDA (copia código y Ya está) Preparación la capa de seguridad se implementa sobre un proyecto de MVC funcional. Así que, para la mostración de la…continue reading →

Application Insights, Azure

En este post vamos a realizar un video tutorial sobre la monitorización con Application Insights en Azure. ¿Qué es Application Insights? Application Insights es una característica de Azure Monitor que es un servicio de Application Performance Management (APM) extensible para desarrolladores y profesionales de DevOps. Se usa para supervisar las aplicaciones en directo. Detectará automáticamente anomalías en el rendimiento e incluye eficaces herramientas de análisis que le ayudan a diagnosticar problemas y para saber lo que hacen realmente los usuarios con la aplicación. Está diseñado para ayudarle a mejorar continuamente el rendimiento y…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 →

Chat con SignalR .net Framework

Bienvenidos a este post donde veremos como crear un chat en Visual Studio con .net framework y SignalR. Primero ¿Qué es SignalR? Es una librería que nos permite implementar funcionalidad en tiempo real a nuestro proyecto. Una utilidad que se le da a SignalR es poder crear chats en tiempo real, existen otras formas de usarlo, como por ejemplo un ajedrez donde los jugadores verán los movimientos en tiempo real. Comencemos: Primero debemos abrir nuestro Visual Studio y seleccionar "Create new project" https://flic.kr/p/2ivtW8y Una vez hemos pulsado en "Create new project" nos aparecerá…continue reading →