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服務器:
    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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM