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":"[email protected]",
                "id":1,
                "age":33,
                "companyId":1
            },{
                "name":"Bucky",
                "phone":"333-444-555",
                "email":"[email protected]",
                "id":2,
                "age":34,
                "companyId":2
            },{
                "name":"Emily",
                "phone":"333-444-555",
                "email":"[email protected]",
                "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"
      }
    }

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

    本地运行:

    npm run json:server

    远程模式:

    npm run json:server:remote
  • 到这里我们的json-server就搭建好了
  • 当然怎样的访问json数据,和怎样的调用相关的接口,可以直接访问json-server的官网
    https://www.npmjs.com/package/json-server

猜你喜欢

转载自www.cnblogs.com/zhuzhu520/p/11458282.html