このチュートリアルでは、JSON-Serverを使用して偽のREST APIサーバーのセットアップと使用を開始する方法を確認します。これは、モバイルまたはWebアプリケーションの開発中に使用できます。このチュートリアルでは、JSONとHTTPリクエストの基本的な知識があることを前提としています。
RESTは、表現状態転送を表しています。これは、接続されたアプリケーションを設計するためのアーキテクチャスタイルです。単純なHTTPを使用して、マシン間の通信を可能にします。したがって、一部のユーザー情報を操作するためにURLを使用する代わりに、RESTは、データを操作するためにget、post、削除などのHTTPリクエストをURLに送信します。
たとえば、 /deleteuser?id=10
にget requestを作成する代わりに、リクエストはDELETE /user/10
のようなものになります。
REST APIは、モバイルアプリケーションとWebアプリケーションのバックエンドを形成します。アプリケーションを開発する場合、開発目的で使用できるREST APIを使用することができない場合があります。モバイルまたはWebアプリが動作しているのを見るには、いくつかのダミーJSONデータをスローするサーバーが必要です。
それは、偽のREST APIが写真に登場するときです。 json-server
最小限の労力で偽のREST APIサーバーを設定する機能を提供します。
json-server
使用を開始するには、ノードパッケージマネージャー(NPM)を使用してパッケージをインストールします。
NPMインストール-G JSON -Server<br>
要件に従って、データを使用してダミーJSONファイルを作成します。たとえば、ID、名前、場所などなどのユーザー情報info.json
含むJSONデータが必要です。
{<br> 「ユーザー」:[{<br> 「id」:1、<br> 「名前」:「ロイ」、<br> 「場所」:「インド」<br> }、{<br> 「id」:2、<br> 「名前」:「サム」、<br> 「場所」:「ウェールズ」<br> }]<br> }<br>
端末から、jsonサーバーをデータソースとしてinfo.json
で実行すると、http:// localhost:3000で残りのAPIを実行する必要があります。
JSON-Server Info.json<br>
偽のREST APIサーバーは稼働しているため、クライアントを使用してREST APIにアクセスする方法を見てみましょう。 Postman Restクライアントを使用してAPI呼び出しを行います。
まず、REST URLにGET
リクエストを行うことから始めましょう。 JSONファイル内で、ユーザーに関連する情報を含むエンドポイントusers
を定義しました。 url http:// localhost:3000/usersにGET
requestを作成すると、既存のデータを表示する必要があります。
既存のデータに新しいデータを追加するために、URL http:// localhost:3000/usersにPOST
リクエストを行います。これがPOST
リクエストがどのように見えるかです:
GET
リクエストを実行してみてください。新しく追加されたデータがinfo.json
ファイルにある必要があります。
[<br> {<br> 「id」:1、<br> 「名前」:「ロイ」、<br> 「場所」:「インド」<br> }、<br> {<br> 「id」:2、<br> 「名前」:「サム」、<br> 「場所」:「ウェールズ」<br> }、<br> {<br> 「名前」:「II」、<br> 「場所」:「LA」、<br> 「ID」:7<br> }、<br> {<br> 「名前」:「ショナ」、<br> 「場所」:「LA」、<br> 「ID」:8<br> }、<br> {<br> 「名前」:「ショナ」、<br> 「場所」:「LA」、<br> 「ID」:9<br> }<br> ]<br>
json-server
データからエントリを削除するには、ユーザーIDを使用してAPIエンドポイントにDELETE
要求を送信する必要があります。たとえば、ID 1でユーザーを削除するには、エンドポイントhttp:// localhost:3000/users/1にDELETE
要求を送信する必要があります。削除されたら、 GET
リクエストを実行してみてください。ID1のユーザーが返されたJSONに登場しないでください。
既存のエントリを更新するには、その特定のエントリに対して更新する必要がある詳細を記載したPATCH
リクエストを送信する必要があります。たとえば、ID 2のユーザーの詳細を更新するために、図のようにhttp:// localhost:3000/users/2にPATCH
リクエストを送信します。
json-server
Rest APIを使用して、データを検索して、特定の基準に基づいてデータを見つけることができます。たとえば、特定の名前を持つユーザーを見つけるには、図のようにREST API URLにGETリクエストを送信する必要があります。
上記の画像に見られるように、urlにget requestを送信しますhttp:// localhost:3000/users?name = shonaは、 Shona
という名前でユーザーを返します。同様に、他のフィールドを持つユーザーを検索するには、そのフィールドをクエリ文字列に追加する必要があります。
REST APIエンドポイントで全文検索を実行するには、パラメーターq
とともに検索文字列をエンドポイントに追加する必要があります。たとえば、検索文字s
を含む情報を使用してユーザーを検索するために、リクエストは次のようになります。
ページングされたデータグリッドを表示している間、ページネーションに基づいていくつかのデータを取得する必要があります。このようなシナリオでは、 json-server
JSONデータをページングする機能を提供します。デフォルトでは、 json-server
から返されたデータの数は10です。_limit _limit
を使用してこの制限を明示的に定義できます。
http:// localhost:3000/users?_limit = 5<br>
上記のURLへのGETリクエストは、5つのレコードを返します。ここで、データをページングするには、URLに別のパラメーター_page
を追加する必要があります。 _page
データの返却時にフェッチする必要があるページを定義します。
http:// localhost:3000/users?_limit = 5&_page = 2<br>
上記のURLへのGETリクエストは、ページごとに5つのレコードがあるデータセットの2番目のページを返します。 _page
変数を変更することにより、必要なページレコードを取得できます。
json-server
取得したデータをソートする機能を提供します。ソートする必要がある列名と、データをソートする必要がある順序を提供することにより、データを並べ替えることができます。デフォルトでは、データは昇順でソートされます。キーワード_sort
を使用してエンドポイントURLに列名を提供し、キーワード_order
を使用して順序を定義できます。これがURLの例です。
http:// localhost:3000/users?_sort = id&_order = desc<br>
上記のURLは、列Id
に基づいてデータをソートし、降順でソートされます。
json-server
2つの値の範囲のIDを持つエントリを見つけるなど、特定の正規表現と一致するエントリのエントリを見つけるなど、オペレーターをサポートする機能を提供します。
特定の範囲内のエントリを見つけるために、 _gte
および_lte
演算子を利用できます。たとえば、IDが3を超えて5未満のユーザーを見つけるには、url http:// localhost:3000/users?id_gte = 3&id_lte = 5にhttp:// localhostにget requestを作成します。
特定の文字から始まる名前を検索したい場合は、正規表現を使用できます。たとえば、文字sa
で始まる名前を検索するには、 _like
演算子を使用して、url http:// localhost:3000/users?name_like =^saにGET
requestを作成します。
このチュートリアルでは、 json-server
REST APIを使用してダミーデータベースを作成する方法を迅速に使用する方法がわかりました。 json-server
使用を開始する方法を学び、URLをクエリしてデータを追加、更新、変更、削除しました。ダミーデータをページング、ソート、および検索する方法を見ました。また、オペレーターを使用して正規表現を使用してエントリを検索する方法も見ました。
ダミーデータ作成にjson-server
またはその他の偽のREST APIサーバーを使用しましたか?あなたの経験はどうでしたか? Envatoフォーラムであなたの考えを教えてください。
以上がJSON-Serverを使用して偽のREST APIを起動して実行しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。