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
做最好的自己,不努力永远看不到自己的光环。别在该努力的年纪享乐,就不会在该享乐的年纪吃苦!