查看: 5151|回復: 0

[JavaScript/JQuery] 你還在等后臺給你接口?高級前端都在用這個

發表于 2018-5-12 08:00:02

現在已經是2018年了,Nodejs的天下,你還要依賴Java,Php,Go,Python,C#后臺語言給你們提供RESTFul接口么,你就甘心拜在它們的腳下行走?不甘心的同鞋跟老哥走著。

這里Lake給大家介紹一個款好用的工具,那就是json-server,目前在github上熱度上是這樣子的
github熱度
用一個表情來表示敬佩一個這樣的項目
image.png

言歸正傳

接下來看看怎么使用
分為初級入坑篇,跟碼農

環境準備
  1. $ node --version
  2. v8.7.0
  3. $ npm --version
  4. 5.6.0
復制代碼
入坑篇(1)

初始化項目

  1. mkdir test
  2. cd test
  3. npm init #請碼哥們自己一路回車到世界末日
  4. npm install json-server --save
復制代碼

創建一個db.json文件,里面保存你們的老婆列表

  1. {
  2. "girl-friends": [
  3. { "id": 1, "username": "西施"}
  4. ]
  5. }
復制代碼

開始造老婆

  1. json-server --watch db.json
復制代碼

列出你們的老婆 【查】

  1. curl localhost:3000/girl-friends
  2. [
  3. {
  4. "id": 1,
  5. "username": "西施"
  6. }
  7. ]
復制代碼

PS : ( 你以為我就那么一個功能么?哼 )
加老婆功能,用POST方法【增】

  1. curl -X POST \
  2. http://localhost:3000/girl-friends \
  3. -H 'content-type: application/json' \
  4. -d '{
  5. "username":"鳳姐"
  6. }'
復制代碼

再列出你們的老婆,哈哈,鳳姐入贅【查】

  1. curl localhost:3000/girl-friends
  2. [
  3. {
  4. "id": 1,
  5. "username": "西施"
  6. },
  7. {
  8. "id": 2,
  9. "username": "鳳姐"
  10. }
  11. ]
復制代碼

跟老婆離婚(用DELETE方法,URL參數主要參數為ID編號)【刪】

  1. curl -X DELETE \
  2. http://localhost:3000/girl-friends/1
復制代碼

剩下一個老婆太丑了,給她整一下容(用PUT方法)【改】

  1. curl -X PUT \
  2. http://localhost:3000/girl-friends/2 \
  3. -H 'content-type: application/json' \
  4. -d '{
  5. "username":"表姐"
  6. }'
復制代碼
碼農篇(2)

太晚了,要陪我兩只老婆睡覺了,未完待續
image.png



回復

使用道具 舉報