[day13] 快速建构JSON Server

前面几篇做了几个交易相关的API，而为了快速跳过後端API的建置，前端网页要留存的资料源，就打算偷懒来快速建构JSON Server，顾名思义，就是建构一个以JSON文件留存的资料库，同时最方便的是可以自动建置 GET、POST、PUT、PATCH、DELETE等API功能，简化後端工作，快速是其优点，但因其无法配合设定权限等限制，其实只适合专案初期使用，待专案确认执行後，再进行实际的後端API的建置。

安装及建置

安装

npm install -g json-server

建置

按照官网的介绍，就来建立一个db.json的档案
比照这次的需求，希望建置一个住户的资料表及一些基本资料
以householder为例，有以下栏位

• id:资料表key
• name:住户姓名
• loginId:住户ID
• loginPass:住户密码
• address:住户地址
• admin:网页管理者注记

{
  "posts": [
    {
      "id": 1,
      "title": "json-server",
      "author": "Haoyun"
    }
  ],
  "householder": [
    { 
      "id": 1,
      "name": "蔡先生",
      "loginId": "D07-1",
      "loginPass": "d071",
      "address": "60号7楼",
      "admin": "Y"
    },
    {
      "id": 2,
      "name": "卢小小",
      "loginId": "B05-1",
      "loginPass": "b051",
      "address": "64号5楼",
      "admin": "N"
    },
    {
      "id": 2,
      "name": "张太太",
      "loginId": "B05-2",
      "loginPass": "b052",
      "address": "65号5楼",
      "admin": "N"
    }
  ],
  "profile": {
    "apartmentComplex ": "永丰社区"
  }
}

启动服务

json-server db.json

会按照db.json
自动建立api，主要的API都会建立，

• GET
  取得资料
• POST
  新增资料
• PUT
  更新资料列之全部栏位
• PATCH
  更新资料列之部分栏位
• DELETE
  删除资料

简单测试

• 查询
  查询householder，测试范例如下
  

• 新增
  新增住户资料，测试范例如下
  
  我们再来看看是不是真的新增了，再次查询如下:
  

• 修改
  修改id1的资料，将地址从60号7楼修改成60号7楼修改
  测试范例如下
  
  我们再来看看是不是真的新增了，再次查询如下:
  

小结

是不是还蛮方便的，其实也是第一次使用json server，之前都是使用网路上的免费API测试，要客制化使用json server蛮方便的，还有一些变化的功能，这次测试後，觉得真的蛮方便的。
这次30天铁人赛的目标，预期会花费较多的时间在不熟的网页上，希望可以在30天结束後，可以建置出一个比较完整的网站，且可以正常执行收缴款及查询的页面。