Como instalar una app ASPNETCore en Linux

ASPNET Core es un framework de desarrollo web OpenSource de Microsoft. En este articulo, vamos a detallar los pasos para configurar tu servidor Linux una aplicacion ASPNET Core.

Creacion del VPS

Creamos nuestros VPS en cualquiera de las plataformas disponibles actualmente ( DigitalOcean, Linode, AWS Ligthsail, etc ). En nuestro ejemplo en particular utilizamos Ubuntu 20.04

Instalacion del Framework ASPNET Core

Para instalar las librerias basicas del framework debemos ejecutar los siguientes pasos con permiso de root

snap install dotnet-sdk --classic --chanel=5.0
snap install dotnet-runtime-50 --classic

Creamos un alias del comando de ejecucion dotnet

snap alias dotnet-runtime-50.dotnet dotnet

Configuramos la variable de entorno DOTNET_ROOT. Esta variable indica donde estan instaladas las librerias de dotnet

export DOTNET_ROOT=/snap/dotnet-sdk/current

Publicacion de nuestra app

Una vez instalada el framework debemos levantar nuestra aplicacion usando el comando dotnet.

Para esto, debemos copiar nuestra aplicacion/bin/Release a una carpeta local, luego entramos a la carpeta donde copiamos el proyecto y ejecutamos nuestra aplicacion indicando en este caso el puerto donde se accedera.

cd webapp
dotnet webapp.dll --urls "http://*:3000"

SSH: Como mantener las conexiones SSH abiertas

A veces cuando trabajamos con servidores remotos por SSH, la terminal del servidor deja de responder y obtenemos un Broken pipe.

Esto sucede cuando por algun motivo, la conexion entre el cliente y el servidor se ha roto. Es decir no pudieron comunicarse existosamente durante un lapso de tiempo, entonces el servidor invalido la conexion.

Para evitarlo, podemos indicarle al comando SSH que envie comandos vacios cada cierto tiempo y asi evitar que la conexion se declarada muerta por el servidor.

Para esto, vamos a editar el archivo /etc/ssh/ssh_config o el archivo ~/.ssh/config

Host *
ServerAliveInterval 120

Con esta configuracion estamos indicandole a nuestro cliente SSH que cuando se conecte a cualquier servidor cada 120 segundos envie un paquete vacio.

Compartir videos en tu red local desde Ubuntu Linux

Cuando tienes una videoteca en tu computadora personal, pero no deseas verla unicamente en tu escritorio sino poder hacer en la tablet, celular o chromecast … en este articulo te explicamos como compartir videos desde Ubuntu Linux a toda tu red local.

Instalamos Minidlna

apt install minidlna

Minidlna es un servidor multimedia que permite compartir archivos multimedia con clientes DLNA/UPnP

Una vez instalado el servidor minidlna debemos ir al archivo de configuracion

sudo nano /etc/minidlna.conf

Aca nos aseguramos de habilitar las siguientes opciones

media_dir=/home/necudeco/Videos
inotify=yes

El parametro media_dir nos indica que directorio y subdirectorios queremos compartir en nuestra red local.

El parametro inotify permite que el servidor actualice automaticamente la lista de archivos compartidos cuando se agrega un nuevo archivo en media_dir

Una vez configurado, debemos reiniciar el servidor

sudo service minidlna restart

Ahora ya estan disponibles nuestros videos … para acceder a ellos desde nuestro movil debemos instalar un cliente DLNA/UPnP. Existen multiples clientes DLNA/UPnP que podemos instalar en nuestros dispositivos android … uno recomendado seria VLC

Una vez instalado VLC en nuestro dispositivo automaticamente aparecera nuestra carpeta compartida y podemos ver la lista de videos.

Desde VLC podemos enviar nuestro contenido a un dispositivo Chrome Cast

Como redimensionar un video en Linux

Podemos redimensionar facilmente el tamaño de los videos usando la linea de comandos a traves del programa ffmpeg

$ ffmpeg -i archivooriginal.mp4 -vf scale=800:-1 archivodestino.mp4

El comando ffmpeg recibe dos parametros:

  • -i archivoorigina.mp4
    En este parametro indicamos el nombre del archivo de video que queremos redimensionar.
  • -vf scale=800:-1
    Aca le indicamos a ffmpeg que redimensione el video a 800px de ancho. El valor de -1 indica que la altura se redimensiona automaticamente.

Como bloquear una IP usando UFW en Ubuntu Server

Las nuevas versiones de ubuntu viene con una nueva herramienta para administrar el firewall del sistema. UFW es la version NO COMPLICADA de administrar el firewall.

Bloquear una IP

# ufw deny from 200.44.170.2 to any

Este comando le indica a nuestro servidor que cualquier peticion que provenga de la IP 200.44.170.2 la vamos a IGNORAR

Rechazar una IP

# ufw deny from 200.44.170.2 to any

Este comando le indica a nuestro servidor que debemos notificar a la IP 200.44.170.2 que no queremos atenderlo

Seleccion de una paleta de colores en el desarrollo web y movil

Al momento de hacer el desarrollo de una app movil o una web para un cliente una de las partes mas importantes para transmitir el mensaje adecuado es la seleccion de colores.

La psicologia de colores, nos permite identificar el mensaje adecuado a transmitir a traves de la seleccion de nuestro color predominante. Sin embargo, luego de seleccionarlo debemos encontrar los acompañantes adecuados para dicho color.

Existen diferentes formas de contruir una paleta de colores a partir de un colore base y aca te las vamos a explicar. Pero primero debemos conocer que son los colores primarios, secundarios, terciarios y como se construyen.

Colores Primarios

Son el Rojo, el verde y el azul ( RGB ) y a partir de ellos se crean el resto de colores.

Colores Secundarios

Son los que resultan de la combinacion directa de dos colores primarios

  • Rojo + Verde: Amarillo
  • Rojo + Azul: Magenta
  • Verde + Azul: Cian

Colores Terciarios

Son los colores que se encuentran entre un color secundario y un color primario

Una vez identificados los tipos de colores podemos identificar diferentes tipos de Paletas ( combinacion de colores ) que podemos usar en el desarrollo de nuestra aplicacion o web.

Paleta de colores monocromatica

A partir de la seleccion de un color, se crean variaciones del mismo color haciendo uso de tonalidades claras y oscuras.

Paleta de colores analoga

A partir de un color base puedes añadir dos colores que vecinos del color base en el circulo cromatico.

Paleta de colores complementaria

Son colores que se encuentran en posiciones opuestas en el circulo cromatico.

Paleta de colores Triadica

Dibuja un triangulo equilatero en el interior del circulo cromatico para seleccionar los colores adecuados

Paleta de colores Tetradicas

Una paleta tetraédrica forma un rectángulo en el círculo, por lo cual no usa uno, sino dos pares de colores complementarios.

Usando Adobe Colors para crear una paleta de colores

En el sitio web de Adobe Colors podemos una paleta de colores de una forma sencilla y rapida.

Psicologia del Color

La psicología del color es un campo de estudio que está dirigido a analizar cómo percibimos y nos comportamos ante distintos colores, así como las emociones que suscitan en nosotros dichos tonos.

ColorSignificado
RojoPasión
NaranjaDiversion
AmarilloFelicidad
VerdeProsperidad
AzulConfianza
MoradoMisterio
RosaAmor
MarronEstabilidad
BlancoPureza
NegroElegancia

Como instalar GIT FLOW ?

GIT Flow es una herramienta que te permite crear un flujo de trabajo predefinido para tus proyectos. Es decir, crea un orden en la forma de hacer las cosas con GIT.

A continuación vamos a revisar las diferentes formas de instalacion en los diferentes sistemas operativos. Spoiler Alert, Windows sera el mas complicado.

Instalar GIT Flow en Linux

apt install git-flow

Instalar GIT Flow en Mac

brew install git-flow

Instalar GIT Flow en Windows

Aca es cuando la cosa ya no es como lo pintan en la tele 🙁

  • Una vez ahi seleccionamos el instalable ( EXE ) que corresponda a nuestra arquitectura. Spoiler Alert ( probablemente sea 64-bit )
  • Nos pedira aceptar la licencia del programa, en este caso GPL. Obviamente aceptamos
  • Nos pide seleccionar la carpeta de instalación. Dejamos opciones por defecto.
  • Nos pide seleccionar que componentens instalar. Aseguremonos que la opcion de Git Bash este marcada
  • Nos pide seleccionar el nombre del menu de Inicio. Dejamos valor por defecto.
  • Nos pide seleccionar el editor que usara GIT ( Git requiere usar un editor de texto cuando trabaja, yo personalmente uso nano … pero cualquier opcion es valida )
  • Nos pide seleccionar la variable PATH.

Estas 3 opciones significan:

  • Use Git from Git Bash only
    Quiere decir que solo podras usar los comandos de Git desde un aplicativo especial que ya viene instalado. Esta opcion es más que suficiente para el 90% de los casos
  • Git from the commando line and also from 3rd party software
    Si necesitas usar GIT con otros aplicativos en tu PC, pues esta opcion es la mas conveniente.
  • Use GIT and optional Unix tools from the Command Prompt
    Esta opcion te instala ciertos comandos de Windows en tu Linux, lo malo es que “sobreescribe” esos comandos que ya tenias en windows. NO lo uses sino estas seguro.

  • Nos pide seleccionar el cliente SSH. Por defecto usamos OpenSSH
  • Nos pide definir como sera el SALTO DE LINEA.

Cuando tu presionas ENTER en tu editor de texto en Windows se imprimen los caracteres ocultos \n\r

En cambio en Linux, solo se imprime el caracter \n

  • Nos pide que emulador de terminal usaremos. Seleccionamos MinTTY por defecto.
  • Y listo, instalación finalizada
cortar video linux

Como cortar un video en Linux

Existen diferentes programas para cortar un video en Linux. Sin embargo, la forma mas sencilla de hacerlo es desde la terminal.

Casi todo el mundo tiene instalado el paquete ffmpeg en Linux. Este paquete se encarga de reproducir correctamente los videos, asi que ya no necesitares instalar nada mas.

Por si las dudas, se instala asi:

sudo apt install ffmpeg

Ahora bien para proceder a cortar el archivo debemos abrir el terminal de comandos, preferentemente en la carpeta donde esta el archivo de video. Y ejecutamos el comando

ffmpeg -i 'Partida DOTA Axe.mkv'  -ss 00:10:20  -t 00:00:45  -c copy 'Partida DOTA Axe - 5 Kills.mkv'

En el comando que acabamos de ejecutar, hemos enviado 4 parametros:

  • -i ‘Partida DOTA Axe.mkv’, este parametro me permite indicar el video original el cual voy a proceder a cortar.
  • -ss 00:10:20, el parametro -ss me permite indicar el tiempo de inicio del corte. En este caso le estoy diciendo que la porcion de video que me interesa empieza en el minuto 10 y 20 segundos.
  • -t 00:00:45, con el parametro -t estamos indicando que solo nos interesa los siguientes 45 segundos
  • -c copy ‘Partida DOTA Axe – 5 Kills.,mkv’, y por ultimo indicamos el nombre del archivo donde se guardara el resultado.

Y listo, en breves segundos tienes un nuevo video con la seccion deseada y sin haber instalado pesadas herramientas para realizar el trabajo.

Como agregar un icono en un html select options

Para agregar un icono fontawesome en un html select vamos a seguir los siguientes pasos:

Vincular fontawesome a nuesta pagina web

Aunque este paso podria parecer algo obvio, no esta demas indicarlo. Vamos a incluir la hoja de estilos de fontawesome al header de nuestro pagina.

<link rel='stylesheet' type='text/css' media='screen' href='fontawesome-free/css/all.min.css'>

Agregar la clase de fontawesome

Debemos agregar la clase fa tanto al select como a los options. Esto nos permitira tener acceso a la fuente de FontAwesome

<select class="form-control fa">
      <option class="fa"> Email </option>
      <option class="fa"> Camara </option>
      <option class="fa"> Direccion </option>
</select>

Agregamos el codigo UNICODE del icono

Ahora debemos ir a la pagina de Fontawesome y buscar el codigo UNICODE de los iconos que deseamos copiar.

En este caso, el codigo UNICODE es f2bb

Ahora agregamos el codigo en el texto del option, agregando &#xf2bb; los caracteres &#x adelante del codigo y terminandolo con un ;.

<select class="form-control fa">
      <option class="fa"> &#xf0e0; Email </option>
      <option class="fa"> &#xf083; Camara </option>
      <option class="fa"> &#xf2bb; Direccion </option>
</select>

Espero que te sirva, si necesitas ayuda o quieres mejorar el resultado no dudes en contactarme.