json-server的简单使用

简介: 如何使用`json-server`来快速搭建一个模拟API服务,包括安装`json-server`、创建JSON数据文件、启动服务以及通过浏览器测试API的基本操作。

首先,我们需要安装node和配置node环境,…略过。
新建文件夹,打开cmd,执行如下命令

npm i json-server 
//或者
npm i json-server -g//安装到全局 在任意文件夹下可以使用

如果是将json-server下载到当前文件夹下 我们还需要一个步骤才能下载json-server

npm init //会生成package.json文件  然后再npm i json-server

我们还需要一个json文件,因为我们是要mock一个json数据,
dome01.json

{
   
    "nameList": [
        {
   
            "id": "1",
            "age": "18",
            "habby": "跳舞"
        },
        {
   
            "id": "2",
            "age": "28",
            "habby": "唱歌"
        },
        {
   
            "id": "3",
            "age": "38",
            "habby": "画画"
        }
    ],
    "type": [
        {
   
            "id": "1",
            "thisType": "教师"
        },
        {
   
            "id": "2",
            "thisType": "程序员"
        },
        {
   
            "id": "3",
            "thisType": "项目经理"
        }
    ]
}

我们再dome01.json同级文件夹中打开cmd
执行

json-server --watch doem01.json --port 8000  --host 127.0.0.1

当然上面的–watch可以简写–w
端口可以换成其他的
也可以直接

json-server -w doem01.json

这时候我们看到这样就算成功了
在这里插入图片描述
我们可以看到给了我们两个url
后面的路由正好是我们在json里面的两个key

1.比如我们在浏览器查询

http://127.0.0.1:8090/nameList

在这里插入图片描述

会给我们将nameList这个对象数据返回过来
2.我们还可以带参查询比如

http://127.0.0.1:8090/nameList?id=2

会将nameList中id为2的对象返回
在这里插入图片描述
3.也可以查询id=1并且age=18的对象

http://127.0.0.1:8090/nameList?id=1&age=18

在这里插入图片描述
4.还可以进行模糊查询 q

http://127.0.0.1:8090/nameList?q=

在这里插入图片描述
我们这里只是简单的接受怎么使用,理解了怎么使用再查文档就能很快地开发了,其中数据库的所有查询在json-server中都可以实现,想继续学习的朋友可以看一下详细的json-server用法

目录
相关文章
Element el-color-picker 颜色选择器详解
本文目录 1. 前言 2. 基本用法 3. 带默认值 4. 调整尺寸 5. 小结
3507 0
Element el-color-picker 颜色选择器详解
|
JSON JavaScript 前端开发
怎么安装JSON服务器?JSON服务器最新安装教程
JSON Server是一款轻量级工具,基于Node.js运行,可通过单个JSON文件快速模拟RESTful API,适用于开发与测试场景。其支持CRUD操作、自定义路由及高级功能如排序、搜索、分页等,同时允许通过中间件扩展功能。为确保安全性,建议在受控环境中使用,并避免处理敏感数据。此外,还有Mirage JS、Mockoon、WireMock和Postman等替代方案,可根据项目需求选择合适的工具。
513 0
|
9月前
|
小程序 Java 知识图谱
Java 学习笔记 —— BMI & BMR 计算器
这是一个使用 Java 编写的 BMI 与 BMR 计算器小程序,可输入年龄、性别、身高和体重,计算身体质量指数(BMI)和基础代谢率(BMR),并输出健康评估结果。通过该项目,掌握了 Java 的输入处理、数据验证、条件判断、数学运算及格式化输出等基础知识,是 Java 初学者的理想练习项目。
|
10月前
|
存储 弹性计算 小程序
阿里云高校学生及教师用户专属“云工开物”活动学生和教师优惠权益及规则介绍
云工开物是阿里云面向全国高校学生及教师用户推出的专项高校计划,旨在通过提供丰富的云端资源和优惠权益,助力高校师生在云上科研、教学和学习活动中取得更显著的成果。本文将深入解析“云工开物”计划下高校学生及教师的权益规则,并详细解答常见问题,帮助师生更好地理解和利用这一计划。
1433 0
|
JSON JavaScript 前端开发
什么是HTTP POST请求?初学者指南与示范
HTTP POST请求是一种常用的HTTP方法,主要用于向服务器发送数据。通过合理设置请求头和请求主体,可以实现数据的可靠传输。无论是在客户端使用JavaScript,还是在服务器端使用Node.js,理解和掌握POST请求的工作原理和应用场景,对于Web开发至关重要。
2881 18
|
存储 JSON 前端开发
利用json-server快速在本地搭建一个JSON服务
利用json-server快速在本地搭建一个JSON服务
745 0
|
Java
记一个 Base64 有关的 Bug
了解一下,下一次用 Java 开发 Base64 有关的逻辑的时候注意绕过。
403 2
|
SQL NoSQL 数据库
Flutter Hive NoSql 数据库使用指南
本文将会写一个 Hive CURD 的例子,详细介绍 Hive 这个轻量级的 Flutter 离线数据库的使用方法,包括 Hive 在 Flutter 开发中的重要性、Hive 与 SQLite 的比较等,帮助开发者快速上手 Hive 数据库。
684 6
Flutter Hive NoSql 数据库使用指南
|
JSON Unix 测试技术
Wrk压测发送Post请求的正确姿势
这篇文章是关于如何使用Wrk工具进行HTTP基准测试的指南,包括Wrk的安装、基本用法、执行Get和Post请求的示例,以及在进行Post请求测试时正确设置Lua脚本的重要性。
1363 1
|
缓存 前端开发 JavaScript
前端开发中的性能优化策略
在当今Web应用程序开发中,性能优化是至关重要的一环。本文将介绍前端开发中的性能优化策略,包括减少HTTP请求、利用CDN加速、优化图片和视频、缓存策略等方面的具体技术手段,帮助开发者更好地提升网站性能。
518 1