Una parada en el camino

Por David Romero

Una guía para probar WireGuard con tu alumnado

2021-02-11 3 min read Recursos David Romero

Vuelvo, después de bastante tiempo. De hecho, este es la primera publicación del 2021. Y vuelvo, porque tengo algo que quizás os interese. Si no fuera así no volvería.

Hace unos meses, quizás algún año (mi percepción del tiempo empeora por momentos) escuché hablar por primera vez de WireGuard. Y he querido probarlo desde entonces. Si aún no sabes lo que es, te lo cuento. Si ya lo sabes, sáltate el párrafo siguiente.

WireGuard es a la vez una aplicación y un protocolo de comunicación que se utiliza para crear redes privadas virtuales o, como se les conoce habitualmente por sus siglas en inglés, VPN. Un concepto al que se le ha prestado mucha atención los últimos meses, por la rápida expansión del teletrabajo. Simplificando, una VPN permite crear un túnel cifrado para que un cliente que se encuentre en Internet pueda acceder a una red privada local como si físicamente estuviera conectado a la misma. Así, puedes conectarte a otros equipos de esa red local y acceder a Internet usando la IP pública que tenga esa red local. Por poner un ejemplo, puedes dejar un disco duro con información conectado en red en la empresa y acceder al mismo desde tu casa de una forma segura. También puedes dejar configurado un servidor VPN en tu casa y conectarte al mismo con tu móvil o portátil desde cualquier red wifi pública a la que accedas. De esta manera el tráfico sin cifrar pasará por la red privada de tu casa y no por esa red pública.

Entonces me encontré con este curso creado por Jay Rogers en la web ServerSide UP y estaba tan detalladamente explicado que tuve que pedirle que me dejara hacer algo similar en castellano para mi alumnado.

Si también queréis utilizarlo con el vuestro, lo tenéis accesible en este enlace.

Puede serte especialmente útil para trabajar el resultado de aprendizaje 8 del módulo Servicios en Red de 2ºCFGM SMR, en concreto los criterios:

i) Se ha comprobado el acceso a una red determinada desde los sistemas conectados a otra red distinta.

j) Se ha implantado y verificado la configuración para acceder desde una red pública a un servicio localizado en una máquina de una red privada local.

También si impartes el módulo Seguridad y Alta Disponibilidad de 2ºCFGS ASIR, ya que puede servirte para impartir el resultado de aprendizaje 3, en concreto el criterio:

d) Se han configurado redes privadas virtuales mediante protocolos seguros a distintos niveles.

Siempre que pueda, y me apetezca, por aquí me tendréis compartiendo recursos con vosotros.

Nos vemos por videoconferencia.

El curso en el que me convertí en FAQ

2020-12-31 5 min read Recursos David Romero

No hace falta calcularlo. Este es el curso en el que más correos electrónicos he contestado. Y solamente ha pasado un trimestre. Uno de los efectos secundarios de la semipresencialidad supongo. Solo diré que el número de correos electrónicos con dudas recibido ha sido inversamente proporcional a la periodicidad con la que he publicado en el blog.

Y, conforme más respuestas daba, más se repetían ciertos patrones. Al final, escribía varias veces prácticamente lo mismo, lo cual no es nada deseable. De repente, me sentí como si fuera un FAQ. ¿Y por qué no hacer uno? No solo porque esté disponible para consulta y ahorre algún correo (mis ganas), sino por enlazar ciertas respuestas y así evitar redactar el mismo contenido de nuevo.

En ese contexto comenzó mi investigación. Seguro que hay algo ya montado que pueda usar fácilmente, pensé. Algo que cumpla más o menos con lo que busco, pensé. Y probablemente lo haya… Pero no he logrado encontrarlo, al menos no lo que tenía en la cabeza. Y eso no era más que un conjunto de cualidades deseables:

  • Open source. De código abierto, así podría hacer pequeñas adaptaciones si fuese necesario.
  • Generación estática de la web. Ya no solo porque la velocidad de carga sea la mínima, sino porque me permite que el hosting sea gratuito.
  • Respuestas enlazables. Si el uso principal será responder a un correo, necesito poder obtener fácilmente un enlace a la respuesta concreta.
  • Respuestas desplegables. Que se ofrezcan en forma de acordeón (ejemplo), para no necesitar cargar una nueva página para cada una de ellas.
  • Fácil de actualizar. Sería ideal que desde cualquier dispositivo pudiera añadir una nueva respuesta o hacer una edición a la página.
  • Con buscador integrado. Sé que dificulta el hecho de que la página sea estática, pero hay opciones como Algolia.
  • Posibilidad de hacer nuevas preguntas. Estaría bien que el alumnado pudiese sugerir nuevas dudas e incluso proponer respuestas.
  • Exportable. Para que el trabajo hecho pueda migrarse fácilmente a otra plataforma si fuese necesario.
  • Estética. Por pedir, que sea agradable navegar y permanecer en la página, así como que se adapte a distintos tamaños de pantalla.

Después de esto, toca buscar. Opciones hay muchas, y he probado cosas que no os pondré por aquí, por no alargarlo demasiado. Es importante diferenciar un simple FAQ de un software que nos permita crear una base de conocimiento, que no es lo que pretendía, por eso descarté opciones como GitBook. También descarté probar plugins para Wordpress, que los hay y bastante interesantes, pero requiere demasiado mantenimiento para mi gusto, además de un hosting de pago. A no ser que lo haga de forma local y publique las modificaciones de forma estática, pero ya estaría limitando mucho la facilidad de actualización que buscaba. Una alternativa ligera a Wordpress que quiero mencionar es Ghost con este tema, que aunque está más centrado en una base de conocimiento, me resultó una opción a considerar.

De entrada pensé en un generador de sitios estáticos, como Hugo, Jekyll o Gatsby con un tema preparado para ello. Encontré Hugo FAQ Theme con muchas cosas que me gustaban, pero quedaba demasiado básico. También unos cuantos de Jekyll, pensados sobre todo para bases de conocimiento. Y, entonces, casi por casualidad, me encontré con esto.

Pues básicamente lo que buscaba, sin más. Usa Prismic para alojar las preguntas, por lo que puedes actualizar desde cualquier dispositivo, Gatsby para generar la web y con un webhook configurar que se desplieguen automáticamente los cambios con Netlify. Es cierto que no permite sugerir nuevas preguntas y la exportación no es muy sencilla, pero oye, en estética y uso casi calcado a lo que tenía en mente. Sigo las instrucciones para montarlo y… Error en la compilación. El proyecto lleva poco más de un año sin actualizarse, así que me temo que algo se ha roto. Si alguien controla de GraphQL y quiere arreglarlo, bienvenido será.

Ya más desmotivado opté por probar el sistema clásico de phpMyFAQ. Necesitas un hosting, pero quizás me proporcionara todo lo que buscaba. Es un proyecto que sigue vivo, y lleva mucho entre nosotros, pero sinceramente necesita una vuelta de tuerca. La estética y funcionalidad que tiene se ha quedado unos añitos estancadas en el pasado. Al menos para mi gusto. No obstante, si quieres personalizar al milímetro las opciones y tienes tiempo para ello, te animo a probarlo.

Y a mitad de camino me topé con HAASH. Ni tan mal. Es verdad que no reúne muchos de los requisitos que buscaba, pero si necesitas algo inmediato y extremadamente sencillo, es tu solución. Te permite crear gratuitamente el número de FAQs que quieras, editarlos en la web directamente, establecer permisos, que el alumnado pueda proponer preguntas, con buscador integrado… Echo en falta una navegación que no requiera la carga de nuevas páginas (aunque he de admitir que es muy rápido) y, sobre todo, la opción de exportar el contenido. Por lo demás, quizás a ti te sirva.

Esta es mi forma de decir que, si conoces algún sistema que cumpla todo lo que quiero, no dudes en contactar conmigo. Y, por qué no, si estás buscando un proyecto web en el que embarcarte para aprender, lo suficientemente sencillo como para que una sola persona pueda llevarlo a cabo, aquí parece que hay un nicho. Una herramienta que genere, a partir de ficheros Markdown un sitio web tipo FAQ estático con categorías, buscador con Algolia, comentarios con Discuss… Ahí lo dejo.

No he querido que terminara este año sin dejar nada escrito por aquí.

No he querido dejar pasar la oportunidad de desearte un magnífico año nuevo, lleno de inquietudes, ilusiones, proyectos y buenas noticias. No sabemos lo que nos traerá. Pero lo importante no es saberlo, sino estar dispuestos a adaptarnos a lo que venga.

Hasta el año que viene.

Cloudflare y su servicio gratuito parar mejorar la disponibilidad de tu web

2020-10-16 4 min read Recursos David Romero

Desde que comencé el blog he sido transparente en lo que respecta a la parte técnica del mismo, y de hecho tenéis la sección Cómo se hace totalmente actualizada.

Esta semana he dado de alta el dominio en el servicio gratuito de Cloudflare para mejorar la disponibilidad de la web. ¿Quieres saber en qué consiste, cómo lo he hecho y qué cambios he observado? Sigue leyendo.

Cloudflare es una empresa estadounidense que ofrece varios servicios en internet. Entre ellos, dos de forma gratuita, que son el CDN y la mitigación de ataques DDoS. Un CDN es una red de entrega de contenido. Simplificando, son varios servidores repartidos geográficamente de forma estratégica que almacenan tu sitio web, por lo que se mejora la rapidez (cuando hay un acceso, se le deriva al servidor más cercano) y la disponibilidad (es menos probable que el sitio deje de estar online si está replicado en varios servidores). Un ataque DDoS, simplificando también, se produce cuando varios dispositivos (muchos) realizan múltiples peticiones a un servidor o red concreta, con el objetivo de saturarlo y que deje de estar disponible.

Antes de activar el servicio, voy a realizar algunas pruebas de rendimiento previo, para poder comprobar si mejora posteriormente. Es importante recalcar que, dependiendo del estado de la red y otros factores, las pruebas pueden variar continuamente, así que solamente serán una estimación.

La primera prueba la realizaré con el servicio PageSpeed Insights de Google. El resultado es una puntuación de 88/100 en el rendimiento de la web en un ordenador y una puntuación de 64/100 en un móvil. Puedes acceder a los detalles de estos análisis en los siguientes enlaces:

La segunda prueba la realizaré usando el servicio Pingdom Website Speed Test, que nos permite calcular el tiempo de carga del blog desde distintas ciudades del mundo. Tienes un resumen de los resultados en la siguiente tabla:

Región Rendimiento Tiempo de carga Detalle
Asia - Japón - Tokyo 86 4.53s link
Europa - Alemania - Frankfurt 86 328ms link
Europa - Reino Unido - Londres 86 547ms link
América del Norte - EE.UU. - Washington D.C 86 458ms link
América del Norte - EE.UU. - San Francisco 86 548ms link
Oceanía - Australia - Sídney 86 3.95s link
América del Sur - Brasil - São Paulo 86 1.24s link

El rendimiento medio en Pingdom es 86 y el tiempo medio de carga es de 1.66 segundos.

A continuación, realizaré el procedimiento gratuito de activación de los servicios de Cloudflare. ¿Quieres saber cómo lo he hecho paso a paso? Consulta el siguiente enlace: Paso a paso de activación de un dominio en Cloudflare

Ahora volveremos a realizar el mismo análisis anterior, para conocer cómo ha variado el rendimiento y la velocidad de carga del blog.

El resultado en PageSpeed es una puntuación de 98/100 en el rendimiento de la web en un ordenador y una puntuación de 87/100 en un móvil. Puedes acceder a los detalles de estos análisis en los siguientes enlaces:

En la siguiente tabla tienes el resumen de los análisis realizados en Pingdom:

Región Rendimiento Tiempo de carga Detalle
Asia - Japón - Tokyo 83 1.75s link
Europa - Alemania - Frankfurt 81 1.51s link
Europa - Reino Unido - Londres 83 2.18 link
América del Norte - EE.UU. - Washington D.C 83 736ms link
América del Norte - EE.UU. - San Francisco 83 227ms link
Oceanía - Australia - Sídney 83 1.09s link
América del Sur - Brasil - São Paulo 83 3.00s link

El rendimiento medio en Pingdom es 82.71 y el tiempo medio de carga es de 1.5 segundos.

Vemos que las puntuaciones en PageSpeed han mejorado considerablemente, y eso es muy positivo para el blog, ya que es uno de los factores a considerar para situarlo en el buscador de Google. En Pingdom, aunque el tiempo medio de carga es menor, sí me ha llamado la atención que ahora el tiempo de carga de las ciudades de Europa y América del Sur es más lento que antes de activar el servicio. Es una pena, ya que la mayor parte de las visitas vienen de estas regiones. Pero hay un detalle importante. En Cloudflare aparece la siguiente imagen:

Diagrama en Cloudflare sobre el tiempo de carga

El tiempo de carga total con Cloudflare es más lento, sin embargo, se muestra contenido parcial más rápidamente. ¿Y no es la pantalla en blanco lo que nos agobia? ¿No preferimos comprobar antes que la página se está cargando? ¿Qué posibilidades hay de que alguien abandone una web que está tratando de visitar una vez se ha cargado “algo”?

Seguimos buscando.

Older posts