Heim Web-Frontend js-Tutorial REST-APIs verstehen – Ein Leitfaden für Ungeduldige

REST-APIs verstehen – Ein Leitfaden für Ungeduldige

Nov 11, 2024 am 01:17 AM

Crosspost meines Artikels hier

REST (Representational State Transfer) APIs sind das Rückgrat der modernen Webentwicklung. In diesem Artikel erfahren Sie, wie Sie moderne REST-APIs erstellen und verwenden, welche Entwurfsentscheidungen dabei zu berücksichtigen sind und welche Theorie die Grundlage von REST bildet.

Praktischer Leitfaden

Dieser Abschnitt befasst sich mit der Verwendung von REST-APIs mit HTTP und deckt Endpunkte, Methoden, Anforderungen und Antworten ab. Sie finden alles, was Sie brauchen, um API-Aufrufe durchzuführen und REST in Ihren Projekten anzuwenden.

So strukturieren Sie Ihre URIs

Im Allgemeinen gibt es zwei Möglichkeiten, einen URI zu behandeln:

  1. Als Aktion
  2. Als Ressource

Berücksichtigen Sie die beiden folgenden URIs:

  1. https://example.com/getUserData?id=1 (Aktion)
  2. https://example.com/users/1 (Ressource)

Beide Beispiele zeigen uns das Abrufen von Benutzerdaten eines Benutzers mit der ID 1. Der Unterschied besteht darin, dass im ersten Beispiel die Route /getUserData eine Aktion ausführt, während im zweiten Beispiel die Route /users/1 der Standort von ist Wenn es sich um ein Asset handelt, gibt es nicht an, welche Aktion ausgeführt wird. Wir könnten sagen, dass diese Art von URI als Substantiv fungiert (da es sich um eine Sache und nicht um eine Aktion, also ein Verb) handelt.

Das REST-Muster schreibt vor, dass wir ausschließlich URIs wie im zweiten Beispiel verwenden. Wir möchten, dass unsere URIs Substantive sind, damit wir HTTP-Methoden als Verben verwenden können, um Aktionen für diese Substantive auszuführen. Beispielsweise können wir die HTTP-Methode GET verwenden, um Informationen über /users/1 abzurufen, aber wir könnten PUT verwenden, um die Informationen des entsprechenden Benutzers zu aktualisieren, oder DELETE, um den Benutzer vollständig zu löschen.

Das Letzte, was Sie bei URIs beachten sollten, ist, dass, wie im obigen Beispiel, beim Verweisen auf eine einzelne Ressource (z. B. in diesem Fall ein einzelner Benutzer) der URI mit der eindeutigen Kennung für diese Ressource enden sollte. Beim Verweisen auf alle Ressourcen in einer bestimmten Kategorie sollte die eindeutige Kennung weggelassen werden.

  1. https://example.com/users/1 – Verweist auf einen bestimmten Benutzer mit der ID 1
  2. https://example.com/users – Verweist auf alle Benutzer, unabhängig von der ID

Welche Maßnahmen zu unterstützen sind

Es gibt 4 Hauptaktionen, die in REST unterstützt werden müssen. Wir verwenden das Akronym CRUD, um sie zu merken: Create, Read, U pdate, Delete. Jede dieser Aktionen ist einer HTTP-Methode zugeordnet, die wir zum Ausführen dieser Aktion verwenden können. Die Zuordnung ist wie folgt:

Action HTTP Method
Create POST
Read GET
Update PUT / PATCH
Delete DELETE

Alle zu unterstützenden Aktions-URI-Kombinationen

Jede REST-API umfasst eigentlich nur (mindestens) 5-6 Routen. In unserem Beispiel ist der Basisendpunkt /users und wir geben vor, ihn auf https://example.com zu hosten.

  • ERHALTEN Sie https://example.com/users
    • Aktion: Alle Benutzer-Assets zurückgeben (jedes Asset ist ein Benutzer)
    • Anfragetext: Leer
    • Antworttext: Liste der Benutzerressourcen (als JSON-Array)
  • GET https://example.com/users/[id] ([id] ist eine Variable)
    • Aktion: Gibt nur das einzelne angeforderte Benutzer-Asset zurück
    • Anfragetext: Leer
    • Antworttext: Nur das Benutzer-Asset mit der passenden ID (als JSON)
  • POST https://example.com/users
    • Aktion: Fügt der Sammlung ein Benutzer-Asset hinzu
    • Anfragetext: Alle Daten, die zum Erstellen des neuen Benutzer-Assets benötigt werden (kein spezifisches Format erforderlich, JSON empfohlen)
    • Antworttext: Das neu erstellte Asset, dem eine eindeutige ID (als JSON) eingefügt wurde
  • PUT https://example.com/users/[id] ([id] ist eine Variable)
    • Aktion: Ersetzt nur die Daten eines vorhandenen Benutzers vollständig durch die angegebenen Daten
    • Anfragetext: Alle Daten, die zum Ersetzen der Daten eines vorhandenen Benutzers erforderlich sind, unabhängig davon, ob sie sich geändert haben oder nicht (abzüglich der ID – kein spezifisches Format erforderlich, JSON empfohlen)
    • Antworttext: Das neu aktualisierte Asset mit der passenden ID (als JSON)
  • (Optional) PATCH https://example.com/users/[id] ([id] ist eine Variable)
    • Aktion: Ersetzt teilweise nur die Daten eines vorhandenen Benutzers durch die angegebenen Daten
    • Anfragetext: Nur die Daten, die aktualisiert werden müssen (abzüglich der ID – kein spezifisches Format erforderlich, JSON empfohlen)
    • Antworttext: Das neu aktualisierte Asset mit der passenden ID (als JSON)
  • DELETE https://example.com/users/[id] ([id] ist eine Variable)
    • Aktion: Löscht nur einen Datensatz aus der Benutzertabelle
    • Anforderungstext: Keine
    • Antworttext: Keine (nur HTTP-Antwortcode) ODER Die Daten des gerade gelöschten Assets mit passender ID (als JSON)

Designüberlegungen

Abgesehen davon, was einen Endpunkt definiert, ob er das REST-Muster verwendet oder nicht, gibt es viele Dinge zu berücksichtigen, bevor Sie mit der Erstellung eines Endpunkts beginnen. Besteht die Möglichkeit, dass Sie Ihren Endpunkt in Zukunft aktualisieren möchten? Soll Ihre Ausgabe den Benutzern hilfreiche Hinweise geben? Ist REST überhaupt das richtige Muster für Ihre Situation? Lassen Sie uns einige dieser Fragen beantworten.

Versionierung Ihres Endpunkts

Es könnte eine gute Idee sein, gleich zu Beginn über die Versionierung Ihrer API nachzudenken, damit Änderungen in Zukunft einfacher vorgenommen werden können. Es gibt verschiedene Methoden, um zu bestimmen, welche API-Version Ihre Benutzer verwenden möchten:

  • URI-Versionierung
    • Die Versionsnummern werden in einen URL-Pfad integriert, normalerweise an der Basis
    • Beispiele:
    • https://example.com/v1/users/1
    • https://example.com/v2/users/1
  • Abfrageparameter
    • Die Versionsnummer wird als Abfrageparameter im API-Endpunkt angehängt
    • Beispiele:
    • https://example.com/users/1?apiVersion=1
    • https://example.com/users/1?apiVersion=2
  • Headerbasiert
    • Die Versionsnummer ist ein spezifisches und eindeutiges Header-Feld
    • Beispiele (Anforderungsheader):
    • x-api-version: 1
    • x-api-version: 2
  • Inhaltsverhandlung
    • Die Version wird basierend auf dem Darstellungszustand oder dem Medientyp bestimmt.
    • Im folgenden Beispiel würde der Servercode wissen, dass „firstName“ für die erste Version gilt und dass er in der nächsten Version in „giveName“ geändert wurde.
    • Beispiele (Anfragetext):
    • { Vorname: 'Henry' }
    • { gegebener Name: 'Henry' }

Verspottung einer Quick-REST-API

Manchmal ist es am besten, mit ihnen herumzuspielen, um zu lernen, wie sie funktionieren. Eine meiner Lieblingsbibliotheken zum Demon von REST ist json-server. Die Einrichtung ist ziemlich einfach – es sind nur ein paar Schritte erforderlich.

JSON-Server installieren

npm install json-server
Nach dem Login kopieren

Erstellen Sie einen einfachen Datenspeicher

{
  "users": [
    { "id": "1", "username": "gorwell", "email": "gorwell@gmail.com" },
    { "id": "2", "username": "cdickens", "email": "cdickens@gmail.com" },
    { "id": "3", "username": "jausten", "email": "jausten@gmail.com" },
    { "id": "4", "username": "vwoolf", "email": "vwoolf@gmail.com" },
    { "id": "5", "username": "sking", "email": "sking@gmail.com" }
  ]
}
Nach dem Login kopieren

Starten Sie den Server

npx json-server db.json
Nach dem Login kopieren

Stellen Sie eine HTTP-Anfrage an Ihren lokalen Server

curl -X GET http://localhost:3000/users/1
Nach dem Login kopieren

Ein einfaches CRUD-Datenraster

Ein voll funktionsfähiger REST-Endpunkt kann mit ZingGrid problemlos an ein Datengrid angeschlossen werden. Richten Sie einfach den Basis-REST-URI auf das src-Attribut des Elements wie unten

<zing-grid
  src="http://localhost:3000/users"
  editor-controls
></zing-grid>
Nach dem Login kopieren

Understanding REST APIs - A Guide for the Impatient

Letzte Gedanken

REST-APIs gibt es im Web in vielen Formen und Größen, jede davon ist auf spezifische Anforderungen zugeschnitten. Indem Sie URIs sorgfältig strukturieren, die richtigen Aktionen auswählen und die Versionierung im Hinterkopf behalten, können Sie eine unkomplizierte, flexible API erstellen, mit der Entwickler gerne arbeiten werden. Mit diesen grundlegenden Schritten kann sich selbst ein schneller Prototyp zu einer robusten, zuverlässigen API entwickeln, die den Test der Zeit besteht.

Das obige ist der detaillierte Inhalt vonREST-APIs verstehen – Ein Leitfaden für Ungeduldige. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Was soll ich tun, wenn ich auf den Codendruck auf Kleidungsstücke für Front-End-Thermalpapier-Quittungen stoße? Was soll ich tun, wenn ich auf den Codendruck auf Kleidungsstücke für Front-End-Thermalpapier-Quittungen stoße? Apr 04, 2025 pm 02:42 PM

Häufig gestellte Fragen und Lösungen für das Ticket-Ticket-Ticket-Ticket in Front-End im Front-End-Entwicklungsdruck ist der Ticketdruck eine häufige Voraussetzung. Viele Entwickler implementieren jedoch ...

Entmystifizieren JavaScript: Was es tut und warum es wichtig ist Entmystifizieren JavaScript: Was es tut und warum es wichtig ist Apr 09, 2025 am 12:07 AM

JavaScript ist der Eckpfeiler der modernen Webentwicklung. Zu den Hauptfunktionen gehören eine ereignisorientierte Programmierung, die Erzeugung der dynamischen Inhalte und die asynchrone Programmierung. 1) Ereignisgesteuerte Programmierung ermöglicht es Webseiten, sich dynamisch entsprechend den Benutzeroperationen zu ändern. 2) Die dynamische Inhaltsgenerierung ermöglicht die Anpassung der Seiteninhalte gemäß den Bedingungen. 3) Asynchrone Programmierung stellt sicher, dass die Benutzeroberfläche nicht blockiert ist. JavaScript wird häufig in der Webinteraktion, der einseitigen Anwendung und der serverseitigen Entwicklung verwendet, wodurch die Flexibilität der Benutzererfahrung und die plattformübergreifende Entwicklung erheblich verbessert wird.

Wer bekommt mehr Python oder JavaScript bezahlt? Wer bekommt mehr Python oder JavaScript bezahlt? Apr 04, 2025 am 12:09 AM

Es gibt kein absolutes Gehalt für Python- und JavaScript -Entwickler, je nach Fähigkeiten und Branchenbedürfnissen. 1. Python kann mehr in Datenwissenschaft und maschinellem Lernen bezahlt werden. 2. JavaScript hat eine große Nachfrage in der Entwicklung von Front-End- und Full-Stack-Entwicklung, und sein Gehalt ist auch beträchtlich. 3. Einflussfaktoren umfassen Erfahrung, geografische Standort, Unternehmensgröße und spezifische Fähigkeiten.

Ist JavaScript schwer zu lernen? Ist JavaScript schwer zu lernen? Apr 03, 2025 am 12:20 AM

JavaScript zu lernen ist nicht schwierig, aber es ist schwierig. 1) Verstehen Sie grundlegende Konzepte wie Variablen, Datentypen, Funktionen usw. 2) Beherrschen Sie die asynchrone Programmierung und implementieren Sie sie durch Ereignisschleifen. 3) Verwenden Sie DOM -Operationen und versprechen Sie, asynchrone Anfragen zu bearbeiten. 4) Vermeiden Sie häufige Fehler und verwenden Sie Debugging -Techniken. 5) Die Leistung optimieren und Best Practices befolgen.

Wie fusioniere ich Arrayelemente mit derselben ID mit JavaScript in ein Objekt? Wie fusioniere ich Arrayelemente mit derselben ID mit JavaScript in ein Objekt? Apr 04, 2025 pm 05:09 PM

Wie fusioniere ich Array -Elemente mit derselben ID in ein Objekt in JavaScript? Bei der Verarbeitung von Daten begegnen wir häufig die Notwendigkeit, dieselbe ID zu haben ...

Wie kann man Parallax -Scrolling- und Element -Animationseffekte wie die offizielle Website von Shiseido erzielen?
oder:
Wie können wir den Animationseffekt erzielen, der von der Seite mit der Seite mit der offiziellen Website von Shiseido begleitet wird? Wie kann man Parallax -Scrolling- und Element -Animationseffekte wie die offizielle Website von Shiseido erzielen? oder: Wie können wir den Animationseffekt erzielen, der von der Seite mit der Seite mit der offiziellen Website von Shiseido begleitet wird? Apr 04, 2025 pm 05:36 PM

Diskussion über die Realisierung von Parallaxe -Scrolling- und Elementanimationseffekten in diesem Artikel wird untersuchen, wie die offizielle Website der Shiseeido -Website (https://www.shiseeido.co.jp/sb/wonderland/) ähnlich ist ...

Die Entwicklung von JavaScript: Aktuelle Trends und Zukunftsaussichten Die Entwicklung von JavaScript: Aktuelle Trends und Zukunftsaussichten Apr 10, 2025 am 09:33 AM

Zu den neuesten Trends im JavaScript gehören der Aufstieg von Typenkripten, die Popularität moderner Frameworks und Bibliotheken und die Anwendung der WebAssembly. Zukunftsaussichten umfassen leistungsfähigere Typsysteme, die Entwicklung des serverseitigen JavaScript, die Erweiterung der künstlichen Intelligenz und des maschinellen Lernens sowie das Potenzial von IoT und Edge Computing.

Der Unterschied in der Konsole.log -Ausgabeergebnis: Warum unterscheiden sich die beiden Anrufe? Der Unterschied in der Konsole.log -Ausgabeergebnis: Warum unterscheiden sich die beiden Anrufe? Apr 04, 2025 pm 05:12 PM

Eingehende Diskussion der Ursachen des Unterschieds in der Konsole.log-Ausgabe. In diesem Artikel wird die Unterschiede in den Ausgabeergebnissen der Konsolenfunktion in einem Code analysiert und die Gründe dafür erläutert. � ...

See all articles