理解RESTful架構與json-server模擬REST api的使用

Atom 發布于2019-08-21 16:24 / 1675人閱讀

摘要：一什么是架構即的縮寫，我們把他翻譯為表述性狀態傳遞，是博士在年他的博士論文中提出來的一種軟件架構風格。是個無狀態的協議，所以狀態就保存在服務器端。只要少量的數據就可使用，支持和。同時支持，同時提供一系列的查詢方法如。

一、什么是RESTful架構？

REST即Representational State Transfer的縮寫，我們把他翻譯為表述性狀態傳遞，是Roy Fielding博士在2000年他的博士論文中提出來的一種軟件架構風格。它是一種針對網絡應用的設計和開發方式，可以降低開發的復雜性，提高系統的可伸縮性。

當然我們把一個符合這種REST風格的架構就叫做RESTful風格

二、理解REST本身的意義

1.Representational表現層
我們把"資源"具體呈現出來的形式，叫做它的"表現層"。
我們可以用URI（統一資源定位符)指向"資源"，URI只代表"資源"的位置，它的具體表現形式，應該在HTTP請求的頭信息中用Accept和Content-Type字段指定，這兩個字段才是對"表現層"的描述

2.State Transfer狀態轉化
訪問一個網站就要涉及客戶端與服務器端的互動，同時也肯定要涉及數據與狀態的變化。網站后端提供資源查詢服務的，一切皆資源，服務器保存資源，客戶端請求資源。
HTTP是個無狀態的協議，所以狀態就保存在服務器端。所以此時客戶端想要操作服務器端，就必須引起服務器端的State Transfer(狀態轉化)，這就需要一些手段。

客戶端操作引起服務器端的State Transfer手段一般有以下四種
HTTP動詞操作
GET 用來獲取資源
POST 新建資源
PUT 更新資源
DELETE 刪除資源

三、使用json-server模擬REST API(接口)

在開發過程中, 前后端分離，接口多半是滯后于頁面開發所以需要建立一個REST風格的API接口，給前端頁面提供，虛擬的數據，是非常必要的。json-server只要少量的數據就可使用，支持cors 和jsonp。同時支持get post put delete patch，同時提供一系列的查詢方法如limit order。

1.配置環境
yarn add global json-server（npm install json-server -g ）

2.json數據

3.json-server的使用
我比較喜歡使用Postman(Postman是一款功能強大的網頁調試與發送網頁HTTP請求的Chrome插件),
在命令行中進入當前文件夾輸入npm run server
(1).選擇操作

(2).GET操作(讀取id= 1 的comments)

(3).POST操作(新建id= 2 的comments)
對應的db.json中的數據

"comments": [
    {
      "body": "Hello laowang",
      "id": 1
    },
    {
      "body": "Hello json-server",
      "id": 2
    }
  ]

(4). PUT操作(更新id= 2 的comments)

 "comments": [
    {
      "body": "Hello laowang",
      "id": 1
    },
    {
      "body": "Hello update",
      "id": 2
    }
  ],

(5). DELETE操作(刪除id= 2 的comments)

"comments": [
    {
      "body": "Hello laowang",
      "id": 1
    }
  ]

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/88507.html

介紹兩大神器！——使用json-server和faker.js模擬REST API

摘要：今天發現了一個神器在他的幫助下可以在很短的時間內搭建一個然后就可以讓前端在不依賴后端的情況下進行開發啦關于什么是設計指南阮一峰簡單來說，是一個模塊，運行服務器，你可以指定一個文件作為的數據源。更多屬性可以查看這里好啦，基本就是這樣啦，今天發現了一個神器——json-server!在他的幫助下可以在很短的時間內搭建一個Rest API, 然后就可以讓前端在不依賴后端的情況下進行開發啦！...

sarva 2019-08-20 14:47 評論0 收藏0
用JSON-server模擬REST API(一) 安裝運行

摘要：曹縣宣布昨日晚間登日成功長江流域首次發現海豚支持黨中央決定抄寫黨章勢在必行為了方便，再創建一個文件，寫入然后使用到目錄下執行命令，如果成功會出現你的電腦中文件夾所在目錄的路徑如果不成功請檢查文件的格式是否正確。在開發過程中，前后端不論是否分離，接口多半是滯后于頁面開發的。所以建立一個REST風格的API接口，給前端頁面提供虛擬的數據，是非常有必要的。對比過多種mock工具后，我最終...

Sleepy 2019-08-19 18:36 評論0 收藏0
使用json-server來模擬REST API

摘要：官方地址使用可全局安裝，也可針對項目安裝。可用開啟服務。數據文件格式如下讓讀書點燃夢想地點濱江星耀城讓讀書點燃夢想地點濱江星耀城仿京東購物車仿京東購物車修改里面的命令。在前端開發中，如果后端接口還沒有提供，前端拿不到數據，可能就沒法繼續寫一些交互行為的代碼。這一問題可通過json-server來很好地解決。本文主要講如何將json-server和webpack進行整合，基于vue-w...

smartlion 2019-08-20 19:02 評論0 收藏0
用JSON-server模擬REST API(三) 進階使用

摘要：前面演示了如何安裝并運行和使用第三方庫真實化模擬數據下面將展開更多的配置項和數據操作。示例數據源元小總小把清保住影辦歷戰資和總由共先定制向向圓適者定書她規置斗平相。前面演示了如何安裝并運行 json server , 和使用第三方庫真實化模擬數據 , 下面將展開更多的配置項和數據操作。配置項在安裝好json server之后，通過 json-server -h 可以看到如下配置項...

xavier 2019-08-19 18:36 評論0 收藏0
前端的 mock server

摘要：然而扯淡的在前端前端要發請求，所以每個請求的都是，而生產環境服務器又是。前端方案因為我是在校生嘛，沒辦法了解到大公司的開發方式。可能后端就任性就不遵守，那么這個前端只能靠來調整，然而更多的情況是沒辦法調整的。在一個中大型項目中，你不可能一邊寫著前端一邊寫后端。全棧太難 :) 像rails那樣的開發模式已經很不適合當前的環境了。所有的項目都嚷嚷著前后端分離，那就只能這么干我之前在做大...

lastSeries 2019-08-19 18:23 評論0 收藏0