[REST] 利用 postman 建立測試環境
此 db.json 文件中, 定義了三種不同的 JSON 資源: posts, comments, profile,
並定義每一種資源的內容, 以 posts 為例, 就是: id, title, author,
要去存取此 JSON 資源最簡單的方式, 就是透過 URL,
但也有一些方便的工具, 例如: postman, 可以讓我們快速開發,
以下為操作範例,
首先, 我們先測試 POST (開立一個新的 JSON 項目),
首先, 我們要先輸入 JSON Server 的位址與對應的 JSON 資源 (http://localhost:3000/posts)
接著, 到 Body 的部分填入數值, 選擇 x-www-form-urlencoded 的格式,
按照定義, 我們在 posts 資源中, 有 title, author 兩個項目, 填入對應數值,
接著, 回到 Params 的項目, 輸入 id 也就是主要的查詢鍵 (key),
在這裡 id 的數值會自動是 posts 中最低數值加一,
在下方的視窗中, 我們就可以看到產生出來的 JSON 格式,
按下送出後, 也可以看到來自 JSON Server 的回應: 201 Created
從此回應也可以用來確認是否程式有問題.
所輸入的資料也就會保存在 db.json 這個文字檔中,
我們可以在 JSON Server 上透過 vim 打開 db.json,
可以看到多出來的一個條目:
接著, 我們來測試 PUT 指令,
PUT 指令只能對已有的 JSON 進行編輯, 假設 id: 8 的 posts 存在,
我們可以對 http://localhost:3000/posts/8 進行 PUT 操作, 如下圖所示:
此時, 回報的結果為 200 OK,
最後, 我們來測試 DELETE 的指令, 這部分和 GET 一樣,
只需要選擇 DELETE 選項, 並指定要刪除的 id 就可以了,
例如, 想要刪除第 8 個 JSON 物件, 就在 URL 那一欄輸入:
http://localhost:3000/posts/8
相同的, 回報的結果為 200 OK, 代表操作完成.
並定義每一種資源的內容, 以 posts 為例, 就是: id, title, author,
要去存取此 JSON 資源最簡單的方式, 就是透過 URL,
但也有一些方便的工具, 例如: postman, 可以讓我們快速開發,
以下為操作範例,
首先, 我們先測試 POST (開立一個新的 JSON 項目),
首先, 我們要先輸入 JSON Server 的位址與對應的 JSON 資源 (http://localhost:3000/posts)
接著, 到 Body 的部分填入數值, 選擇 x-www-form-urlencoded 的格式,
按照定義, 我們在 posts 資源中, 有 title, author 兩個項目, 填入對應數值,
接著, 回到 Params 的項目, 輸入 id 也就是主要的查詢鍵 (key),
在這裡 id 的數值會自動是 posts 中最低數值加一,
在下方的視窗中, 我們就可以看到產生出來的 JSON 格式,
按下送出後, 也可以看到來自 JSON Server 的回應: 201 Created
從此回應也可以用來確認是否程式有問題.
所輸入的資料也就會保存在 db.json 這個文字檔中,
我們可以在 JSON Server 上透過 vim 打開 db.json,
可以看到多出來的一個條目:
"posts": [
{
"id": 1,
"title": "json-server",
"author": "typicode"
},
{
"id": 2,
"title": "newline",
"author": "jxk"
},
{
"title": "xxx",
"author": "jxk",
"id": 8
},
{
"title": "test-title",
"author": "jxk",
"id": 9
}
],
當然, 也可以透過 JSON Server 的網頁介面來查詢,接著, 我們來測試 PUT 指令,
PUT 指令只能對已有的 JSON 進行編輯, 假設 id: 8 的 posts 存在,
我們可以對 http://localhost:3000/posts/8 進行 PUT 操作, 如下圖所示:
此時, 回報的結果為 200 OK,
最後, 我們來測試 DELETE 的指令, 這部分和 GET 一樣,
只需要選擇 DELETE 選項, 並指定要刪除的 id 就可以了,
例如, 想要刪除第 8 個 JSON 物件, 就在 URL 那一欄輸入:
http://localhost:3000/posts/8
相同的, 回報的結果為 200 OK, 代表操作完成.
留言
張貼留言