[指南] 前端開發 JSON-server 由多個 json 檔來快速模擬 Restful API

章節連結

前端開發者若遇上後端的 API 尚在製作時,總是要想辦法「模擬」出一個 API 回傳值,方能測試頁面、顯示和邏輯是否會出現錯誤。JSON-server 藉由多個 .json 檔案,可以模擬出一套功能強大的 server,讓你開發可以平順地進行。更重要的是,你不必在你的主程式中撰寫其餘的 JavaScript 或是 TypeScript。
server


使用方法

[下載點]:https://github.com/typicode/json-server

1. 利用 npm install -g json-server 安裝在全域環境中
2. 在專案根目錄中新增 db.json,並用 json-server –watch db.json 來啟用並監聽 db.json 的變化
若以下方的檔案為例,那預設的 API 路徑就會是:http://localhost:3000/posts

3. 你可以使用如 POSTMAN 之類的工具,來進行 GET / POST / PUT / PATCH / DELETE 的操作,也沒有 CORS 之類的問題
4. 若要修改監聽的 port,在啟動時加入參數。如: json-server –watch db.json –port 4000
5. 如果要取得搜尋的回傳值,預設是採用 ?q=xxx 的形式,如 GET /posts?q=internet

更多詳盡用法,可上 Github 的說明:https://github.com/typicode/json-server/blob/master/README.md


相關連結

1. 使用 JSON Server 快速模擬 Restful API

按讚加入粉絲團

延伸閱讀