DevToolKits.app
Historia de Desarrollo

Generar códigos QR: más rápido y seguro

Uso de la API Canvas y node-qrcode para lograr una generación en tiempo real y protección de la privacidad íntegramente en el navegador.

Ilustración del generador de códigos QR

Antecedentes: ¿Alguien está mirando tu URL?

“Estoy mirando esta URL larga en mi PC y quiero comprobarla en mi teléfono ahora mismo”.
Si eres ingeniero web, probablemente pienses esto al menos diez veces al día. Ya sea para verificar cómo se ve una página en un dispositivo real o para comprobar un diseño pensado primero para móviles (mobile-first), la forma más rápida es “convertir la URL en un código QR y escanearlo”.

Pero cuando utilizas los “sitios de generación de códigos QR” habituales que se encuentran en línea, ¿no sientes nunca una repentina punzada de ansiedad?
¿Contiene esa URL un token de autenticación privado para un proyecto que estás desarrollando? ¿Incluye la ruta un nombre de sistema confidencial?

“Es solo convertir una URL en un código QR; ¿por qué es necesario comunicarse con un servidor?”.
Muchos servicios gratuitos guardan las URL generadas como historial o, en el peor de los casos, las publican en un estado en el que pueden verse externamente. El Herramienta de código QR de DevToolKits nació del deseo de eliminar esta “ansiedad vaga”.

Entre bastidores: una experiencia “sumamente fluida” a través de la API Canvas

Más allá de ser simplemente “seguros”, también nos obsesionamos con crear una “experiencia de usuario abrumadoramente buena”.

1. Renderizado instantáneo sin servidor

En una aplicación web típica, envías una solicitud a un servidor y luego recibes una imagen, lo que produce un ligero retraso.
Hicimos que node-qrcode se ejecutara íntegramente dentro del navegador y utilizamos la API Canvas para dibujar el código QR directamente en la memoria de vídeo de tu PC.

En el momento en que escribes un carácter, el código QR cambia sin siquiera un milisegundo de retraso. Esta respuesta “sumamente fluida” es exactamente la experiencia de desarrollo que buscábamos.

2. Atención a la “belleza” para los documentos

Los ingenieros también pegan códigos QR en diapositivas de presentaciones y documentos internos.
Por eso hicimos posible cambiar libremente los colores y el tamaño. Puedes cambiar rápidamente el color del código QR para que coincida con el color principal de una marca y verlo reflejado en tiempo real.

”Tus datos te pertenecen”, como debe ser

Mientras usas esta herramienta, echa un vistazo a la pestaña “Red” de tu navegador.
Verás que no se envía absolutamente ningún paquete.
Hemos eliminado por completo cualquier margen para que terceros intervengan en el acto personal (o altamente confidencial) de enviar una URL a tu teléfono.

Conclusión

A primera vista, un generador de códigos QR es una herramienta sencilla que puedes encontrar en cualquier lugar.
Sin embargo, detrás de esa simplicidad se esconde nuestra firme voluntad de “no confiar tu privacidad a nadie más”.

Acerca tu PC y tu teléfono, y mantén tus secretos más seguros.
Esperamos que DevToolKits haga que tu flujo de desarrollo sea más fluido y te brinde una mayor “tranquilidad”.

Related Tools

Anuncio

Anuncio