JSON Server + ngrok

前提

Json Server

• APIモックツール
  • https://github.com/typicode/json-server

ngrok

• Public URLs for exposing your local web server.
  • https://ngrok.com

使い方

1. json-serverとngrokのインストール

mkdir jsonserver && cd jsonserver npm init npm install json-server ngrok

2. db.jsonの作成

db.json

{
  "posts": [
    {   
      "id": 1,
      "title": "Post title 1"
    }
  ],
  "comments": [
    { "id": 1, "body": "comment 1", "postId": 1 }
  ]
}

3. package.jsonの中から "scripts"の部分変更

  "scripts": {
    "db": "json-server -w db.json -p 3001",
    "tunnel": "ngrok http 3001"
  },

4. json-serverとngrokの起動

ターミナルをもう一つ起動し、それぞれのターミナルで下記の2つのコマンドを実行。

npm run db npm run tunnel

5. データ確認

$ curl http://###.ngrok.io/posts/1
{
  "id": 1,
  "title": "Post title 1"
}