URL-Struktur

Wir verstehen:

• Die Bedeutung des Routings;
• Den Zweck der React Router-Bibliothek.

Nun wollen wir uns mit der Struktur von URLs befassen. Aus welchen Komponenten besteht sie und wie können wir sie genau konstruieren?

URLs, oder Uniform Resource Locators, sind grundlegende Elemente der Webarchitektur.

Die Anatomie einer URL

Eine URL besteht aus mehreren Schlüsselkomponenten, die jeweils einem einzigartigen Zweck dienen:

1. Scheme: Das Schema bestimmt das Protokoll, das zum Zugriff auf die Ressource verwendet wird, typischerweise http oder https. Es teilt dem Browser mit, wie er sich mit dem Server verbinden soll. Zum Beispiel bedeutet https:// eine sichere HTTPS-Protokollverbindung;
2. Domain: Dies ist die Webadresse, wie www.example.com. Die Domain gibt den Webserver oder Dienst an, auf dem die Ressource gehostet wird. Eine gut gewählte Domain ist sowohl einprägsam als auch relevant für den Inhalt Ihrer Website;
3. Path: Der Pfad identifiziert den Speicherort der Ressource auf dem Server, wie /products/category. Es ist eine hierarchische Zeichenfolge, die durch Schrägstriche (/) getrennt ist;
4. Query Parameters: Dies sind Schlüssel-Wert-Paare, die oft nach einem ? in der URL zu finden sind und dem Server zusätzliche Informationen liefern. Abfrageparameter ermöglichen die dynamische Inhaltserzeugung und Datenabfrage. Zum Beispiel, in der URL www.example.com/search?q=react, ist q der Parameter und react der Wert;
5. Fragment: Das Fragment, dem ein # vorangestellt ist, gibt einen bestimmten Abschnitt innerhalb einer Webseite an. Während es die Serveranfragen nicht direkt beeinflusst, kann es für die Navigation innerhalb der Seite verwendet werden. Zum Beispiel, in www.example.com/page#section-2, verweist #section-2 auf einen bestimmten Abschnitt auf der Seite.