前后端分离开发之前端自己的API（DB）---- （1）

Creating demo APIs for Front-End Developer

心理准备

Tool-1 开发工具/编辑器：Visual Studio Code , 即 VSCode
官网： https://code.visualstudio.com/
Tool-2 让JS能开发后端的：Nodejs
官网： https://nodejs.org/
Tool-3 API测试工具：Postman（Windows下的客户端，这里用来测试我们的API服务检查结果）
官网： https://www.getpostman.com/
Tool-4 一个提供API服务的Package包：json-server (使用Node提供的npm来安装)

开始行动

1. 默认前三项都已安装完成，从安装 json-server 开始

# 关于软件安装：以上都有列出官网，最好都是官网下载

建一个文件夹作为自己的工作目录，全局安装这个包

npm install -g json-server

# 注：npm 装不了的，自行安装 cnpm （npm 的淘宝镜像）

#　　老司机的话可能都用 nrm ( 一键切换npm源 )了

2. 创建 mock-db.json 文件作为 mock 数据的存储

{
    "people":[
        {
            "id": 0,
            "name": "Bill",
            "gender": "male"
        },
        {
            "id": 1,
            "name": "Linus",
            "gender": "male"
        }
    ]
}

3. 启动API数据服务

json-server mock-db.json

成功启动的提示：

  \{^_^}/ hi!

  Loading mock-db.json
  Done

  Resources
  http://localhost:3000/people

这里3000是默认启动的端口，ctrl单击就在浏览器中打开了，显示如下内容：

[
    {
        "id": 0,
        "name": "Bill",
        "gender": "male"
    },
    {

        "id": 1,
        "name": "Linus",
        "gender": "male"
    }
]