API Tester ist ein integrierter HTTP-Client für REST-, GraphQL- und WebSocket-Aufrufe, der im Kontext der Seite ausgeführt wird, auf der Sie sich bereits befinden – Ihre Cookies, Sitzung und Herkunft gelten also automatisch, ohne dass Token in eine separate App kopiert werden müssen.
Das Testen einer API bedeutet normalerweise, den Browser zu verlassen. Sie öffnen Postman oder Insomnia und verbringen dann fünf Minuten damit, etwas neu zu erstellen, was der Browser bereits hat: das Sitzungscookie, das Bearer-Token, den richtigen Ursprung, den CSRF-Header. Wenn die Anfrage fertig ist, testen Sie einen anderen Kontext als den, in dem Ihr Fehler lebt.
API Tester entfernt diesen Schritt. Es sendet die Anfrage von der Seite aus, die Sie gerade betrachten, also von der Seite selbst, d. Ein GET gegen Ihren eigenen Admin-Endpunkt funktioniert sofort, da das Cookie damit übertragen wird. Es gibt nichts zu konfigurieren und nichts zu synchronisieren.
Auf der Registerkarte „REST“ erhalten Sie eine Methode, eine URL, die absolut oder relativ sein kann, Header, die einzeln pro Zeile geschrieben werden, und einen Text. Die Antwort kommt mit ihrem Status, wie lange es gedauert hat, wie groß sie war, hübsch gedrucktem JSON und den vollständigen Antwortheadern. Die Registerkarte „GraphQL“ nimmt einen Endpunkt, eine Abfrage und Variablen, erstellt die Anfrage für Sie und teilt Ihnen mit, wenn die Antwort GraphQL-Fehler enthält, obwohl der HTTP-Status 200 war. Die Registerkarte „WebSocket“ öffnet eine echte Verbindung, sendet von Ihnen eingegebene Frames und protokolliert alles in beide Richtungen mit Zeitstempeln.
Wenn die eigene Inhaltssicherheitsrichtlinie einer Seite oder eine CORS-Regel den Aufruf blockiert, sendet ein Switch stattdessen erneut die identische Anfrage von der Erweiterung, die keinem von beiden unterliegt. Auf diese Weise können Sie ein Serverproblem schnell von einem Browserrichtlinienproblem unterscheiden – dieselbe Anfrage, zwei Kontexte, zwei Antworten. Ihre letzten 25 Anfragen werden gespeichert, sodass Sie mit nur einem Klick zu etwas zurückkehren können, das Sie gestern ausprobiert haben.
Wählen Sie eine beliebige Methode, geben Sie eine absolute oder relative URL ein und schreiben Sie einen Header pro Zeile als Name: Wert. Relative URLs werden anhand der Seite aufgelöst, auf der Sie sich befinden, sodass /api/users einfach funktioniert.
Anfragen verlassen den eigenen Kontext der Seite und tragen deren Cookies, Herkunft und Sitzung. Authentifizierte Endpunkte reagieren genauso wie bei der App, ohne dass Token kopiert werden müssen.
Geben Sie einen Endpunkt, eine Abfrage und JSON-Variablen ein. Der richtige POST-Körper wird für Sie erstellt. GraphQL-Fehler, die innerhalb einer 200-Antwort zurückgegeben werden, werden gezählt und gekennzeichnet, anstatt ausgeblendet zu werden.
Öffnen Sie eine ws://- oder wss://-Verbindung, senden Sie Frames und beobachten Sie jeden Frame in beide Richtungen mit Zeitstempel, Größe und Verbindungsstatus – nicht nur eine schreibgeschützte Erfassung.
Status, Timing und Übertragungsgröße im Vordergrund, mit Pretty-, Raw- und Header-Ansichten. JSON wird automatisch formatiert und alles kann mit einem Klick kopiert werden.
Wenn der CSP der Seite oder eine CORS-Regel einen Aufruf blockiert, schalten Sie „Ausführen von“ auf „Erweiterung“ um und senden Sie die identische Anfrage von außerhalb der Seite – eine sofortige Möglichkeit, Serverfehler von der Browserrichtlinie zu trennen.
Erreichen Sie einen Endpunkt, der eine authentifizierte Sitzung benötigt, ohne ein Cookie zu exportieren oder ein Token zu generieren – Sie sind bereits auf dieser Registerkarte angemeldet und die Anfrage wird als Sie gesendet.
Senden Sie genau die fehlgeschlagene Anfrage, überprüfen Sie die Antwortheader und senden Sie sie dann erneut mit einem um ein Zeichen geänderten Autorisierungsheader, um genau zu sehen, wogegen der Server Einwände erhebt.
Führen Sie eine Abfrage mit echten Variablen für den Live-Endpunkt aus und lesen Sie das formatierte Ergebnis, bevor Sie den Frontend-Code schreiben, der es nutzt.
Stellen Sie eine Verbindung zu einem Socket her, senden Sie einen Abonnement-Frame und beobachten Sie, was der Server in Echtzeit zurückschickt, während Sie das Nachrichtenformat überprüfen.
Erfassen Sie die fehlgeschlagene Anfrage und Antwort, kopieren Sie sie und fügen Sie ein vollständiges Bild in die Ausgabe ein, sodass derjenige, der sie aufnimmt, nicht raten muss.
Klicken Sie im DevSuite Pro-Dock auf das API-Tester-Symbol. Es öffnet sich ein Panel mit Registerkarten für REST, GraphQL, WebSocket und Verlauf, die bereits mit dem Ursprung der aktuellen Site gefüllt sind.
Wählen Sie eine Methode und geben Sie die URL ein – vollständig oder relativ wie /api/orders. Fügen Sie einen Header pro Zeile hinzu (Content-Type: application/json) und fügen Sie einen Textkörper ein, wenn die Methode einen benötigt.
Drücken Sie „Senden“ oder Strg+Eingabetaste (Befehlstaste+Eingabetaste auf dem Mac). Die Anfrage geht von der Seite aus, sodass Sie als derjenige angemeldet bleiben, der Sie auf dieser Registerkarte sind.
Die Statuspille, der Zeitpunkt und die Größe werden sofort angezeigt. Wechseln Sie zwischen Pretty, Raw und Headers und kopieren Sie alles. Wenn der CSP der Seite den Anruf blockiert hat, schalten Sie „Ausführen von“ auf „Erweiterung“ um und senden Sie erneut.
Jede Anfrage wird mit ihrem Status im Verlauf gespeichert. Klicken Sie auf einen beliebigen Eintrag, um die Methode, die URL, die Header und den Text direkt wieder in das Formular zu laden.
Installieren Sie DevSuite Pro kostenlos und schalten Sie 71+ Entwickler-Tools für Ihren Browser frei.
