URL-Shortener bauen

Ein URL-Shortener speichert eine lange Web-Adresse unter einem kurzen Code und leitet jeden weiter, der den kurzen Link aufruft. Der Kern ist winzig: eine Tabelle und eine Weiterleitungsroute. Deshalb ist er ein klassisches erstes Projekt. Was einen echten Shortener nützlich macht, ist der Rest: eine kurze Domain, eigene Slugs, Klickzähler, das Ändern des Ziels und das Verhindern, dass Spammer deine Domain nutzen, um Phishing-Links zu verstecken. Entscheide früh, ob er für dich und dein Team ist oder öffentlich, denn öffentliche Shortener ziehen schnell Missbrauch an.

Was ein URL-Shortener braucht

Daten

Lege einen eindeutigen Index auf den Kurzcode. Zwei Links mit demselben Code ist der eine Fehler, der unmöglich sein muss.

Seiten und Routen

• Die Weiterleitungsroute – /{code} sucht den Code und leitet weiter. Das ist die einzige Route, die die meisten Besucher je berühren, also muss sie schnell sein und niemals die Oberfläche deiner App zeigen.
• Link erstellen – eine URL einfügen, optional einen eigenen Slug wählen, den kurzen Link mit einer Kopieren-Schaltfläche erhalten.
• Linkliste – deine Links mit Klickzahlen, Suche und Ein-/Aus-Schaltern.
• Linkdetails – Klicks über die Zeit, häufigste Verweise, Länder, Geräte. Das Ziel bearbeiten.
• Seite „Nicht gefunden“ für unbekannte oder deaktivierte Codes.
• QR-Code für jeden Link – günstig hinzuzufügen und oft gewünscht.

Entscheidungen und Abwägungen

Art der Weiterleitung. Eine 301-Weiterleitung (dauerhaft) kann von Browsern zwischengespeichert werden, sodass wiederkehrende Besucher deinen Server überspringen: Du verlierst Klicks und kannst das Ziel für sie nicht mehr ändern. Nutze 302 oder 307, wenn du Klicks erfasst oder Bearbeitung erlaubst. Genau das tun die meisten Shortener mit Tracking.

Kurzcodes. Zufällige Codes mit sechs oder sieben Zeichen (Buchstaben und Ziffern) sind schwer zu erraten und bieten genug Platz. Vermeide verwechselbare Zeichen (0/O, 1/l), wenn Leute Links von Hand eintippen. Fortlaufende Codes verraten, wie viele Links du hast, und erlauben jedem, sie der Reihe nach durchzugehen.

Eigene Slugs. /launch ist besser als /x7Kp2q. Reserviere Wörter, die deine App verwendet (login, api, admin), sperre anstößige Slugs, wenn das Tool öffentlich ist, und entscheide, ob Slugs zwischen Groß- und Kleinschreibung unterscheiden. Keine Unterscheidung ist freundlicher.

Geschwindigkeit. Ein Shortener fügt vor jedem Besuch einen Zwischenschritt hinzu. Halte die Weiterleitungsroute bei einer einzigen indizierten Abfrage, und schreibe den Klick nach dem Senden der Weiterleitung (oder im Hintergrund), damit das Tracking den Besucher nie verlangsamt. Apps auf Hosting, das bei Inaktivität einschläft, brauchen beim ersten Besuch nach einer ruhigen Phase eventuell einen Moment länger; für ein persönliches oder Team-Tool ist das meist in Ordnung.

Klick-Analyse und Datenschutz. Das Zählen von Klicks, Verweisen und grobem Land ist Standard. Vollständige IP-Adressen zu speichern und Profile einzelner Personen aufzubauen ist der Punkt, an dem Datenschutzrecht greift. Speichere nur, was du wirklich ansiehst, und aggregiere, wo es geht. Siehe wie du Analysen zu deiner App hinzufügst.

Die Domain. Der Link ist nur so kurz wie seine Domain. Kaufe eine kurze Domain und richte sie auf die App aus; siehe wie du eine eigene Domain verbindest. Viele Hoster bevorzugen eine Subdomain (go.deinemarke.de) gegenüber einer blanken Hauptdomain, weil sie einfacher zu verbinden ist.

Missbrauch. Wenn jeder Links erstellen kann, nutzen Spammer deine Domain, um Phishing und Schadsoftware zu verstecken, und deine Domain kann auf Sperrlisten landen. Für einen öffentlichen Shortener: Konten verlangen, die Erstellung begrenzen, Ziele gegen eine Liste bösartiger URLs wie Google Safe Browsing prüfen, Links auf deinen eigenen Shortener blockieren (Weiterleitungsschleifen) und einen Admin-Schalter bauen, mit dem du jeden Link sofort deaktivierst. Ein privater Shortener nur für das Team vermeidet das meiste davon.

Ein erster Prompt, der funktioniert

Baue eine URL-Shortener-Web-App für mein Team. Angemeldete Nutzer fügen eine Ziel-URL ein und erhalten einen kurzen Link mit einem zufälligen 7-stelligen Code (ohne 0, O, 1 oder l) oder wählen einen eigenen Slug. Slugs sind eindeutig und unabhängig von Groß- und Kleinschreibung; reserviere login, api, admin, app und settings. Die öffentliche Route /{code} sucht den Code mit einer einzigen indizierten Abfrage und gibt eine 302-Weiterleitung zurück; erfasse den Klick (Zeit, Verweis, Land, Gerätetyp – keine vollständige IP-Adresse), ohne die Weiterleitung zu verzögern. Unbekannte oder deaktivierte Codes zeigen eine einfache Seite „Nicht gefunden“. Nutzer sehen eine Liste ihrer Links mit Klickzahlen, können das Ziel bearbeiten, einen Link deaktivieren, einen QR-Code herunterladen und eine Detailseite mit Klicks pro Tag, häufigsten Verweisen und Ländern öffnen. Prüfe, dass Ziele HTTP- oder HTTPS-URLs sind und keine Links auf diesen Shortener. Speichere alles in einer Datenbank.

Bauschritte

1. Erstellen und weiterleiten. Erstelle einen Link und öffne ihn in einem privaten Fenster. Prüfe, dass die Antwort eine 302 ist und keine Seite, die dann per JavaScript weiterleitet.
2. Codes und Slugs. Probiere einen doppelten Slug, ein reserviertes Wort, Groß- und Kleinschreibung gemischt und eine sehr lange URL.
3. Klick-Tracking. Klicke von ein paar Geräten aus und prüfe Zählungen und Verweise.
4. Bearbeiten und deaktivieren. Ändere ein Ziel und bestätige, dass der alte kurze Link jetzt zum neuen Ziel führt; deaktiviere einen und bestätige, dass er aufhört.
5. Validierung. Probiere javascript:-Links, Links auf den Shortener selbst und fehlerhafte URLs. Alle sollten auf dem Server abgelehnt werden.
6. Domain. Verbinde deine Kurzdomain und teste Links darauf.
7. Missbrauchsschutz, wenn das Tool öffentlich sein wird: Rate-Limits, eine Zielprüfung und eine Admin-Ansicht der letzten Links.

Häufige Fehler

• 301-Weiterleitungen mit Klick-Tracking. Browser speichern sie zwischen, und deine Zahlen stimmen nicht.
• Weiterleitung in der Seite. Die App lädt und leitet dann per JavaScript weiter, und jeder Klick fühlt sich langsam an. Leite auf dem Server weiter.
• Kein eindeutiger Index auf Codes. Kollisionen treten irgendwann auf.
• Ein offener öffentlicher Shortener ohne Kontrollen. Er wird missbraucht, und der Ruf deiner Domain ist dahin.
• Jedes URL-Schema akzeptieren. Erlaube nur HTTP- und HTTPS-Ziele.
• Links verlieren, wenn du umziehst. Besitze die Kurzdomain selbst, damit die Links einen Hosting-Wechsel überleben.

Wann ein fertiges Produkt die bessere Wahl ist

Etablierte Dienste zur Linkverwaltung bieten markenbezogene Domains, ausführliche Analysen, Teamfunktionen, QR-Codes, Integrationen und Missbrauchsbehandlung von Haus aus. Wenn Links zentral für dein Marketing sind und du keine Wartung willst, bezahle einen.

Baue selbst, wenn du einen einfachen Team-Shortener auf deiner eigenen Domain ohne Preise pro Platz willst, Links, die in dein eigenes Produkt eingebunden sind (Teilen-Links, Empfehlungslinks, getrackte Links in E-Mails), oder volle Kontrolle über die Klickdaten. Es ist außerdem ein gutes erstes Backend-Projekt. Kombiniere es mit einer Link-in-Bio-Seite und arbeite die Sicherheitscheckliste für KI-gebaute Apps durch, bevor du die App für andere öffnest.

Mit Mythex bauen

In Mythex beschreibst du den Shortener im Chat und testest Weiterleitungen in der Live-Vorschau. Mythex fügt eine eigene Datenbank für Links und Klicks hinzu, wenn die App sie braucht. Veröffentlichte Apps und ihre Datenbanken schlafen bei Inaktivität ein und wachen beim nächsten Besuch auf, was einen ruhigen Shortener günstig im Betrieb hält. Veröffentliche unter einem mythex.ai-Link; im Pro-Tarif verbindest du deine eigene Kurzdomain oder kaufst eine direkt in Mythex, siehe eigene Domains. Die Vorlage für einen URL-Shortener ist ein fertig formulierter Startprompt mit eigenen Slugs und Klick-Analyse.

Fragen