解決済み: jsonサーバー

JSONサーバー これは、特に開発やテストの目的で偽の REST API を作成する場合に、プログラマにとって非常に注目すべき資産です。 これにより、ユーザーは XNUMX 分以内に API を生成できます。 実装に進む前に、JSON サーバーで何ができるかを理解しましょう。

JSON サーバーは単純な JavaScriptを GET、POST、PUT、PATCH、DELETE などのデータベース操作を維持するためのファイルまたは JSON ファイル。 Angular、React、Vue などのフロントエンド テクノロジと連携するため、開発者に柔軟性を提供します。

// Installation
npm install -g json-server

// To start JSON Server
json-server --watch db.json

JSONサーバーの特典

  • ゼロコーディングで完全な偽の REST API を数秒で有効にします。
  • すべての必須 HTTP リクエスト (GET、POST、PUT、PATCH、DELETE) をサポートします。
  • 遅延応答をサポートし、JS を使用してデータを生成します。
  • プロトタイピングやモックアップのための迅速なバックエンドセットアップを提供します。
  • 並べ替え、スライス、フィルタリング、全文検索などの機能が含まれています。

動作中の JSON サーバー

JSON サーバーの使用を開始するのは非常に簡単です。 インストール後に必要なのは、API のさまざまなエンドポイントとして機能する JSON ファイルを生成することだけです。 JSON ファイル内のデータを、実際のデータベースで通常どのように表示されるかを模擬することができます。 

{
"users": [
{ "id": 1, "name": "John", "email": "john@example.com" },
{ "id": 2, "name": "Kane", "email": "kane@example.com" }
],
"posts": [
{ "id": 1, "title": "json-server", "author": "John" }
],
"comments": [
{ "id": 1, "body": "It's amazing", "postId": 1 }
],
"profile": {
"name": "typicode"
}
}

上記の JSON ファイルは、USERS、POSTS、COMMENTS、PROFILE を異なるテーブルとして持つデータベースを確立しています。 JSON サーバーは、すべてのトップレベルのキーをエンドポイントとして扱います。

JSON データへのアクセス

JSON データは、さまざまなエンドポイント (サーバー シナリオではルートとも呼ばれます) からアクセスできます。 たとえば、すべてのユーザーを表示したい場合は、/users エンドポイントをリクエストできます。

fetch('http://localhost:3000/users')
.then(response => response.json())
.then(data => console.log(data));

ここでは、JavaScript のフェッチ API を使用してユーザーのルートをリクエストしています。 サーバーは、前に JSON ファイルで設定したすべてのユーザーに関連するデータを返します。

要約すると、JSON サーバーを開発用のモック REST API として使用すると、開発ワークフローの生産性が大幅に向上します。 さらに、プロセスのセットアップと統合も簡単です。

関連記事：

コメント