URL-Builder
Erstellen Sie eine vollständige URL aus ihren einzelnen Komponenten. Wählen Sie das Protokoll, geben Sie den Hostnamen ein, fügen Sie Port, Pfad, Query-Parameter und ein Fragment hinzu - die URL wird in Echtzeit aufgebaut. Perfekt für API-Endpunkte, UTM-Kampagnenlinks und zum Erlernen des URL-Aufbaus. Völlig kostenlos, ohne Anmeldung.
Build a URL from its individual components. Set the protocol, hostname, port, path, query parameters, and fragment - the URL is constructed in real-time.
No query parameters. Click "Add parameter" to add query string parameters.
URL Breakdown:
Length: 20 characters
Warum unseren URL-Builder verwenden?
- URLs aus Komponenten aufbauen: Erstellen Sie vollständige URLs, indem Sie jede Komponente einzeln festlegen - Protokoll, Hostname, Port, Pfad, Query-Parameter und Fragment. Der URL-Builder aktualisiert das Ergebnis in Echtzeit während der Eingabe, sodass Sie einfach verschiedene Konfigurationen ausprobieren können.
- Dynamische Verwaltung von Query-Parametern: Query-Parameter lassen sich mühelos hinzufügen, bearbeiten und entfernen. Jeder Parameter wird automatisch URL-kodiert und die vollständige Query-Zeichenkette wird für Sie erstellt. Fügen Sie beliebig viele Schlüssel-Wert-Paare hinzu - ideal für Aufbau und Tests von API-Endpunkten.
- URL-Kopieren mit einem Klick: Kopieren Sie die generierte URL mit einem einzigen Klick. Die vollständige URL wird in einem auswählbaren Format mit Kopierbutton angezeigt, sodass Sie sie leicht in Browser, API-Clients, cURL-Befehle oder Ihren Anwendungscode einfügen können.
- Private Verarbeitung im Browser: Der gesamte URL-Aufbau erfolgt lokal in Ihrem Browser. Keine URLs, Hostnamen oder Query-Parameter werden an einen Server gesendet. Ihre Daten bleiben vollständig privat und sicher.
Typische Anwendungsfälle des URL-Builders
- Aufbau von REST-API-Endpunkten: Erstellen Sie vollständige REST-API-URLs mit Pfadparametern und Query-Zeichenketten. Mit dem URL-Builder können Sie API-Endpunkte durch Zusammensetzen der einzelnen Komponenten aufbauen und sicherstellen, dass die URL korrekt formatiert und Sonderzeichen richtig kodiert sind.
- Webentwicklung und Tests: Nutzen Sie den URL-Builder während der Entwicklung von Webanwendungen, um URLs vor dem Deployment aufzubauen und zu testen. Erstellen Sie URLs mit verschiedenen Query-Parameter-Kombinationen, um zu prüfen, ob Ihre Anwendung die unterschiedlichen Eingaben korrekt verarbeitet.
- URL-Debugging und -Analyse: Zerlegen Sie komplexe URLs, indem Sie ihre Komponenten in den URL-Builder eingeben, um ihren Aufbau zu verstehen. Nützlich zum Debuggen fehlerhafter URLs, zum Verstehen von Weiterleitungszielen oder zum Prüfen der URL-Kodierung.
- Kampagnen-URLs erstellen: Erstellen Sie UTM-getaggte Kampagnen-URLs, indem Sie utm_source, utm_medium, utm_campaign und weitere Tracking-Parameter als Query-Komponenten hinzufügen. Der URL-Builder übernimmt die Kodierung, damit Ihre Kampagnen-URLs stets korrekt formatiert sind.
- Generierung von API-Dokumentation: Erzeugen Sie Beispiel-URLs für die API-Dokumentation, indem Sie Protokoll, Hostname, Pfad und Query-Parameter zusammenstellen. Der URL-Builder erzeugt saubere, korrekt formatierte URLs, die direkt in Dokumentationen oder Tutorials übernommen werden können.
- URL-Aufbau lernen: Lernen Sie den Aufbau von URLs, indem Sie sie Komponente für Komponente erstellen. Der URL-Builder trennt jeden Teil der URL visuell - Protokoll, Hostname, Port, Pfad, Query-Zeichenkette und Fragment - und macht die Anatomie einer URL leicht verständlich.
Was ist eine URL?
Eine URL (Uniform Resource Locator) ist die Adresse, mit der Ressourcen im Internet aufgerufen werden. Sie besteht aus mehreren Komponenten: dem Protokoll (oder Schema), das die Kommunikationsart festlegt (https, http, ftp), dem Hostnamen, der den Server identifiziert, einer optionalen Portnummer, dem Pfad zur konkreten Ressource, einer optionalen Query-Zeichenkette mit Schlüssel-Wert-Parametern und einem optionalen Fragment (Hash), das auf einen bestimmten Abschnitt verweist.
So funktioniert unser URL-Builder
Der URL-Builder nimmt jede Komponente einer URL und setzt sie zu einer korrekt formatierten URL-Zeichenkette zusammen. Protokoll, Hostname und Port bilden den Origin. Pfad, Query-Parameter und Fragment werden mit den richtigen Trennzeichen ( / , ? , # ) angehängt. Schlüssel und Werte der Query-Parameter werden automatisch mit encodeURIComponent() URL-kodiert. Die URL wird sofort neu aufgebaut, wenn Sie eine Komponente ändern - mit Live-Fehlervalidierung.
URL-Komponenten erklärt
Protokoll : legt fest, wie der Browser mit dem Server kommuniziert. Häufige Protokolle sind https (sicheres Web), http (Web), ftp (Dateiübertragung) und ws/wss (WebSocket). Hostname : der Domainname oder die IP-Adresse des Servers. Port : eine Zahl von 0 bis 65535, die einen bestimmten Dienst auf dem Server identifiziert (Standard: 80 für http, 443 für https). Pfad : der Speicherort der Ressource auf dem Server. Query-Parameter : Schlüssel-Wert-Paare, die zum Filtern, Suchen oder Tracking an den Server gesendet werden. Fragment : ein clientseitiger Verweis auf einen Abschnitt innerhalb der Seite.
Datenschutz, Sicherheit und Verfügbarkeit
Ihre Privatsphäre hat Priorität. Der URL-Builder verarbeitet alle URL-Komponenten vollständig in Ihrem Browser mit clientseitigem JavaScript. Keine URLs, Hostnamen oder Query-Parameter werden jemals an unsere Server gesendet oder irgendwo gespeichert. Der gesamte URL-Aufbau erfolgt sofort und ohne Netzwerkanfragen. Das Tool ist völlig kostenlos, ohne Anmeldung, ohne API-Schlüssel und ohne jegliche Nutzungslimits.
Häufig gestellte Fragen
Eine URL (Uniform Resource Locator) ist die Adresse, mit der Ressourcen im Internet aufgerufen werden. Sie besteht aus einem Protokoll (https://), einem Hostnamen (example.com), einem optionalen Port (:8080), einem Pfad (/page), einer optionalen Query-Zeichenkette (?key=value) und einem optionalen Fragment (#section). Mit dem URL-Builder können Sie jede Komponente separat zusammenstellen.
Ein URL-Builder hilft Ihnen, korrekt formatierte URLs zu erstellen, ohne sich um Kodierung, Trennzeichen und Syntax kümmern zu müssen. Er ist besonders nützlich für den Aufbau von API-Endpunkten mit Query-Parametern, die Erstellung von UTM-Kampagnen-URLs, das Debuggen fehlerhafter URLs und das Verständnis des URL-Aufbaus.
Ja. Schlüssel und Werte der Query-Parameter werden automatisch mit der JavaScript-Funktion encodeURIComponent() kodiert. Dadurch werden Sonderzeichen wie Leerzeichen, Ampersand und Fragezeichen in Werten korrekt maskiert und brechen die URL-Struktur nicht auf.
Der URL-Builder unterstützt die gängigsten Protokolle: https, http, ftp, sftp, ws (WebSocket) und wss (sicheres WebSocket). Wählen Sie im Dropdown ein beliebiges Protokoll, um URLs für verschiedene Arten von Internetressourcen zu erstellen.
Ja. Query-Parameter sind optional. Lassen Sie den Bereich für Query-Parameter einfach leer, und der URL-Builder erstellt eine saubere URL ohne Query-Zeichenkette. Fügen Sie Parameter nur hinzu, wenn Sie sie für API-Aufrufe, Tracking oder Filterung benötigen.
Ja, der URL-Builder ist völlig kostenlos. Es gibt keine Nutzungslimits, keine Anmeldung und keine API-Schlüssel. Der gesamte URL-Aufbau erfolgt lokal in Ihrem Browser, ohne dass Daten an einen Server gesendet werden.
Das Fragment, auch Hash genannt, ist der Teil einer URL, der nach dem Symbol # erscheint. Es verweist auf einen bestimmten Abschnitt innerhalb einer Webseite. Anders als Query-Parameter wird das Fragment clientseitig vom Browser verarbeitet und beim Abrufen der Seite nicht an den Server gesendet.
Ja. Der URL-Builder unterstützt localhost und IP-Adressen als Hostnamen. Sie können URLs wie http://localhost:3000/api/users oder http://127.0.0.1:8080/path für lokale Entwicklung und Tests erstellen.