Tarjetas Wi-Fi para conexiones sin complicaciones

Cada vez que llegan invitados o los colegas se reúnen para una meetup, comienza la misma conversación. "¿Cuál es la contraseña del Wi-Fi?" — y empiezas a dictar una extraña cadena de dieciséis caracteres, mezclando la "O" mayúscula con el cero y la "l" minúscula con el uno. Por supuesto, puedes tomar una foto de la pegatina del router, pero se ve bastante mal, y el router a menudo está oculto en algún lugar del armario bajo una pila de cables.

El proyecto wifi-card resuelve este pequeño inconveniente diario de una manera notablemente elegante. Es un generador ligero de tarjetas ordenadas con un código QR y los datos de acceso a la red inalámbrica.

Cómo funciona el proyecto

Básicamente, es una aplicación frontend en React que genera la tarjeta directamente en el navegador. Ingresas el nombre de la red (SSID), seleccionas el tipo de cifrado (WPA/WPA2/WPA3, WEP, o red abierta), escribes la contraseña y presionas el botón de imprimir.

La cámara del smartphone en iOS o Android lee el código QR resultante con el escáner estándar e inmediatamente ofrece conectarse a la red. Los invitados ya no necesitan escribir la contraseña manualmente.

Puntos extra para el autor por el enfoque centrado en la privacidad. Tus datos no se envían a ningún lugar: el servicio funciona completamente del lado del cliente, sin backend de servidor y sin recolección de telemetría.

Qué puede hacer el generador

La tarjeta tiene varios detalles interesantes que el autor pensó de antemano:

• Ocultar contraseña. Si la tarjeta se mostrará en un lugar semi-público, puedes ocultar el campo de texto de la contraseña, dejando solo el código QR.
• Soporte para redes ocultas (SSID oculto). El teléfono sabrá cómo configurar la conexión incluso si la red no transmite su nombre.
• Diseño listo para imprimir. Las tarjetas están centradas, tienen un borde limpio y se ven geniales tanto en papel A4 regular como en cartulina gruesa.
• Soporte multilingüe. El proyecto ha sido traducido a casi 40 idiomas, incluyendo ruso, para que los invitados de cualquier país puedan entender la tarjeta.

Cómo ejecutarlo tú mismo

Si no quieres usar el sitio público wificard.io o planeas desplegar la utilidad en la red local interna de tu oficina, el proyecto es fácil de ejecutar localmente.

La forma más rápida es la imagen oficial de Docker:

make run

El contenedor se iniciará en http://localhost:8080.

Para desarrollo local o ajustes de diseño, necesitarás Node.js y Yarn:

# Установка зависимостей и запуск dev-сервера
make dev

El servidor con live-reload se abrirá en http://localhost:3000. El proyecto tiene Prettier configurado, y el formato del código se verifica automáticamente antes de los commits mediante pre-commit hooks.

Si quieres agregar una nueva traducción, simplemente extiende el archivo src/translations.js:

{
   id: 'de-DE',              // код локали
   name: 'German - Deutsch', // отображаемое имя
   rtl: false,               // true для языков с письмом справа налево
   translation: {
      ...
   }
}

Dónde resulta útil

Imprimí una de estas tarjetas y la pegué en el refrigerador con un imán en casa. Me ahorró mucho tiempo durante las fiestas.

Además del uso doméstico, el formato es perfecto para:

• Espacios de coworking y salas de reuniones de oficinas, para que los visitantes no molesten a los sysadmins.
• Pequeños cafés o barberías donde el Wi-Fi para invitados está protegido con contraseña.
• Departamentos alquilados y hoteles, cuando las credenciales de inicio de sesión se publican justo en la entrada.

wifi-card es un gran ejemplo de un pequeño proyecto de código abierto que toma una tarea específica y la resuelve sin una interfaz inflada y rastreadores intrusivos. El código fuente es limpio, se ejecuta con un solo comando, y ahorra nervios al recibir invitados. Si regularmente tienes que dictar la contraseña de tu red, imprímete una de estas tarjetas de una vez.