查看: 177|回复: 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



回复

使用道具 举报