菜鸟日记Day 30－用JSON-Server自建云端资料库

铁人赛终於来到最後一天了！
为响应JavaScript菜鸟研究室的主题，最近一个月我们尝试串接过各种json格式的後端资料库。
从林务局的步道资讯、国健署的口罩存量资讯与六角学院制作的旅馆资讯API。

有现成的json资料库让我们做串接是一件非常幸福的事情。
但在透过axios捞资料的过程中，也发生过资料遗漏或独缺某项资讯的遗憾。
但因为使用者本身并未被授权新增、修改或删除任何资料内容。
因此我也曾想过，当未来要做一些自己有兴趣的专案时，是否能在云端自建一个json资料库呢?
这也是今天要特别介绍JSON-Server的目的。

JSON-Server的使用方法非常简单
1.在VS Code开启终端机(按下CTRL+`键)
2.输入npm install -g json-server 安装JSON-Server
3.在VS Code开启新档并将副档名，命名为json（名称可自取)
4.以物件、阵列的方式在里面塞入一些资料，例如name、tel、address
5.在VS Code终端机输入json-server --watch db.json，开启JSON-Server，接下来我们会看到以下视窗

6.点击Home或Resources里的任何连结，此时即可看到JSON-Server的後台了~
7.接下来我们就可以透过axios.post/patch/put/delete 去建立远端的json资料库了~

范例HTML程序码

范例JS程序码

－－－－－－
後记：参加铁人赛虽然是蛮累人的过程。
尤其是20天以後的日子，
因前一个月累积的知识分享完了，就会开始出现文章进度跟不上技术能力的窘况...
但也是在这个过程，把许多曾经用过，但一知半解的知识拿出来复习，
像是逻辑/三元运算子、ES6变数、hoisting、this、作用域、
Promise与事件冒泡的观念都是在这段期间更加熟悉的。

参加铁人邦虽然辛苦，却是一个充满收获的过程。
很开心今年能够顺利完赛~