Author: koas

Debug de Safari iPad desde VirtualBox en Linux

Para poder hacer debug desde una imagen de Mac osX de Virtualbox de una web corriendo en el Safari de un iPad el procedimiento es este:

  1. Asegurarnos de que nuestro usuario está en los grupos vboxusers y vboxsf (lo miramos en /etc/group, si no está lo añadimos y reiniciamos).
  2. Instalar en VirtualBox el pack de extensiones (es un fichero con un nombre como Oracle_VM_VirtualBox_Extension_Pack-5.0.14.vbox-extpack, se instala desde dentro de VirtualBox, en Preferencias -> Extensiones). Esto habilitará USB 2.0 y 3.0. Seleccionamos 2.0.
  3. Añadir el iPad como dispositivo USB y, atención que esto es lo importante, en la opción Remote seleccionar Any.
  4. No hay que olvidarse de marcar la opción “Inspector Web” en las opciones de Safari del iPad, está en la sección “Avanzado”.

Configurar SSL de Lets Encrypt en Node JS

Recientemente he instalado en un servidor el certificado SSL gratuito de Let’s Encrypt, y todo ha ido como la seda, en cinco minutos estaba funcionando.

Más tarde en la web de ese servidor he puesto un pequeño sistema de mensajería instantánea que usa Node JS y no tenía muy claro cómo indicar en las opciones SSL los certificados necesarios, así que aquí va para el futuro:

var httpOpcionesSSL =
{
key: fs.readFileSync('/etc/letsencrypt/live/MIDOMINIO/privkey.pem'),
cert: fs.readFileSync('/etc/letsencrypt/live/MIDOMINIO/fullchain.pem'),
ca: fs.readFileSync('/etc/letsencrypt/live/MIDOMINIO/chain.pem')
};

Restaurar GRUB desde Windows con EasyBCD

Los que tenemos un equipo con arranque dual Linux-Windows conocemos de sobra GRUB. Es un programa de arranque que nos permite escoger entre Linux o Windows al iniciar el ordenador. También sabemos que en un equipo nuevo lo ideal es instalar primero Windows y luego Linux. Esto es porque Linux es un caballero educado y detecta que hay otro sistema operativo en el arranque del equipo y automáticamente configura GRUB para que podamos escoger entre los dos.

Windows no es un caballero, pese a que cada vez me gusta más el rumbo que está tomando Microsoft con Satya Nadella, y cuando se instala no se molesta en mirar si hay algún otro sistema operativo en el arranque del equipo, borra lo que haya y pone su cargador. Por eso si reinstalamos Windows perdemos el GRUB y con ello la opción de arrancar en Linux.

Esto normalmente no supone más que una pequeña molestia y tiene una solución muy sencilla: basta con arrancar desde un Live-USB de Linux y ejecutar el programa Boot Repair, que reinstala GRUB y nos devuelve la opción de decidir el sistema operativo con el que queremos iniciar el equipo.

Pero a veces, como me pasó a mí ayer, esto no funciona. Probé con un LiveCD de Ubuntu 13.04 que tenía por ahí, con un USB de la última versión de Linux Mint y hasta con un USB con la distribución Boot Repair Disk específica para este tipo de casos, pero en todos pasaba lo mismo: después de un montón de mensajes de arranque la pantalla se quedaba en negro y no conseguía acceder a la interfaz gráfica.

Rebuscando por Google encontré este programa: EasyBCD, y fue mano de santo. Basta con ejecutarlo, pulsar el botón de añadir entrada y seleccionar la partición donde tenemos Linux. Por lo que sé este programa lo que hace es meter un cargador intermedio en Windows que nos permite seleccionar el sistema operativo a cargar, es el equivalente al GRUB pero en Windows.

Al reiniciar el equipo me apareció una pantalla para escoger entre arrancar Windows 10 y Linux; al seleccionar este último se cargó sin problemas, y ya desde ahí pude ejecutar Boot Repair. No era estrictamente necesario hacerlo, podría haber seguido usando el selector que instaló EasyBCD, pero el GRUB es mucho más rápido y carga por defecto Linux, que es lo que uso habitualmente.

Imagino que una vez instalado el GRUB se podría quitar ese cargador intermedio de EasyBCD, pero no me he atrevido a hacerlo porque tampoco entiendo del todo cómo funciona y no quiero liarla. Además, como en Windows entro solo de vez en cuando para jugar tampoco me molesta esa pantalla intermedia.

Es bueno saber que existe una forma de recuperar GRUB cuando no podemos ejecutar Boot Repair, o cuando no tenemos a mano un CD/DVD o un pincho USB para arrancar una sesión Live de Linux.

Ejecutar Chrome Dev Tools en iPad

Hace tiempo ya hablé de cómo usar un iPad como monitor adicional en Linux. Llevo desde entonces usándolo y funciona estupendamente, pero hay una espinita que tenía clavada desde el primer día: no poder mover la ventana de las Chrome Dev Tools al iPad.

El truco que usamos para poder tener el iPad como segundo monitor es crear una nueva sesión X y conectarse a ella mediante VNC. Por desgracia, si una ventana se abre en una sesión X no se puede enviar a otra (en realidad sí se puede, pero es demasiado complicado). Así que como la ventana de Dev Tools se abre en la sesión del monitor principal no hay forma de enviarla al iPad.

Pero resulta que hay una alternativa. Ejecutamos una instancia de Chrome en nuestra sesión X principal indicando un puerto para depuración remoto:

/usr/bin/google-chrome-stable --remote-debugging-port=9222 --user-data-dir=remote-profile

En la sesión X del iPad, ejecutamos otra instancia:

/usr/bin/google-chrome-stable --user-data-dir=remote-debug

Y en esa ventana de Chrome que se nos abre en el iPad, navegamos a http://localhost:9222 y ¡bingo! Nos aparecerán las pestañas que tengamos abiertas en la instancia de Chrome que iniciamos en la sesión principal y podremos depurar desde el iPad.

Deshabilitar el autocompletado de LastPass en un formulario

LastPass es un programa para recordar contraseñas que funciona estupendamente, pero hay veces que si tenemos un formulario que no es de acceso a una web nos rellena algunos campos que no queremos que rellene.

Para solucionar esto hay que hacer dos cosas:

  1. Añadir el atributo autocomplete=”off” en la etiqueta form del formulario.
  2. En la extensión de LastPass, ir a Preferences -> Advanced y activar la opción Respect AutoComplete=off: allow websites to disable AutoFill.

Navegar a través de un túnel SSH

Hay veces en las que no nos fiamos de la conexión a Internet que estamos usando (por ejemplo, las redes WIFI gratuitas). En estos casos la solución es navegar a través de un túnel SSH con un servidor del que sí nos fiemos. Usaremos ese servidor como proxy y todas las peticiones web las hará nuestro servidor, no el router del que no nos fiamos.

Al hacerse las peticiones web desde ese otro servidor un efecto secundario es que si por ejemplo nuestro servidor está en EEUU podremos acceder a páginas que tienen bloqueado el acceso a países que no son EEUU.

Yo ahora mismo lo uso para poder subir ficheros a Amazon S3, por algún motivo que desconozco desde mi conexión de Movistar las subidas se quedan paradas. Usando como proxy un servidor externo funcionan perfectamente.

Montar esto es muy sencillo:

  1. Iniciamos el servidor SOCKS en el puerto 12345 (por ejemplo): 
    ssh -D 12345 usuario@servidorProxy
  2. Configuramos el navegador para que utilice como proxy el servidor SOCKS v5 en la dirección 127.0.0.1 y el puerto 12345.

Y ya está. Cuando hayamos terminado cerramos la sesión de SSH y volvemos a cambiar la configuración del navegador.

Nota: Google Chrome en Linux no permite cambiar la configuración del proxy mediante el interfaz, hay que indicarlo por línea de comandos:

/opt/google/chrome/chrome --proxy-server="socks5://127.0.0.1:12345"

Recibir notificaciones de Android en el PC

Para recibir las notificaciones de Android en nuestro PC y no tener que mirar el teléfono la solución es “Desktop Notifications”. Se compone de una aplicación para el móvil y una extensión para el navegador (funciona con Chrome y con Firefox, aunque el proceso de identificación es más sencillo con Chrome).

  1. Instalamos en el teléfono (solo funciona con Android) la aplicación: https://play.google.com/store/apps/details?id=org.hcilab.projects.notification&hl=en
  2. Instalamos en Chrome la extensión: https://chrome.google.com/webstore/detail/desktop-notifications-for/giicnncicnopjohcpamieklkiacdoeni/related?hl=en
  3. Nos identificamos en ambas con nuestra cuenta de Google

Y ¡ya está! Se tarda dos minutos en hacer todo esto y ya podremos recibir en nuestro navegador las notificaciones del teléfono.

Sublime Text 3: comprobar errores en PHP al grabar fichero

Gracias a Juan Prada he conocido un plugin muy majo que se llama SublimeOnSaveBuild, que lo que hace es lanzar un build cada vez que se guarda un fichero. Esto nos permite configurar ese build para buscar errores en nuestro código PHP (o en cualquier otro tipo de fichero).

Vamos a ver cómo hacer esto.

Lo primero es definir el build para PHP. En el menú nos vamos a Tools->Build System->New Build System. Se nos abrirá un fichero en el que escribiremos esto:

{
"cmd": ["/usr/bin/php", "-l", "$file"],
"selector": "source.php",
"file_regex": "^Parse error: .* in (.*?) on line ([0-9]*)"
}

En el campo cmd yo he puesto la ruta que tiene el ejecutable de PHP en mi equipo (Linux Mint), si usas otro sistema operativo deberás adaptar ese valor a lo que corresponda en tu ordenador.

Guardamos este fichero con el nombre PHP.sublime-build. A continuación deberíamos instalar el plugin SublimeOnSaveBuild desde el editor de paquetes de SublimeText, pero no lo vamos a hacer.

El motivo es que si lo instalamos tal y como viene “de serie” cada vez que grabemos un fichero PHP nos aparecerá la ventana del build, incluso aunque no haya errores. Esto es un tostón, lo ideal es que la ventana solamente aparezca (y nos llame la atención) si hay algún error.

Ya se dio alguien cuenta de esto (es el issue número uno del proyecto en GitHub), pero por lo que se ve no han llegado a encontrar una solución que satisfaga a todo el mundo porque no lo han incluido en el código principal. Rebuscando un poco entre los comentarios he encontrado una solución que, por lo menos para PHP, hace lo que yo quiero. Se trata de añadir en la carpeta del plugin un fichero CustomExec.py con un código que chequea el resultado de la compilación y cierra la ventana del build si no hay errores.

Para vuestra comodidad y la del Koas del futuro, aquí está la versión de SublimeOnSaveBuild que oculta la ventana si no hay errores. Solamente hay que ir a la carpeta de plugins de Sublime Text 3 (Preferences-> Browse Packages…) y descomprimirlo ahí.