REST API 和 json-server的簡單使用

API分類

1. REST API : restful

   • 1.1發送的請求進行CRUD是由請求方式決定的 例如你發一個刪除的請求就是對應的DELETE，POST對應的是添加，PUT對應的是更新，GET對應的是獲取
   • 1.2 特點 ：同一個請求路徑會對用多個操作
   • 1.3 請求的方式有 GET/POST/PUT/DELETE

2. 非REST API ：

   • 請求方式並不決定請求所作的操作
   • 一個請求路徑只對應一個操作
   • 一般只有GET/POST

json-server

• 用來快速的搭建一個REST API的工具包

• npm install -g json-server //下載全局的這個包
  
  

• 創建db.json文件 內容如下：

  {
    "posts": [
      { "id": 1, "title": "json-server", "author": "typicode" },
      { "id": 2, "title": "mmm", "author": "xxx" }
    ],
    "comments": [
      { "id": 1, "body": "some comment", "postId": 1 },
       { "id": 2, "body": "some comment", "postId": 2 }
    ],
    "profile": { "name": "typicode" }
  }
  

• 然後cmd切換到該目錄下使用json-server --wacth db.json 命令啓動 json-server

• 然後這幾個接口就相當於已經開啓了可以訪問 localhost:3000/posts, localhost:3000/comments, localhost:3000/profiles 查看數據當然他也支持params參數的形式 例如localhost:3000/posts/1它會找到這樣一組數據

  {
  	"id": 1,
  	"title": "json-server",
  	"author": "typicode"
  }
  

• 當然這個只是它的一點用處，接下來說一下restapi的使用

  1. get請求
     

  2. post請求
     
     插入一條數據

  3. put請求
     
     更新 修改數據

     注意這裏發的請求會有兩個請求 options請求（預檢請求），這個是因爲跨域導致的， 因爲我們的後臺使用cors允許了跨域了，這個請求就是 問一下服務器 允許跨域麼？允許ok，不允許就會失敗。

     而且這個請求並不是每次都會發送這個請求，這個預檢的結果 只會存在5秒（chrome中），超過5秒會再次發這個options請求。

     並且這個請求 並不只是再put中有再 post和delete中也會有

  4. delete請求

     刪除某條數據

• 這個我們就可以看出rest api的好處， 一個地址我們可以發送CRUD4個請求 操作。