JSONサーバーの例

このJSONサーバーの例は、2017年半ばに最新の情報と新しい例で書き直された記事シリーズの一部です。 JSONサーバーは、1分以内に完全に偽のREST APIを迅速にセットアップするためのフロントエンド開発者が人気のあるツールです。最初にNPM経由でインストールする必要があります。

次に、JSONファイルにいくつかのデータを保存して、db.jsonに名前を付けます：

<span>npm install -global json-server
</span>

最後に、次のコマンドでサーバーを起動します：

<span>{
</span>  <span>"clients": [
</span>    <span>{
</span>      <span>"id": "59761c23b30d971669fb42ff",
</span>      <span>"isActive": true,
</span>      <span>"age": 36,
</span>      <span>"name": "Dunlap Hubbard",
</span>      <span>"gender": "male",
</span>      <span>"company": "CEDWARD",
</span>      <span>"email": "dunlaphubbard@cedward.com",
</span>      <span>"phone": "+1 (890) 543-2508",
</span>      <span>"address": "169 Rutledge Street, Konterra, Northern Mariana Islands, 8551"
</span>    <span>},
</span>    <span>{
</span>      <span>"id": "59761c233d8d0f92a6b0570d",
</span>      <span>"isActive": true,
</span>      <span>"age": 24,
</span>      <span>"name": "Kirsten Sellers",
</span>      <span>"gender": "female",
</span>      <span>"company": "EMERGENT",
</span>      <span>"email": "kirstensellers@emergent.com",
</span>      <span>"phone": "+1 (831) 564-2190",
</span>      <span>"address": "886 Gallatin Place, Fannett, Arkansas, 4656"
</span>    <span>},
</span>    <span>{
</span>      <span>"id": "59761c23fcb6254b1a06dad5",
</span>      <span>"isActive": true,
</span>      <span>"age": 30,
</span>      <span>"name": "Acosta Robbins",
</span>      <span>"gender": "male",
</span>      <span>"company": "ORGANICA",
</span>      <span>"email": "acostarobbins@organica.com",
</span>      <span>"phone": "+1 (882) 441-3367",
</span>      <span>"address": "697 Linden Boulevard, Sattley, Idaho, 1035"
</span>    <span>}
</span>  <span>]
</span><span>}
</span>

適切なクライアントを使用して、単純なREST APIにアクセスできるようになりました。今のところ、Chrome、Firefox、Safariなどの最新のブラウザが行います。 http：// localhost：3000/clientsを開くと、JSON形式でミニチュアデータベース全体が表示されます。リクエスト形式http：// localhost：3000/clients/{id}を使用して、IDでアイテムを表示できます。たとえば、http：// localhost：3000/clients/59761c233d8d0f92a6b0570dを開くと、

json-server <span>--watch src/db.json
</span>

JSONサーバーの詳細については、JSON-Serverを使用してチュートリアルモックREST APIをチェックしてください

<span>{
</span>  <span>"id": "59761c233d8d0f92a6b0570d",
</span>  <span>"isActive": true,
</span>  <span>"age": 24,
</span>  <span>"name": "Kirsten Sellers",
</span>  <span>"gender": "female",
</span>  <span>"company": "EMERGENT",
</span>  <span>"email": "kirstensellers@emergent.com",
</span>  <span>"phone": "+1 (831) 564-2190",
</span>  <span>"address": "886 Gallatin Place, Fannett, Arkansas, 4656"
</span><span>}
</span>

また、

：JSONの例をもっと参照してください。

このシリーズの他の例は次のとおりです。

colors jsonの例

• Googleマップjsonの例
• YouTube jsonの例
• Twitter jsonの例
• geoip jsonの例
• wordpress jsonの例
• データベースJSONの例
• ローカルレストjsonの例
• テストデータJSONの例
• JSONサーバーに関するよくある質問（FAQ）
jsonサーバーを使用する主な目的は何ですか？

​​

JSONサーバーは、開発目的で偽のREST APIをセットアップするために主に使用される簡単なツールです。これにより、開発者は複雑なバックエンドを設定することなく、アプリケーションをプロトタイプおよび開発できます。これは、モックバックエンドでフロントエンドコードをすばやくテストする場合に特に便利です。 JSONファイルを使用してデータベースを作成し、すべての標準REST APIエンドポイントをボックスから提供します。ターミナルまたはコマンドプロンプトにコマンドnpmインストール-g json -serverを実行することにより、システムにグローバルにインストールできます。インストールしたら、コマンドjson-server -watch db.jsonでサーバーを起動できます。ここで、db.jsonはデータベースファイルです。このファイルでは、ルートを異なるJSONオブジェクトにマッピングできます。たとえば、/api/postsに/投稿する場合、Routes.jsonファイルで{"/api/posts"： "/posts"}として定義します。次に、JSON-Server -Watch DB.JSONを実行して、ルートファイルでサーバーを起動できます。

JSONサーバーを生産に使用できますか？

JSONサーバーはプロトタイプと開発のための強力なツールですが、生産の使用には推奨されません。生産環境に必要なセキュリティとパフォーマンスの最適化が不足しています。実稼働には、適切なデータベースとサーバーのセットアップを使用する必要があります。

jsonサーバーにデータを追加するにはどうすればよいですか？

DB.JSONファイルを変更してJSONサーバーにデータを追加できます。このファイルはデータベースとして機能し、JSONオブジェクトの各キーは別のリソースに対応します。たとえば、新しい投稿を追加する場合は、db.jsonファイルの投稿配列に新しいオブジェクトを追加します。たとえば、タイトル「Hello World」ですべての投稿を取得する場合は、 /投稿にGet Requestを送信しますか？タイトル= Hello World。これにより、タイトルが「Hello World」であるすべての投稿が返されます。

他のプログラミング言語でJSONサーバーを使用できますか？これには、JavaScript、Python、Ruby、Javaなどが含まれます。たとえば、最初の10の投稿を取得する場合は、 /投稿にget requestを送信しますか？_page = 1＆_limit = 10。これにより、最初の10回の投稿が返されます。

jsonサーバーでデータをソートできますか？

はい、JSONサーバーは_SORTおよび_ ORDERクエリパラメーターを使用してソートデータをサポートします。たとえば、昇順でタイトルごとに投稿を並べ替えたい場合は、 /surt = title＆_order = asc。たとえば、投稿のタイトルを更新する場合は、 /sopt /1にプットまたはパッチリクエストを送信します。ここで、1は投稿のIDで、リクエストボディに新しいタイトルがあります。

以上がJSONサーバーの例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。