Add README and sanitize example Wi-Fi credentials

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
2026-08-27 09:24:01 +02:00
co-authored by Claude Sonnet 5
parent 3c630a594d
commit 56d48e6e50
3 changed files with 39 additions and 3 deletions
+36
View File
@@ -0,0 +1,36 @@
# QR Code Wi-Fi
Générateur de QR code Wi-Fi 100 % statique, sans serveur ni build : on ouvre une page HTML, on renseigne le SSID et le mot de passe, et on obtient un QR code scannable ainsi qu'une fiche prête à imprimer pour des invités.
## Fonctionnalités
- Génération du QR code au format standard `WIFI:T:<type>;S:<ssid>;P:<password>;` directement dans le navigateur (bibliothèque [qrcodejs](https://github.com/davidshimjs/qrcodejs))
- Édition en direct du SSID, du mot de passe et du type de sécurité (WPA/WEP/aucune)
- Deux mises en page imprimables :
- **`classique.html`** — carte grand format, pensée pour un affichage à l'écran ou au mur
- **`a6.html`** — carte compacte au format 90 × 55 mm (proche d'une carte de visite), optimisée pour l'impression et la découpe
- Aucune dépendance serveur, aucun build : 3 fichiers HTML autonomes
## Utilisation
1. Ouvrir `index.html` (ou directement `classique.html` / `a6.html`)
2. Renseigner le SSID et le mot de passe du réseau à partager dans le formulaire
3. Scanner le QR code avec un smartphone, ou cliquer sur **Imprimer** pour obtenir la fiche papier
## Personnalisation
Les valeurs par défaut sont modifiables de deux façons :
- **à l'écran**, via le formulaire (non persistant, pratique pour un test rapide) ;
- **en dur**, en tête de chaque fichier HTML (`WIFI_SSID`, `WIFI_PASSWORD`, `WIFI_DISPLAY_NAME`, `WIFI_SECURITY`), pour obtenir une fiche prête à l'emploi sans ressaisie à chaque ouverture.
> ⚠️ Si vous renseignez vos vrais identifiants Wi-Fi dans le code, ne poussez pas ces fichiers sur un dépôt public — les valeurs par défaut de ce repo sont volontairement génériques.
## Stack technique
- HTML / CSS / JavaScript vanilla, aucune dépendance de build
- [qrcodejs](https://github.com/davidshimjs/qrcodejs) chargé depuis un CDN pour le rendu du QR code
## Déploiement
Ces fichiers sont statiques : ils peuvent être ouverts directement dans un navigateur, ou servis par n'importe quel serveur web (Nginx, Apache, GitHub/Gitea Pages, etc.) sans configuration particulière.
+1 -1
View File
@@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Wi-Fi Domestique - Carte Visite</title> <title>Wi-Fi Domestique - Carte Visite</title>
<script> <script>
const WIFI_SSID = "Bbox-31ACA61F"; const WIFI_SSID = "MonReseau";
const WIFI_PASSWORD = "CHANGE-MOI"; const WIFI_PASSWORD = "CHANGE-MOI";
const WIFI_DISPLAY_NAME = "Wi-Fi Maison"; const WIFI_DISPLAY_NAME = "Wi-Fi Maison";
const WIFI_SECURITY = "WPA"; const WIFI_SECURITY = "WPA";
+2 -2
View File
@@ -5,8 +5,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Wi-Fi Invités - Classique</title> <title>Wi-Fi Invités - Classique</title>
<script> <script>
const WIFI_SSID = "Bbox-31ACA61F-Invite"; const WIFI_SSID = "MonReseau-Invites";
const WIFI_PASSWORD = "U*GoyB-v#f!33Cswqeq@"; const WIFI_PASSWORD = "MotDePasseIci";
const WIFI_DISPLAY_NAME = "Wi-Fi Invités"; const WIFI_DISPLAY_NAME = "Wi-Fi Invités";
const WIFI_SECURITY = "WPA"; const WIFI_SECURITY = "WPA";
</script> </script>