Bauen Sie Ihr Frontend. Mocken Sie Ihr Backend.
Mockbin erzeugt Endpoints mit festen Antworten. mockapi.dog ergänzt Verzögerungssimulation, Fehler-Injection, bedingte Ausfälle und LLM-Streaming – alles kostenlos und ohne Anmeldung.
- Realistische API-Antworten mit konfigurierbaren Verzögerungen und Fehlerraten
- Ladezustände, Fehlerbehandlung und Streaming mit echten HTTP-Aufrufen testen
- Funktioniert sofort vom localhost aus – CORS ist erledigt
Von einem Entwickler für Entwickler gebaut, die UI ausliefern, bevor die API fertig ist.
Das Problem
Sie bauen ein Frontend. Das Backend ist nicht bereit. Sie brauchen Mock-Endpoints, die JSON zurückgeben.
Mockbin löst die einfachste Variante: Sie definieren einen Statuscode und einen Antwort-Body und bekommen eine URL. Für Basisfälle reicht das.
Echte Entwicklung braucht aber mehr. Sie müssen testen, was passiert, wenn die API langsam ist. Was passiert, wenn sie ausfällt. Was passiert, wenn Ihre KI-Funktion Tokens streamt. Mockbin simuliert keine Verzögerungen, injiziert keine Fehler und unterstützt kein Streaming.
Szenario
Eine React-Entwicklerin baut eine Produktseite und muss drei Zustände testen: Laden (langsame API), Erfolg (200 mit Daten) und Fehler (500-Ausfall). Außerdem braucht sie einen LLM-Streaming-Endpoint für eine KI-gestützte Suchfunktion. Mockbin kann nur eine feste JSON-Antwort liefern – keine Verzögerungen, keine Fehler, kein Streaming.
Die Lösung
mockapi.dog bietet alles, was Mockbin kann – plus die Funktionen, die echte Frontend-Entwicklung braucht.
Definieren Sie beliebige JSON-Antworten mit beliebigen Statuscodes. Fügen Sie millisekundengenaue Verzögerungen hinzu, um Ladezustände zu testen. Setzen Sie zufällige Fehlerraten, um Fehlerbehandlung zu testen. Konfigurieren Sie bedingte Fehler basierend auf Request-Headern.
Für KI-Funktionen: erstellen Sie LLM-Streaming-Endpoints im OpenAI-, Anthropic- oder generischen SSE-Format. Tokens kommen über Server-Sent Events. Ihre Chat-Komponente streamt Text auf den Bildschirm.
Alles ist kostenlos. Alles ohne Anmeldung. Alles wird sofort bereitgestellt.
Funktionen im Detail
CORS standardmäßig aktiviert
Jeder Mock-Endpoint enthält korrekte CORS-Header. Ihre App auf localhost:3000 oder localhost:5173 kann die Mock-URL ohne Proxy-Konfiguration oder Middleware aufrufen.
Eigene JSON-Antworten
Definieren Sie genau das JSON, das Ihre Komponenten erwarten. Passen Sie es an Ihre TypeScript-Interfaces an. Geben Sie Arrays, verschachtelte Objekte, Pagination-Metadaten zurück – ganz nach Bedarf.
Tests von Ladezuständen mit Verzögerungen
Fügen Sie Ihrem Mock-Endpoint 2000 ms Verzögerung hinzu. Beobachten Sie, wie Ihre Skeleton-Screens, Spinner und Shimmer-Effekte korrekt rendern. Stellen Sie sicher, dass Ladezustände im echten Einsatz tatsächlich erscheinen.
Fehlerzustände testen
Lassen Sie einen Mock-Endpoint 500 zurückgeben. Prüfen Sie, ob Ihre Error Boundary das abfängt. Mit 401 testen Sie die Login-Weiterleitung. Mit 429 die Wiederholungslogik. Jeder HTTP-Fehler – auf Knopfdruck simuliert.
LLM-Streaming für KI-Funktionen
Bauen Sie eine Chat-Komponente? Einen Text-Zusammenfasser? Mocken Sie die Streaming-Antwort. Tokens kommen über SSE. Testen Sie Ihren Streaming-Text-Renderer und Stop-Button gegen einen echten Streaming-Endpoint.
Mehrere HTTP-Methoden
Erstellen Sie ein GET für Listen-Ansichten. Ein POST, das 201 für Formular-Submissions zurückgibt. Ein DELETE, das 204 liefert. Mocken Sie Ihren gesamten API-Vertrag, nicht nur GET-Anfragen.
mockapi.dog vs. Mockbin
| Funktion | mockapi.dog | Mockbin |
|---|---|---|
| Setup-Zeit | Sekunden | Sekunden |
| Anmeldung erforderlich | Nein | Nein |
| Eigene JSON-Antworten | Ja | Ja |
| Eigene Statuscodes | Ja | Ja |
| Alle HTTP-Methoden | Ja | Eingeschränkt |
| Verzögerungssimulation | Ja | Nein |
| Simulation der Fehlerrate | Ja | Nein |
| Bedingte Fehler | Ja (Header-basiert) | Nein |
| LLM-Streaming (SSE) | Ja | Nein |
| OpenAPI-Import | Nein | Ja |
| Kosten | Kostenlos | Kostenlos |
| Fokus | Mocking mit Test-Funktionen | Einfaches Mocking mit festen Antworten |
Ehrliche Trade-offs
Mockbin unterstützt den Import von OpenAPI-Specs, um Mock-Endpoints automatisch aus Ihrer API-Definition zu generieren – das bietet mockapi.dog nicht. Wenn Ihr Workflow spec-first ist und Sie automatisch generierte Mocks aus einer Swagger-Datei wollen, ist Mockbin gut geeignet. mockapi.dog ist für Entwickler, die genau wissen, welche Antwort sie brauchen, und Verzögerungs-, Fehler- und Streaming-Funktionen mitnehmen wollen.
Anwendungsfälle
Dashboard bauen, bevor die API existiert
Sie haben Figma-Designs und TypeScript-Typen. Sie haben kein Backend. Erstellen Sie Mock-Endpoints, die genau die Datenstrukturen liefern, die Ihre Komponenten konsumieren. Bauen Sie jede Seite, jeden Zustand, jede Interaktion.
Lade- und Skeleton-Zustände testen
Ihr Designer möchte den Ladezustand sehen. Fügen Sie Ihrem Mock-Endpoint 3 Sekunden Verzögerung hinzu. Das Lade-Skeleton rendert bei jeder Aktualisierung. Screenshot erstellen, iterieren, ausliefern.
KI-Funktion prototypen
Ihr Product Manager möchte die KI-Chat-Funktion im nächsten Sprint-Review sehen. Erstellen Sie einen LLM-Streaming-Mock. Die Chat-Komponente streamt Tokens auf den Bildschirm. Die Demo wirkt echt.
Formular-Submission-Flows validieren
Ihr Formular sendet POST-Daten und erwartet eine 201-Antwort mit dem erstellten Objekt. Erstellen Sie einen POST-Mock, der 201 mit dem Body zurückgibt, den Ihr Success-Handler braucht. Testen Sie den vollständigen Create-and-Redirect-Flow.
Developer Experience
Vom Browser-Tab zum funktionierenden Mock-Endpoint: 5 Sekunden. Genauso schnell wie Mockbin – inklusive Verzögerungs-, Fehler- und Streaming-Funktionen.
Es gibt kein Projekt anzulegen. Keine Abhängigkeit hinzuzufügen. Keine Umgebungsvariable zu setzen. mockapi.dog öffnen, Antwort eingeben, speichern, URL kopieren.
Fügen Sie sie in Ihren Fetch-Aufruf ein. Wenn die echte API bereit ist, ändern Sie nur die URL. Alles andere bleibt gleich.
Preise
Kostenlos. Ohne Limits. Ohne Anmeldung.
Sowohl mockapi.dog als auch Mockbin sind kostenlos. Der Unterschied liegt darin, was Sie kostenlos bekommen.
Mockbin liefert feste Antworten. mockapi.dog liefert feste Antworten plus Verzögerungen, Fehlersimulation, bedingte Fehler, alle HTTP-Methoden und LLM-Streaming. Gleicher Preis: null.
Bereit loszulegen?
Ihr Backend ist nicht bereit. Ihre Deadline schon.
Öffnen Sie mockapi.dog und erstellen Sie die Endpoints, die Ihr Frontend braucht. Verzögerungen, Fehler, Streaming – alles inklusive.