APIレスポンスモッカー

フロントエンド開発者はバックエンドAPIの完成待ちでブロックされることが少なくありません。 APIレスポンスモッカーは、JSONスキーマを設計してリアルなモックレスポンスを即座に 生成することでそのボトルネックを解消し、プロトタイピング・結合テスト・ APIドキュメント作成をバックエンド完成前から進められるようにします。

フィールド名と型を定義して始めましょう。string、number、boolean、 date、email、UUID、URL、enum、ネストオブジェクト、 配列から選択できます。各フィールドはnullable確率を設定でき、 配列フィールドは最小・最大長を指定できます。複雑な ペイロードの場合、オブジェクトを任意の深さまでネストできます。

スキーマが準備できたら、レスポンスラッパーを選択します。Bareは 単一オブジェクトまたはプレーンJSON配列を返します。Data arrayは アイテムを{ "data": [...] }でラップします。Paginatedは total、page、perPage、totalPagesを含むmetaブロックを 追加し、一般的なRESTページネーションパターンを再現します。

HTTPステータスセレクターでエラーレスポンスも生成できます。 400、404、500を選択すると、code、message、details フィールドを含む構造化されたエラーボディが生成されます。

User API、Product API、Blog Posts APIの組み込み プリセットですぐに始められます。プリセットを読み込んでフィールドを カスタマイズし、数秒でデータを生成できます。

すべての処理はブラウザ内で完結します。データがサーバーに送信される ことはありません。ランダム値はJavaScriptのMath.random()を使用して クライアントサイドで生成されるため、ネットワークリクエストや サードパーティサービスの関与はありません。

生成されたJSONをスキーマで検証する場合は、 JSON Schema Generatorをお試しください。 出力をさらにフォーマットや検査する場合は、 JSON Formatterで開いてください。 大量のリアルなテストレコードを生成する場合は、 Mock Data Generatorをご確認ください。

1. フィールドを追加してレスポンススキーマを定義します。フィールド名を入力し、型（string、number、boolean、date、email、uuid、url、enum、object、array）を選択します。
2. enumフィールドの場合、表示されるテキストボックスにカンマ区切りで値を入力します。
3. objectまたはarrayフィールドの場合、展開矢印をクリックしてサブフィールドを追加でネスト構造を作成します。
4. 各フィールドのnullable確率（0〜100%）を設定して、nullが返される頻度を制御します。
5. アイテム数スライダー（1〜100）を調整し、ラッパー形式を選択します：bare、data array、paginated。
6. HTTPステータスコードを選択します。400、404、500を選ぶと構造化されたエラーレスポンスが生成されます。
7. レスポンスを生成をクリックするか、プリセット（User API、Product API、Blog Posts API）を読み込みます。CopyボタンまたはCtrl+Shift+Cで出力をコピー。Downloadで.jsonファイルとして保存できます。