json-server的安装及使用

首先介绍一下什么是json-server,用处是什么,其实很简单:
JSON-Server 是一个 Node 模块,运行 Express 服务器,你可以指定一个 json 文件作为 api 的数据源。

接下来我们需要在电脑上全局安装json-server:

npm install -g json-server

新建一个文件夹,初始化json-server数据,进入文件夹然后输入:(一路回车就行了)

npm init

在初始化的项目中安装json-server:

npm install json-server --save

然后我们在新建的文件夹下就会看到一个package.json 文件,并且有”json-server”: “^0.15.1″字样,然后在当前目录下新建一个db.json文件,在本文件下编写自己的json数据:例如我的数据:

{
    "users":[
        {
            "name":"Henry",
            "phone":"333-444-555",
            "email":"henry@email.com",
            "id":1,
            "age":33,
            "companyId":1
        },{
            "name":"Bucky",
            "phone":"333-444-555",
            "email":"bucky@email.com",
            "id":2,
            "age":34,
            "companyId":2
        },{
            "name":"Emily",
            "phone":"333-444-555",
            "email":"emily@email.com",
            "id":3,
            "age":43,
            "companyId":3
        }
    ],"companies":[
            {
                "id":1,
                "name":"Apple",
                "description":"Apple is good"
            },{
                "id":2,
                "name":"Miciosoft",
                "description":"Miciosoft is good"
            },{
                "id":3,
                "name":"Google",
                "description":"Google is good"
            }
        ]
}

然后我们就可以运行我们本地的json服务器:

不指定IP
json-server --watch db.json 
指定IP
json-server --host 192.168.31.149 db.json

其实我们也可以修改package.json里边的数据修改运行命令:

{
  "name": "jsonserver",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "json:server": "json-server --watch db.json",
    "json:server:remote":"json-server http://jsonplaceholder.typicode.com/db"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "json-server": "^0.15.1"
  }
}

这样修改之后,我们只需要在命令行输入:

本地运行:

npm run json:server

远程模式:

npm run json:server:remote

到这里我们的json-server就搭建好了

当然怎样的访问json数据,和怎样的调用相关的接口,可以直接访问json-server的官网
https://www.npmjs.com/package/json-server

发表评论

电子邮件地址不会被公开。 必填项已用*标注