はじめに
今回は「簡単にローカル環境でJSONモックサーバーを作成する方法」を紹介します。
簡単にローカル環境でJSONモックサーバーを作成する方法
json-serverを使うと、簡単にローカル環境でJSONモックサーバーを作成できるみたいです。
GitHub - typicode/json-server: Get a full fake REST API with zero coding in less than 30 seconds (seriously)
Get a full fake REST API with zero coding in less than 30 seconds (seriously) - typicode/json-server
紹介も踏まえ軽く使い方を解説していきます。
インストール
ローカルにnpmコマンドでjson-serverをインストールします。
※npmがローカル端末に入っていない方はあらかじめnpmを入れておいてください
$ npm install -g json-server
データ用意
以下、db.jsonを用意します
{
"posts": [
{ "id": 1, "title": "json-server", "author": "typicode" }
],
"comments": [
{ "id": 1, "body": "some comment", "postId": 1 }
],
"profile": { "name": "typicode" }
}
モックサーバー起動
json-serverコマンドでモックサーバーを起動します。
$ json-server --watch db.json
\{^_^}/ hi!
Loading db.json
Done
Resources
http://localhost:3000/posts
http://localhost:3000/comments
http://localhost:3000/profile
Home
http://localhost:3000
Type s + enter at any time to create a snapshot of the database
Watching...
リクエスト実施
立ち上げたモックサーバーにcurlでリクエストしてみます。
$ curl "http://localhost:3000/posts"
[
{
"id": 1,
"title": "json-server",
"author": "typicode"
}
]
レスポンスが返ってきました👍🎉
おわりに
今回は「簡単にローカル環境でJSONモックサーバーを作成する方法」を紹介しました。
簡単にJSONモックサーバーを作成できました。
色々なシーンで、さくっとモックサーバーがほしいときがあると思うので、ぜひ利用していきたいです。
また、json-serverのREADMEを見る限りでは、もっと詳細にモックサーバーの設定ができそうです!
コメント