json-server的安装及使用

Posted 2022-09-30 zhuzhu520

• 首先介绍一下什么是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":"[e-mail]",
              "id":1,
              "age":33,
              "companyId":1
          ,
              "name":"Bucky",
              "phone":"333-444-555",
              "email":"[e-mail]",
              "id":2,
              "age":34,
              "companyId":2
          ,
              "name":"Emily",
              "phone":"333-444-555",
              "email":"[e-mail]",
              "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