Reproductor de video responsivo con React

¿Quieres reproducir videos de una web externa o directamente de tu PC? En este post vamos a aprender a crear un reproductor de video desde cero ya sea con videos de webs externas como YouTube, como con videos que tengas en tu propio PC. Para realizarlo será necesaria la instalación del componente React-Player que nos proporciona React. Una vez instalado este componente realizaremos un ejemplo sencillo aunque conciso de como realizar nuestro reproductor. React-Player React-Player es un componente de React para reproducir una variedad de URL, incluidas rutas de archivos, YouTube, Facebook, Twitch,…continue reading →

Desplegar una aplicación mediante Elastic Beanstalk en AWS

En este post vamos a aprender a crear y desplegar una aplicación mediante Elastic Beanstalk en AWS (Amazon Web Service). En este caso la aplicación la crearemos en .Net Core. Elastic Beanstalk https://www.flickr.com/photos/191029366@N05/51201493350/in/dateposted-public/ AWS Elastic Beanstalk es un servicio fácil de usar para implementar y escalar servicios y aplicaciones web desarrollados con Java, .NET, PHP, Node.js, Python, Ruby, Go y Docker en servidores familiares como Apache, Nginx, Passenger e IIS. Elastic Beanstalk es la forma más sencilla de implementar y ejecutar tu aplicación web en AWS. Esto es porque administra automáticamente los detalles…continue reading →

Creación de API, implementación, subida a la nube y prueba.

Para esta práctica crearemos un proyecto, una API, la cual se conectará a una base de datos con algunos datos para poder jugar con varios de sus métodos disponibles. Para empezar crearemos un nuevo proyecto: https://flic.kr/p/2kUvfqf Seleccionamos esta opción, damos un nombre al proyecto y a sus carpetas y a continuación seleccionamos la opción de API: https://flic.kr/p/2kUu8X5 A simple vista es un proyecto como un MVC estándar. Pero si creamos un Controllador de tipo Api Vacio. Nos daremos cuenta de un vistazo de novedades: https://flic.kr/p/2kUy8eG Este controlador sirve para gestionar las peticiones API…continue reading →

Subida de Vídeos a Blob Storage Emulator.

Objetivo: subir videos a nuestro emulador, con su respectivo formato para ser reproducibles. Requerimientos previos: Instalar Emulador Storage BlobMVCore con formulario para la subida.Nugget: Azure.Storage.Blobs Primero debemos añadir en appsettings la línea: "StorageKeyAccount": "UseDevelopmentStorage=true" Para la subida de videos, debemos realizar nuestros servicio que nos ayudara para ello. Instaciaremos el BlobServiceClient y el nombre del contendor donde vamos a subir nuestros vídeos. Seguiremos con el método de subida, le pasamos por paramatros la carpeta, el nombre del fichero y un Stream. Debemos subir con el blob con la importancia de añadir un BlobHttpHeaders,…continue reading →

Manejo de un formulario desde un botón localizado en una vista parcial, JQUERY.

Objetivo: Mostrarnos un formulario, con la llamada de un botón localizado en una vista parcial, trabajando con JQUERY Conocimientos previos: JQUERY, SESSION y VISTAS PARCIALES En este ejemplo realizaremos un ejemplo con un botón que está alojado en un Vista Parcial, que solo se mostrara si el usuario ha sido logeado, y con este botón seremos capaces de transformar los atributos de nuestro formulario para que se le muestre al cliente. Dicho esto, empezaremos creando la vista parcial con el botón para mostrar nuestro formulario correspondiente. El filtro que reconoce si el usuario…continue reading →

Inyección de Dependencias en Asp.Net Core (Sql, MySql, XML)

En este post vamos a aprender a realizar la Inyección de Dependencias (DI) y la Inversión de Control (IoC) en Asp.Net Core con Entity Framework. Usaremos un ejemplo práctico con acceso a datos para realizar la inyección de dependencias de Sql, MySql y Xml. Inyección de Dependencias La inyección de dependencias es uno de los principios SOLID, que consiste en usar interfaces en lugar de clases directamente para poder reemplazar componentes con más facilidad y hacer que una clase reciba referencias a los componentes que necesite para funcionar, en lugar de instanciarlos de…continue reading →