Jede Front muss Endpunktanfragen verspotten, manchmal, weil die Rückseite ihre Arbeit noch nicht beendet hat, manchmal, um bestimmte Situationen zu debuggen und zu simulieren, und das kommt im Alltag sehr häufig vor.

Ja, JSON-Server ist unglaublich und sehr einfach zu verwenden, aber vor ein paar Tagen hatte ich ein sehr spezifisches Problem und entdeckte schließlich eine unglaubliche Browser-Erweiterung.

Das Problem

Zuerst werde ich über das Problem sprechen, das ich hatte, und Sie werden verstehen, warum JSON-Server in dieser Situation nicht funktionieren würde.

In der Anwendung musste ich zwei verschiedene Endpunkte nutzen. Eine erste, die einige Informationen in das Dashboard geladen hat, aber eine der Karten in diesem Dashboard öffnet ein Modal, das von einem anderen Endpunkt abhängt.

Wir hatten einige Behandlungen, wenn die API nicht verfügbar war, aber irgendwann stieß ich auf ein unvorhergesehenes Problem mit einer Verzögerung bei der Rückkehr der zweiten API. Es sollte nicht so sein, aber es war!

Der erste Dashboard-Endpunkt hat die Nachricht zurückgegeben, aber die Modal-API brauchte ein paar Sekunden, was genug Zeit war, um das Modal zu öffnen und nichts in der Tabelle zu haben.

Es dauerte eine Weile, bis ich verstand, was los war, bis mir klar wurde, dass es sich um ein API-Problem handelte.

Ich begann zu recherchieren und fand Tweak, eine Erweiterung für Chrome (und andere), die sehr einfach und leistungsstark ist.

Mein Ziel ist es nicht, Schulungen anzubieten, ich möchte nur eine der Funktionen teilen, die meine Aufmerksamkeit in diesem Bereich erregt haben.

Verzögerung der Reaktion

Hier war die Lösung für mein Problem

Jetzt beginnt der Tweak mit der Überwachung der URL und wenn sie angefordert wird, (1) kümmert er sich um die Verwaltung der Zeit, die ich für die Rückgabe der Anfrage festgelegt habe, und (2) ich kann die Daten im Hauptteil der Antwort verspotten.

Weitere Funktionen

• Kann ich einen bestimmten Mock ein- oder ausschalten?
• Ich kann nicht nur Daten, sondern auch Fehler verspotten, indem ich einfach den Status ändere.
• Ich kann die Daten ganz einfach direkt in der Erweiterung verspotten
• Ich kann verschiedene Methoden verspotten (GET, POST...)

Das sind die coolen und einfach zu verwendenden Dinge. Wenn Sie die Erweiterung bereits kennen und weitere Tipps haben, teilen Sie sie hier commiteiro.

Umarmung!