Cosas de programación para recordar y de todo un poco
Siempre estoy buscando música para tener de fondo mientras trabajo, y creo que puede ser interesante ir dejando aquí lo que vaya encontrando para tenerlo de referencia en el futuro.
Mi último descubrimiento ha sido el canal de BlueDivine. Son mezclas de una hora de ChillStep, que es un género que ni sabía que existía pero que resulta que es perfecto para programar.
GMail recomienda y hará obligatorio en breve que se envíen los correos de forma externa a través de su API y con autenticación OAuth.
Aquí hay una guía explicando cómo crear unas credenciales OAuth que podremos usar en PHPMailer para enviar correo a través de GMail.
Estuve hace poco buscando una directiva de Vue para poder mostrar solo los primeros N hijos de un elemento, y como no encontré ninguna la he creado yo: v-max-items.
Hace poco aprendí a crear paquetes npm, así que está disponible allí, al igual que la clase de JS que hice para que bote un icono: bouncing-icon.
Al montar un entorno de producción lo primero que hago es preparar el sistema de copias de seguridad: creo una entrada en el cron que ejecuta un programa que vuelca la base de datos con una frecuencia mínima de una vez al día y que depende de la intensidad de uso del servidor.
Pero claro, esta copia de seguridad está en el mismo servidor, por lo que aunque resulta muy útil cuando se produce un error de tipo PICNIC no nos sirve de mucho si el problema es de hardware o perdemos el control del servidor. Necesitamos mantener una copia de esos ficheros en otra parte.
Para esto normalmente yo usaba rsync y copiaba los ficheros en algún otro servidor, pero decidí cambiar a S3 porque me fío más de sus servidores. Los pasos son estos:
El comando para hacer la sincronización es:
aws s3 sync /home/backupDB/ s3://NOMBRE_BUCKET/backup --delete
El –delete indica que si un fichero no está en la carpeta local debemos borrarla de S3. Esto, unido a otra entrada en el cron como esta:
find /home/backupDB/ -mtime +60 -exec rm {} \;
nos permite limitar las copias de seguridad a los últimos dos meses. Dependiendo de los requisitos de este proyecto variamos este valor.
Bueno, pues si uno ejecuta el comando de sincronización verá que funciona estupendamente, lo meterá en el cron y seguirá con su vida tan tranquilo confiando en que todo funcionará bien…
…aunque por si acaso se pondrá una nota para dos días después para revisar que los ficheros se están copiando en S3. Eso hice yo, ¡y menos mal!
Porque dos días después cuando entré en S3 a mirar el bucket vi que solo tenía los ficheros de cuando hice la sincronización a mano desde la línea de comandos. En la carpeta local estaban los ficheros, pero no se habían copiado a S3.
Ejecuté de nuevo desde línea de comandos el trabajo tal y como estaba en el cron y funcionó perfectamente. Revisé que el trabajo estaba bien definido y esperé al día siguiente: los ficheros seguían sin copiarse en S3. Ejecuté otra vez el comando: los ficheros se subieron a S3. En este momento yo ya estaba pegándole bocaos a la mesa.
Rebuscando por Internet encontré un mensaje en Stack Overflow (¿dónde si no?) que daba la solución: hay que poner la ruta completa al ejecutable de aws. La entrada en el cron quedaría entonces así:
0 */2 * * * /usr/local/bin/aws s3 sync /home/backupDB/ s3://NOMBRE_BUCKET/backup --delete
En este caso yo lo tengo configurado para que haga la sincronización cada dos horas. Con este cambio al día siguiente por fin respiré tranquilo al ver que ya aparecían los nuevos ficheros.
Estoy haciendo una directiva para Vue que permite limitar el número de elementos que se muestran dentro de otro, y he estado un rato volviéndome loco con un asunto.
Resulta que los elementos que tengo que mostrar / ocultar tienen asignada una propiedad display por CSS, y para ocultarlos debía añadir el !important después de la propiedad:
el.childNodes[x].style.display = "none !important";
Bueno, pues esto no estaba funcionando, y ha sido desesperante porque si probaba a cambiar otras propiedades CSS que no estuvieran ya definidas sí funcionaba, por lo que claramente el problema era que no se estaba aplicando el !important.
Por fin encontré la solución, y es que hay que usar la función setProperty y pasar el !important como tercer parámetro:
el.childNodes[x].style.setProperty("display", "none", "important");
En este tuit indican un alias muy ingenioso para sudo, editamos nuestro fichero .bash_aliases y añadimos esta línea:
alias please='sudo $(fc -ln -1)'
Así, si ejecutamos un comando que requiere permisos de root y no nos funciona en vez de repetirlo simplemente escribiremos please y listo.
También vale porfa, porfi, fuckyou o cualquier otra.
Cuando en un fichero SVG queremos utilizar una fuente podemos incluirla así:
<defs>
<style>
@import url("https://fonts.googleapis.com/css?family=Montserrat:500,600");
</style>
</defs>
El problema es que si este fichero SVG lo usamos en una página como fuente de una etiqueta IMG el navegador por seguridad no cargará el fichero externo y la fuente no se verá.
La solución es usar Nano para incrustar la fuente en el fichero SVG y que así el navegador pueda usarla sin tener que descargarla.
Para poder usar emojis en Linux lo más sencillo es usar un selector de emojis como Emojione Picker.
Para garantizar que todos los emojis se guarden correctamente en MySQL debemos usar utf8mb4_unicode_ci como cotejamiento en tablas y campos de texto, y en la conexión MySQLi aplicar el juego de caracteres utf8mb4 (set_charset(“utf8mb4”)).
WSL (Windows Subsystem for Linux) es una maravilla que nos permite tener un sistema operativo Linux dentro de nuestro Windows 10, sin necesidad de utilizar máquinas virtuales y completamente integrado.
Por completamente integrado me refiero a que los dos SO comparten la misma dirección IP y los mismos puertos, si yo arranco un nginx en WSL podré acceder a él mediante http://localhost en mi navegador de Windows.
Para instalar WSL en Windows 10 tenemos estas instrucciones que nos guían paso a paso; voy a dejar aquí un resumen.
Lo primero es habilitar WSL, para ello abrimos un PowerShell como administrador y escribimos
Enable-WindowsOptionalFeature -Online -FeatureName Microsoft-Windows-Subsystem-Linux
A continuación nos vamos a la Microsoft Store y buscamos el nombre de la distribución que queramos instalar, por ejemplo Ubuntu. Le damos a descargar y se descargará e instalará como si fuera cualquier programa.
Mientras se descarga debemos pararnos y reflexionar sobre lo que está pasando. Estamos descargando una distribución de Linux directamente de la tienda de aplicaciones oficial de Microsoft, que ha desarrollado un sistema para que ambos convivan en nuestro ordenador. ¿Cómo se os queda el cuerpo?
Una vez se haya descargado, nos vamos al menú de inicio y pulsamos en el icono de Ubuntu que nos habrá aparecido. Al hacerlo estará unos momentos haciendo brujería y magia negra terminando la instalación y luego nos pedirá un nombre de usuario y una contraseña. Este será nuestro usuario, que tendrá permisos para sudo.
Hecho esto, ya podemos instalar todo lo que queramos. Eso sí, si instalamos servicios como nginx o mysql no se arrancarán automáticamente al iniciar el ordenador o entrar en WSL, deberemos arrancarlos a mano (o crearnos un script que arranque todo lo necesario). Seguro que hay alguna forma de hacerlo pero no lo he buscado, no me parece mal arrancar esos servicios a mano.
La forma más sencilla para exportar / importar la configuración y los paquetes entre instalaciones de Sublime Text 3 es usar la extensión PackageSync.