Cartes Wi-Fi pour des connexions sans tracas

Chaque fois que des invités viennent ou que des collègues se retrouvent pour un meetup, la même conversation commence. « Quel est le mot de passe Wi-Fi ? » — et vous commencez à dicter une chaîne de seize caractères bizarre, en mélangeant le « O » majuscule avec le zéro et le « l » minuscule avec le un. Vous pouvez, bien sûr, prendre une photo de l'autocollant sur le routeur, mais ça ne ressemble à rien, et le routeur est souvent caché quelque part dans un placard sous un tas de câbles.

Le projet wifi-card résout cette petite nuisance du quotidien d'une manière remarquablement élégante. C'est un générateur léger de cartes nettes avec un code QR et les identifiants de connexion au réseau sans fil.

Comment fonctionne le projet

En essence, c'est une application frontend React qui génère la carte directement dans le navigateur. Vous entrez le nom du réseau (SSID), sélectionnez le type de chiffrement (WPA/WPA2/WPA3, WEP, ou réseau ouvert), tapez le mot de passe, et cliquez sur le bouton d'impression.

La caméra du smartphone sur iOS ou Android lit le code QR généré avec le scanner standard et propose immédiatement de se connecter au réseau. Les invités n'ont plus besoin de taper le mot de passe manuellement.

Un bonus supplémentaire pour l'auteur avec son approche axée sur la confidentialité. Vos données ne sont envoyées nulle part : le service fonctionne entièrement côté client, sans backend serveur et sans collecte de télémétrie.

Ce que le générateur peut faire

La carte comporte plusieurs détails bien pensés par l'auteur :

• Masquage du mot de passe. Si la carte est destinée à un endroit semi-public, vous pouvez masquer le champ de texte du mot de passe, en ne laissant que le code QR.
• Prise en charge des réseaux masqués (Hidden SSID). Le téléphone saura comment configurer la connexion même si le réseau ne diffuse pas son nom.
• Mise en page prête à l'impression. Les cartes sont centrées, ont une bordure soignée, et rendent très bien sur du papier A4 classique comme sur du carton épais.
• Support multilingue. Le projet a été traduit dans près de 40 langues, y compris le russe, afin que les invités de n'importe quel pays comprennent la carte.

Comment l'exécuter vous-même

Si vous ne souhaitez pas utiliser le site public wificard.io ou prévoyez de déployer l'utilitaire sur le réseau local interne de votre bureau, le projet est facile à exécuter en local.

La méthode la plus rapide est l'image Docker officielle :

make run

Le conteneur démarrera sur http://localhost:8080.

Pour le développement local ou les ajustements de mise en page, vous aurez besoin de Node.js et Yarn :

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

Le serveur avec live-reload s'ouvrira sur http://localhost:3000. Le projet est configuré avec Prettier, et le formatage du code est automatiquement vérifié avant les commits via des pre-commit hooks.

Si vous souhaitez ajouter une nouvelle traduction, il suffit d'étendre le fichier src/translations.js :

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

Où cela peut être utile

J'ai imprimé une de ces cartes et je l'ai attachée au réfrigérateur avec un aimant à la maison. Ça m'a fait gagner beaucoup de temps pendant les fêtes.

En dehors de l'utilisation à domicile, le format est parfait pour :

• Les espaces de coworking et les salles de réunion de bureau, afin que les visiteurs n'embêtent pas les adminsys.
• Les petits cafés ou salons de coiffure où le Wi-Fi invité est protégé par mot de passe.
• Les appartements en location et les hôtels, lorsque les identifiants de connexion sont affichés juste dans l'entrée.

wifi-card est un excellent exemple de petit projet open source qui prend une tâche narrow et la résout sans interface surchargée et sans trackers intrusifs. Le code source est propre, s'exécute avec une seule commande, et fait gagner des nerfs lors de la réception d'invités. Si vous devez régulièrement dicter votre mot de passe réseau, imprimez-vous une de ces cartes une bonne fois pour toutes.