Compare commits
2
Commits
fa1f4be93f
...
283bd73f79
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
283bd73f79 | ||
|
|
56d48e6e50 |
@@ -0,0 +1,38 @@
|
|||||||
|
# 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.
|
||||||
@@ -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
@@ -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>
|
||||||
|
|||||||
Binary file not shown.
|
After Width: | Height: | Size: 115 KiB |
Reference in New Issue
Block a user