Zum Inhalt springen
Kontakt

Sebastian Nawrot
Dorneystr. 45
44149 Dortmund

Webentwicklung & Technik

Codeschnipsel Toolbox: 10 kostenlose Tools für Entwickler & DevOps

Meine Sammlung von 10 client-side Web-Tools für Server-Admins und Entwickler: Apache Log Analyzer, .htaccess Generator, Regex Tester und mehr. 100% kostenlos, keine Datenübertragung.

Sebastian Nawrot
7 Min. Lesezeit
#DevOps#Tools#Apache#Server Administration#Open Source#Web Development

Als Entwickler und DevOps bei einem Webhosting-Unternehmen mit 9 Jahren Erfahrung sehe ich täglich, mit welchen Herausforderungen sich Kollegen und Kunden herumschlagen: Apache-Logs durchsuchen, .htaccess-Regeln schreiben, Regex testen, Cron-Jobs konfigurieren. Für viele dieser wiederkehrenden Aufgaben gibt es zwar Online-Tools – aber wer will schon sensible Server-Logs oder Produktionsdaten zu fremden Diensten hochladen?

Deshalb habe ich die Codeschnipsel Toolbox entwickelt: Eine Sammlung von 10 kostenlosen, client-side Tools, die komplett in deinem Browser laufen. Keine Datenübertragung, kein Tracking, keine Registrierung.

Warum client-side Tools?

Die Antwort ist einfach: Datenschutz und Sicherheit.

Wenn du Apache-Logs analysierst, enthält das oft:

  • Domain-Namen deiner Kunden
  • IP-Adressen von Besuchern
  • Zugriffspa tterns
  • Error-Traces mit sensiblen Pfaden

Das gleiche gilt für .htaccess-Dateien, JSON-Daten oder Passwörter. Niemand sollte diese Daten zu einem fremden Server schicken müssen.

Alle Tools in der Codeschnipsel Toolbox laufen zu 100% lokal in deinem Browser. JavaScript verarbeitet deine Eingaben direkt im DOM – kein Backend, kein Server-Upload, keine API-Calls. Deine Daten verlassen nie dein Gerät.

Die 10 Tools im Überblick

1. Apache Log Analyzer

Problem: Du musst Apache Access oder Error Logs durchsuchen, aber grep, awk und tail Befehle sind nicht deine Stärke.

Lösung: Der Apache Log Analyzer generiert dir die Shell-Befehle zum Copy & Paste.

Features:

  • Domain-spezifische Log-Pfade (Plesk & cPanel kompatibel)
  • Filterung nach HTTP-Fehlercodes (403, 404, 500, 502, 503, etc.)
  • Top 10 IPs, URLs, User-Agents extrahieren
  • Zeitbasierte Filterung (letzte Stunden/Tage)
  • Copy-to-Clipboard

Use Case:

Domain: beispiel.de
Filter: 404 Errors (letzte 24 Stunden)

Generierter Befehl:
tail -10000 /var/www/vhosts/beispiel.de/logs/access_log | \
  grep " 404 " | \
  awk '{print $1, $7}' | \
  sort | uniq -c | sort -rn | head -20

Perfekt für Entwickler, die nicht täglich mit Server-Administration zu tun haben, aber mal schnell ein Problem debuggen müssen.

2. Data Transformer (CyberChef-Alternative)

Problem: CyberChef ist großartig, aber oft Overkill für einfache Encoding/Decoding-Aufgaben.

Lösung: Der Data Transformer fokussiert sich auf die 15 häufigsten Operationen:

  • Encoding/Decoding: Base64, Hex, URL, HTML Entities
  • Hashing: MD5, SHA-1, SHA-256, SHA-512
  • Text: Uppercase, Lowercase, Reverse, Line Sort
  • JSON: Beautify, Minify

Features:

  • Einfache UI ohne komplexen Workflow-Builder
  • Operation-Chaining möglich
  • Live-Preview
  • 100% Client-Side

Use Case: Du bekommst einen Base64-String aus einer API-Response und musst ihn dekodieren, dann als JSON formatieren:

  1. Input: eyJuYW1lIjoiU2ViYXN0aWFuIn0=
  2. Operation: Base64 Decode
  3. Operation: JSON Beautify
  4. Output: Formatierter JSON

Für erweiterte Crypto-Operationen verweise ich weiterhin auf das Original CyberChef – aber für 95% der Anwendungsfälle reicht der Data Transformer.

3. .htaccess Generator

Problem: .htaccess-Syntax ist kryptisch und fehleranfällig.

Lösung: Der .htaccess Generator erstellt häufige Regeln per Klick:

Features:

  • Redirects: 301/302 Permanent/Temporary
  • URL Rewriting: Trailing Slash, www/non-www, HTTPS Force
  • Security Headers: CSP, HSTS, X-Frame-Options, X-XSS-Protection
  • Performance: Gzip Compression, Browser Caching
  • Hotlink Protection: Bilder vor Fremd-Einbindung schützen

Use Case:

# Force HTTPS
RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}/$1 [R=301,L]

# Security Headers
Header always set X-Frame-Options "SAMEORIGIN"
Header always set X-Content-Type-Options "nosniff"
Header always set X-XSS-Protection "1; mode=block"

Copy & Paste in deine .htaccess – fertig.

4. Regex Tester

Problem: Regular Expressions sind mächtig, aber schwer zu debuggen.

Lösung: Live-Testing mit Match-Highlighting.

Features:

  • Live-Testing während du tippst
  • Match-Highlighting im Text
  • Capture Groups anzeigen
  • Common Patterns Library (E-Mail, URL, IP, etc.)
  • Quick Reference für Regex-Syntax

Use Case: Du schreibst ein Validierungs-Pattern für deutsche Telefonnummern:

Pattern: ^(\+49|0)[1-9]\d{1,14}$
Test String: +49 151 12345678
Result: ✅ Match
Groups: ["+49"]

5. JSON Formatter & Validator

Problem: API-Responses sind oft minified und unleserlich.

Lösung: JSON formatieren, validieren und kopieren.

Features:

  • Beautify (mit Indentation)
  • Minify (remove whitespace)
  • Fehler-Erkennung mit Zeilennummer
  • Syntax-Highlighting
  • Copy-to-Clipboard

Use Case:

// Input (minified):
{"name":"Sebastian","skills":["PHP","JavaScript","DevOps"]}

// Output (beautified):
{
  "name": "Sebastian",
  "skills": [
    "PHP",
    "JavaScript",
    "DevOps"
  ]
}

6. SSH Key Generator Guide

Problem: SSH-Schlüssel generieren ist für viele ein Buch mit sieben Siegeln.

Lösung: Step-by-Step Anleitung mit Command Generator.

Features:

  • Ed25519, RSA & ECDSA Support
  • Interaktiver Command Generator
  • GitHub/GitLab/Bitbucket Integration
  • Public Key auslesen
  • Security Best Practices

Use Case:

# Ed25519 (empfohlen):
ssh-keygen -t ed25519 -C "deine@email.de" -f ~/.ssh/id_ed25519

# RSA 4096 bit:
ssh-keygen -t rsa -b 4096 -C "deine@email.de" -f ~/.ssh/id_rsa

Plus Anleitung, wie du den Public Key zu GitHub/GitLab hinzufügst.

7. Base64 Encoder/Decoder

Problem: Schnell mal einen String Base64 enkodieren/dekodieren.

Lösung: Simpler Encoder/Decoder mit UTF-8 Support.

Features:

  • Bidirektional (Encode & Decode)
  • UTF-8 Support (Umlaute funktionieren!)
  • Copy-to-Clipboard
  • 100% Client-Side

Use Case:

Input: Hällö Wörld!
Output: SMOkbGzDtiBXw7ZybGQh

8. Password Generator

Problem: Sichere Passwörter generieren ohne Chrome/Firefox Extension.

Lösung: Kryptographisch sicherer Password Generator.

Features:

  • 8-64 Zeichen
  • Konfigurierbare Zeichentypen (Groß-/Kleinbuchstaben, Zahlen, Symbole)
  • Passwort-Stärke-Anzeige
  • crypto.getRandomValues() für echte Zufälligkeit
  • Copy-to-Clipboard

Use Case:

Länge: 24
Zeichen: A-Z, a-z, 0-9, Symbole

Generated: k7$mP3!xQ9@vL2#nW5&hR8%
Stärke: Sehr sicher (93 Bit Entropie)

9. Cron Job Generator

Problem: Cron-Syntax (* * * * *) ist nicht intuitiv.

Lösung: Visueller Cron-Editor mit Human-Readable Output.

Features:

  • Visual Editor (Dropdowns für Minuten, Stunden, Tage, etc.)
  • Vorgefertigte Templates (@daily, @weekly, @monthly)
  • Human-Readable Erklärung ("Jeden Tag um 3:30 Uhr")
  • Installation Guide (crontab -e)
  • Copy-to-Clipboard

Use Case:

Task: Backup-Script täglich um 2:00 Uhr

Cron-Ausdruck: 0 2 * * *
Human: "Täglich um 2:00 Uhr"

Befehl:
0 2 * * * /usr/local/bin/backup.sh

10. Vi/Vim Cheat Sheet

Problem: Du bist auf einem Server eingeloggt, nano ist nicht installiert, nur vi.

Lösung: Interaktive Vi/Vim Cheat Sheet mit Suchfunktion.

Features:

  • Kategorisierte Befehle (Bewegung, Bearbeiten, Suchen, etc.)
  • Suchfunktion
  • Mode-basierte Übersicht (Normal, Insert, Visual, Command)
  • Quick Start Guide
  • Pro-Tipps

Use Case:

Problem: Wie speichere ich und beende Vim?
Antwort: :wq (write & quit)

Problem: Wie lösche ich eine Zeile?
Antwort: dd (in Normal Mode)

Perfekt als Bookmark für die nächste SSH-Session.

Open Source & Selbst-Hosting

Alle Tools sind Open Source und auf GitHub verfügbar. Du kannst den Code einsehen, Vorschläge machen oder die Tools selbst hosten.

Warum Open Source?

  • Transparenz: Du siehst genau, was der Code macht
  • Vertrauen: Keine Hidden Features, kein Tracking
  • Selbst-Hosting: Für firmeninterne Nutzung

Für wen sind diese Tools?

Die Toolbox richtet sich an:

  • Webentwickler: JSON formatieren, Regex testen, Base64 de/enkodieren
  • Server-Admins: Apache Logs analysieren, .htaccess schreiben, Cron-Jobs konfigurieren
  • DevOps Engineers: SSH-Keys generieren, Passwörter erstellen
  • Freelancer: Schnelle Selbsthilfe ohne externe Dienste
  • Studenten: Lernwerkzeug für Server-Administration

Warum kostenlos?

Zwei Gründe:

  1. Selbsthilfe: Ich habe diese Tools für meinen eigenen Workflow gebaut. Wenn sie auch anderen helfen, umso besser.

  2. Community: Die Open-Source-Community hat mir viel gegeben (Next.js, React, PHP, etc.). Das ist mein Beitrag zurück.

Kommende Features

Aktuell plane ich weitere Tools:

  • DNS Lookup Tool: MX, A, AAAA, TXT Records abfragen
  • SSL Certificate Checker: Gültigkeit und Details anzeigen
  • HTTP Header Analyzer: Response Headers analysieren
  • Git Command Helper: Häufige Git-Befehle generieren

Hast du eine Idee für ein Tool? Schick mir deine Vorschläge!

Fazit

Die Codeschnipsel Toolbox ist meine Antwort auf die täglichen Herausforderungen in der Webentwicklung und Server-Administration. Statt für jede Kleinigkeit ein externes Tool zu googlen (und sensible Daten hochzuladen), habe ich die wichtigsten Helfer gebündelt:

100% Client-Side – Deine Daten bleiben bei dir ✅ 100% Kostenlos – Keine Registrierung, keine Limits ✅ Open Source – Transparenz und Selbst-Hosting möglich ✅ Kein Tracking – Keine Cookies, keine Analytics (außer du akzeptierst sie)

Die Tools sind optimiert für meinen eigenen Workflow als Entwickler mit 20 Jahren IT-Erfahrung – und ich hoffe, sie helfen auch dir.

👉 Zur Toolbox


Brauchst du ein individuelles Tool für dein Unternehmen? Ich entwickle auch maßgeschneiderte Web-Tools, Konfiguratoren und interaktive Anwendungen. Von einfachen Kalkulatoren bis zu komplexen Business-Tools.

Projekt anfragen

Möchtest du auch so einen Blog?

Ich entwickle moderne, SEO-optimierte Websites und Blogs mit Next.js, React und Tailwind CSS.