590d37d1b0fb4d90fcb8baae2b08ce285a94d3f7
QR Code Generator
Ein einfacher QR-Code-Generator, der vollständig im Browser läuft. Keine Daten werden an externe Server gesendet.
Docker Setup
Mit Docker Compose (empfohlen)
# Container bauen und starten
docker-compose up -d
# Container stoppen
docker-compose down
Mit Docker direkt
# Image bauen
docker build -t qr-generator .
# Container starten
docker run -d -p 8080:80 --name qr-generator qr-generator
# Container stoppen
docker stop qr-generator
docker rm qr-generator
Verwendung
Nach dem Start ist die Anwendung unter http://localhost:8080
erreichbar.
URL-Parameter
Die Anwendung unterstützt folgende URL-Parameter:
text
- Text oder URL für den QR-Codesize
- Größe (128, 256, 512, 1024)errorCorrection
- Fehlerkorrektur (L, M, Q, H)foreground
- Vordergrundfarbe (Hex-Code)background
- Hintergrundfarbe (Hex-Code)
Beispiele
http://localhost:8080/?text=Hello%20World
http://localhost:8080/?text=Test&size=512&errorCorrection=H
http://localhost:8080/?text=Colored&foreground=%23ff0000&background=%23ffff00
WiFi QR-Codes erstellen
Die App unterstützt das Erstellen von WiFi QR-Codes, die automatisch von Smartphones erkannt werden.
Format:
WIFI:S:<SSID>;T:<Verschlüsselung>;P:<Passwort>;H:<Versteckt>;;
Parameter:
- S = SSID (Netzwerkname)
- T = Typ der Verschlüsselung (WPA, WEP, nopass)
- P = Passwort
- H = Versteckt (true/false) - optional
Beispiele:
WPA/WPA2 Netzwerk:
WIFI:S:MeinWLAN;T:WPA;P:MeinPasswort123;;
WEP Netzwerk:
WIFI:S:MeinWLAN;T:WEP;P:1234567890;;
Offenes Netzwerk (ohne Passwort):
WIFI:S:MeinWLAN;T:nopass;;
Verstecktes Netzwerk:
WIFI:S:MeinWLAN;T:WPA;P:MeinPasswort123;H:true;;
Verwendung:
- Kopieren Sie einen der obigen Texte
- Ersetzen Sie die Werte durch Ihre eigenen WiFi-Daten
- Fügen Sie den Text in das Eingabefeld ein
- Der QR-Code wird automatisch generiert
- Scannen Sie ihn mit einem Smartphone
Das Smartphone erkennt automatisch, dass es sich um WiFi-Daten handelt und bietet an, sich mit dem Netzwerk zu verbinden!
Features
- ✅ Vollständig clientseitig (keine Server-Kommunikation)
- ✅ URL-Parameter für alle Einstellungen
- ✅ Anpassbare Größen und Farben
- ✅ Verschiedene Fehlerkorrektur-Level
- ✅ Download-Funktion
- ✅ Responsive Design
- ✅ WiFi QR-Code Unterstützung
Description
Languages
HTML
61.1%
JavaScript
37.8%
Dockerfile
1.1%