Internationalization (i18n) angular

En este tutorial de Angular 9/8 veremos cómo traducir una aplicación Angular usando la librería ngx-translate. Ngx-translate es una biblioteca de internacionalización para Angular que permite internacionalizar la aplicación en varios idiomas. Puede convertir fácilmente datos estáticos o dinámicos en varios idiomas.  Proporciona un servicio útil, una directiva y una tubería para manipular cualquier dato. ¿Qué es la internacionalización? La internacionalización es el proceso de diseño y preparación de su aplicación para poder utilizarla en diferentes idiomas. La localización es el proceso de traducir su aplicación internacionalizada a idiomas específicos para entornos locales particulares.angular.io…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 →

Encriptar/Desencriptar con Angular

En este post vamos aprender como encriptar y desencriptar mensajes que enviamos por internet, asi conseguiremos aumentar la seguridad entre usuarios y dar un valor añadido a nuestras webs Mediante unos sencillos pasos entenderemos como funciona y como podemos aplicar estos conociemientos en un pequeño proyecto para ver su funcionalidad Para enteder bien este post empezaremos ententiendo que es Encriptar y Desencriptar : Encriptar es el proceso por el cual se cifra un texto usando una clave , esta clave es un codigo de signos que se interpretan segun determinadas reglas para que…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 →

Implantación de Docker en Aplicación NET CORE

Nos disponemos a realizar una aplicación MVC Core integrando Docker.  en este proyecto usaremos MariaDB como base de datos.  Pero antes de comenzar, veamos brevemente qué es Docker. ¿Qué es Docker? Docker es una herramienta diseñada para facilitar la creación, implementación y ejecución de aplicaciones mediante el uso de contenedores. Los contenedores permiten a un desarrollador empaquetar una aplicación con todas las partes que necesita, como librerías y otras dependencias, y enviarla como un paquete rápidamente. https://flic.kr/p/2iuUUE4 Como puede ver en el diagrama, todas y cada una de las aplicaciones se ejecutan en…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 →