json-server的安装及使用

最新推荐文章于 2024-06-12 00:09:02 发布

weixin_30632089

最新推荐文章于 2024-06-12 00:09:02 发布

阅读量1.7k

点赞数

文章标签： json 运维操作系统

原文链接：http://www.cnblogs.com/zhuzhu520/p/11458282.html

版权

首先介绍一下什么是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服务器：

json-server --watch 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"
  }
}