Initial commit: QR Code Generator with Docker support
This commit is contained in:
14
Caddyfile
Normal file
14
Caddyfile
Normal file
@@ -0,0 +1,14 @@
|
|||||||
|
:80 {
|
||||||
|
root * /usr/share/caddy
|
||||||
|
file_server
|
||||||
|
|
||||||
|
# Behandle die HTML-Datei als Index
|
||||||
|
try_files {path} /Just%20a%20QR%20Code.html
|
||||||
|
|
||||||
|
# CORS-Header für Cross-Origin-Requests
|
||||||
|
header {
|
||||||
|
Access-Control-Allow-Origin *
|
||||||
|
Access-Control-Allow-Methods "GET, POST, OPTIONS"
|
||||||
|
Access-Control-Allow-Headers "Content-Type"
|
||||||
|
}
|
||||||
|
}
|
15
Dockerfile
Normal file
15
Dockerfile
Normal file
@@ -0,0 +1,15 @@
|
|||||||
|
FROM caddy:2-alpine
|
||||||
|
|
||||||
|
# Kopiere die HTML-Datei
|
||||||
|
COPY index.html /usr/share/caddy/
|
||||||
|
|
||||||
|
# Kopiere den Ordner mit den JavaScript-Dateien
|
||||||
|
COPY assets /usr/share/caddy/assets/
|
||||||
|
|
||||||
|
# Kopiere die Caddy-Konfiguration
|
||||||
|
COPY Caddyfile /etc/caddy/Caddyfile
|
||||||
|
|
||||||
|
# Exponiere Port 80
|
||||||
|
EXPOSE 80
|
||||||
|
|
||||||
|
# Caddy startet automatisch mit der Caddyfile-Konfiguration
|
60
README.md
Normal file
60
README.md
Normal file
@@ -0,0 +1,60 @@
|
|||||||
|
# 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)
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# Container bauen und starten
|
||||||
|
docker-compose up -d
|
||||||
|
|
||||||
|
# Container stoppen
|
||||||
|
docker-compose down
|
||||||
|
```
|
||||||
|
|
||||||
|
### Mit Docker direkt
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# 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-Code
|
||||||
|
- `size` - 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
|
||||||
|
```
|
||||||
|
|
||||||
|
## 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
|
6
assets/qrious.min.js.Download
Normal file
6
assets/qrious.min.js.Download
Normal file
File diff suppressed because one or more lines are too long
9
docker-compose.yml
Normal file
9
docker-compose.yml
Normal file
@@ -0,0 +1,9 @@
|
|||||||
|
version: '3.8'
|
||||||
|
|
||||||
|
services:
|
||||||
|
qr-generator:
|
||||||
|
build: .
|
||||||
|
ports:
|
||||||
|
- "8080:80"
|
||||||
|
container_name: qr-generator
|
||||||
|
restart: unless-stopped
|
587
index.html
Normal file
587
index.html
Normal file
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user