已解決：json伺服器

JSON伺服器 對於程式設計師來說是一項非常了不起的資產，特別是當您想要建立一個假的 REST API 用於開發和測試目的時。 它使用戶能夠在不到一分鐘的時間內產生 API。 在繼續實作之前，我們先來了解 JSON Server 可以做些什麼。

JSON 伺服器使用一個簡單的 JavaScript的 文件或 JSON 文件，用於維護 GET、POST、PUT、PATCH 和 DELETE 等資料庫作業。 它為開發人員提供了靈活性，因為它可以與 Angular、React、Vue 等前端技術配合使用。

// Installation
npm install -g json-server

// To start JSON Server
json-server --watch db.json

JSON 伺服器的優點

  • 它可以在幾秒鐘內實現零編碼的完全假 REST API。
  • 它支援所有必要的 HTTP 請求：GET、POST、PUT、PATCH、DELETE。
  • 它支援延遲響應並使用JS生成數據。
  • 它為原型設計和模型提供快速的後端設置
  • 它包括排序、切片、過濾和全文搜尋等功能。

JSON 伺服器的實際應用

開始使用 JSON Server 非常簡單。 安裝後，您所需要做的就是產生一個 JSON 文件，該文件將充當 API 的不同端點。 您可以模擬 JSON 檔案中的數據，就像您在現實資料庫中通常看到的那樣。 

{
"users": [
{ "id": 1, "name": "John", "email": "john@example.com" },
{ "id": 2, "name": "Kane", "email": "kane@example.com" }
],
"posts": [
{ "id": 1, "title": "json-server", "author": "John" }
],
"comments": [
{ "id": 1, "body": "It's amazing", "postId": 1 }
],
"profile": {
"name": "typicode"
}
}

上面的 JSON 檔案正在建立一個資料庫，其中包含 USERS、POSTS、COMMENTS 和 PROFILE 作為不同的表格。 JSON 伺服器將每個頂級金鑰視為端點。

存取 JSON 數據

JSON 資料可以在不同的端點（在伺服器場景中也稱為路由）上存取。 例如，如果您想查看所有用戶，您可以要求 /users 端點。

fetch('http://localhost:3000/users')
.then(response => response.json())
.then(data => console.log(data));

這裡我們使用 JavaScript 的 fetch API 來請求使用者路由。 伺服器將回應我們先前在 JSON 檔案中設定的所有使用者的相關資料。

總而言之，使用 JSON 伺服器作為模擬 REST API 進行開發將顯著提高開發工作流程的生產力。 此外，您可以毫不費力地設定流程並與流程整合。

相關文章：

發表評論