Cómo validar tu servidor local

Una vez que hayas ejecutado un informe de validación del sitio usando Rocket Validator, ¡es hora de corregir esos problemas!

Armado con tu informe de validación, puedes elegir diferentes caminos para corregir los problemas de HTML y accesibilidad encontrados. Puedes trabajar una página web a la vez, o puedes usar las pestañas de problemas comunes y corregir varias páginas web afectadas de una sola vez.

Independientemente del camino que elijas, vas a volver a revisar esas páginas web después de haberlas modificado, para asegurar que los problemas encontrados hayan desaparecido. Si necesitas volver a desplegar tu sitio después de esos cambios, ¡puede tomar mucho tiempo! Pero hay un enfoque más rápido: validar directamente tu servidor local.

Rocket Validator puede validar tu servidor local, todo lo que necesitas hacer es proporcionar una URL pública, para que pueda acceder a tus páginas web. Esto suena complicado pero en la práctica es fácil de configurar, usando un servicio de tunneling.

Foto de Jakob Søby en Unsplash

¿Qué es un servicio de tunneling?

Un servicio de tunneling es una herramienta que te permite acceder a un servidor web o aplicación ejecutándose en tu computadora local desde internet.

Normalmente, cuando ejecutas un servidor web o aplicación en tu computadora, solo puede ser accedido desde otros dispositivos en la misma red local. Sin embargo, con un servicio de tunneling, puedes crear una conexión segura entre tu computadora e internet, permitiéndote acceder a tu servidor web o aplicación desde cualquier parte del mundo.

El servicio de tunneling funciona creando una URL pública que redirige tráfico desde internet hacia la red local de tu computadora. Cuando inicias el servicio de tunneling, generará una URL única que puedes compartir con otros, y cuando visiten esa URL, el servicio redirigirá el tráfico al servidor local de tu computadora.

Esto puede ser especialmente útil para propósitos de prueba y desarrollo, ya que te permite compartir tu trabajo con otros de manera rápida y fácil sin tener que desplegarlo en un servidor público. En nuestro caso, usar un servicio de tunneling es perfecto para validar los cambios en nuestros sitios directamente desde nuestro servidor de desarrollo local.

Configurar tu servidor

Es probable que ya estés ejecutando un servidor de desarrollo para construir tus sitios web. Si estás usando un framework como Ruby on Rails, Phoenix, Express, Django o Laravel, o un CMS como Wordpress o Drupal, estás usando un servidor.

Todo lo que necesitas saber para obtener una URL pública para tu servidor es el puerto en el que se está ejecutando. Por ejemplo, Rails por defecto usa el puerto 3000, y Phoenix usa el puerto 4000.

Si no estás ejecutando un servidor, por ejemplo cuando solo tienes una carpeta local con archivos estáticos en tu disco duro, puedes ejecutar fácilmente un servidor web para servir esos archivos estáticos usando serve.

Puedes instalar serve con una línea:

npm install --global serve

Una vez instalado, puedes ejecutar este comando dentro del directorio de tu proyecto con:

serve

Y esto ejecutará un servidor en el puerto 3000. Ejecuta serve --help para ver una lista de otras opciones.

Abrir un túnel público a tu servidor local

Una vez que tengas un servidor de desarrollo ejecutándose y conozcas tu número de puerto, solo necesitas configurar un túnel para obtener una URL pública.

Hay toneladas de servicios de tunneling que puedes usar, con diferentes opciones, pero nos encanta localtunnel porque es open source, no requiere registro, y te permite usar subdominios gratis.

Instálalo con:

npm install -g localtunnel

Y lanza tu túnel local con el comando lt, indicando el puerto donde tu servidor se está ejecutando:

lt --port 3000 

Esto creará una URL aleatoria para ti - recomendamos usar la opción –subdomain para establecer un subdominio personalizado para tu sitio, así:

lt --port 3000 --subdomain example

¡Eso es todo lo que necesitas!

Ahora puedes usar tu URL pública (en el ejemplo anterior, sería https://example.loca.lt) para validar tu servidor de desarrollo con Rocket Validator.

Mientras vas corrigiendo tus problemas, solo necesitas volver a revisar desde Rocket Validator sin necesidad de volver a desplegar tus cambios. ¡Gracias al servicio de tunneling, tus modificaciones ya están en vivo en internet!

Otros proveedores de túneles

Nos encanta localtunnel, pero hay muchos otros servicios de tunneling que puedes usar:

• ngrok
• boringproxy
• Telebit
• tunnel.pyjam.as
• Expose
• TunnelTo.dev
• PageKite
• Zrok
• Remotemoe
• Loophole
• Localhost.run
• KubeSail
• LocaltoNet
• Cloudflare Tunnel

Cómo Rocket Validator evita la advertencia del navegador en algunos servicios

Algunos servicios de tunneling como ngrok y localtunnel toman una medida simple para prevenir el abuso de actores maliciosos que de otra forma usarían el tunneling para realizar ataques de spam, spoofing y phishing. Para prevenir esto, estos servicios de tunneling muestran una página intersticial - una página web de advertencia para informar a los visitantes que la página que están a punto de visitar es túnelizada y debe ser tratada con cuidado:

Esta página intersticial se muestra solo una vez, después de que el visitante hace clic en “Visit Site” la página intersticial desaparece. Sin embargo, esto interferiría con la revisión realizada por Rocket Validator, así que automáticamente usamos una de las opciones proporcionadas por ellos: cuando detectamos que la URL que se está validando corresponde a un servicio de tunneling, usamos una cadena de User Agent personalizada no similar a un navegador para evitar esa página intersticial.