Der Workflow der Webentwicklung \u00e4ndert sich heutzutage rasant. Die Benutzer erstellen bevorzugt Websites mit JavaScript-Frameworks\/Bibliotheken wie React, Vue, Angular. Das Erstellen einer Website auf diesen Technologien ist zwar im Trend, erfordert jedoch auch den Aufruf von Rest-APIs, um Ihre Anwendungen dynamisch zu machen.<\/p>\n
Ihre Frontend-Anwendung sendet die HTTP-Anfrage an den Backend-Server und holt oder verarbeitet die Daten. An Ihren Backend-Server m\u00fcssen Sie m\u00f6glicherweise verschiedene HTTP-Anfragen wie GET, POST, PUT, DELETE senden. Und basierend auf diesen HTTP-Anfragen und -Antworten funktioniert Ihre Anwendung f\u00fcr den Endbenutzer.<\/p>\n
Da Sie API-Endpunkte erstellen m\u00fcssen, ist es offensichtlich, dass Sie die HTTP-Anfragen testen m\u00fcssen. Es stehen mehrere Tools zur Verf\u00fcgung, mit denen wir HTTP-Anfragen und -Antworten testen k\u00f6nnen. Die gute Nachricht ist, dass Sie, wenn Sie Visual Studio Code verwenden, kein anderes Tool oder keine andere Software verwenden oder installieren m\u00fcssen. Sie k\u00f6nnen Ihre API-Aufrufe in Ihrem Code-Editor selbst testen. In diesem Artikel zeigen wir Ihnen, wie Sie die Rest Client-Erweiterung in Visual Studio Code verwenden.<\/p>\n
Der Zweck dieses Artikels besteht darin, Ihnen zu zeigen, wie der Benutzer HTTP-Anforderungen und -Antworten innerhalb des Visual Studio-Codes testen kann. Zuerst m\u00fcssen Sie also die Erweiterung namens "Rest Client" installieren.<\/p>\n
Klicken Sie auf das Symbol \u201eErweiterungen“ und geben Sie im Suchfeld \u201eRest Client“ ein. W\u00e4hlen Sie aus dem Suchergebnis das von \u201eHuacho Mao“ entwickelte Paket aus und installieren Sie es.<\/p>\n
In diesem Abschnitt sehen wir, wie Sie eine tats\u00e4chliche HTTP-Anfrage senden und die Antwort sehen. Wenn Sie Ihre API-Endpunkte bereit haben, k\u00f6nnen Sie sich direkt darauf bewerben. In unserem Fall nehmen wir zu Testzwecken Endpunkte aus REQ | RES<\/a>.<\/p>\n Erstellen Sie eine Datei mit der Erweiterung \u201e.http“ wie \u201eapi.http“. Sie k\u00f6nnen diese Datei \u00fcberall speichern. Dies ist nur eine Datei, in der Sie alle Ihre HTTP-Anfragen zur sp\u00e4teren Verwendung speichern k\u00f6nnen.<\/p>\n Um eine GET-Anfrage zu senden, ist unser Endpunkt https:\/\/reqres.in\/api\/users?page=2<\/a>. Also werden Wenn Sie nun im Editor einchecken, sehen Sie die Zeile \u201eSend Request“ vor unserer Aussage. Klicken Sie auf "Anfrage senden", es trifft auf einen API-Endpunkt und gibt Ihnen im n\u00e4chsten Fenster eine HTTP-Antwort. Siehe den Screenshot unten.<\/p>\napi.http<\/code>wir es wie folgt schreiben.<\/p>\nGET https:\/\/reqres.in\/api\/users?page=2\n<\/code><\/pre>\n