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用法

目录
相关文章
|
7月前
|
JSON JavaScript 前端开发
怎么安装JSON服务器?JSON服务器最新安装教程
JSON Server是一款轻量级工具,基于Node.js运行,可通过单个JSON文件快速模拟RESTful API,适用于开发与测试场景。其支持CRUD操作、自定义路由及高级功能如排序、搜索、分页等,同时允许通过中间件扩展功能。为确保安全性,建议在受控环境中使用,并避免处理敏感数据。此外,还有Mirage JS、Mockoon、WireMock和Postman等替代方案,可根据项目需求选择合适的工具。
253 0
|
存储 JSON 前端开发
利用json-server快速在本地搭建一个JSON服务
利用json-server快速在本地搭建一个JSON服务
541 0
|
11月前
|
存储 分布式计算 Hadoop
【赵渝强老师】HDFS数据上传和下载的过程
本文介绍了Hadoop的HDFS中客户端如何通过NameNode上传和下载数据。上传时,数据按块保存至DataNode并实现冗余;下载时,客户端从DataNode获取数据块。文中配有详细流程图及B站视频讲解。
262 3
|
存储 测试技术 Go
用功能模型实现一个预约系统
【9月更文挑战第6天】本文介绍功能模型描述系统的功能需求和操作逻辑,常用数据流图(DFD)或用例图表示,关注系统如何处理输入、输出、数据存储和计算。在订餐系统中,功能模型涵盖预约界面交互、数据库访问、菜单列表查询及时段表管理。对象模型描述系统中的类和对象,功能模型则描述这些对象的功能实现;动态模型描述运行时行为。通过封装、抽象、继承、多态、交互、职责分离及数据和行为的统一,功能模型提高代码组织性和可维护性,增强系统灵活性和扩展性。
987 22
|
C# 索引
C# 一分钟浅谈:接口与抽象类的区别及使用
【9月更文挑战第2天】本文详细对比了面向对象编程中接口与抽象类的概念及区别。接口定义了行为规范,强制实现类提供具体实现;抽象类则既能定义抽象方法也能提供具体实现。文章通过具体示例介绍了如何使用接口和抽象类,并探讨了其实现方式、继承限制及实例化差异。最后总结了选择接口或抽象类应基于具体设计需求。掌握这两者有助于编写高质量的面向对象程序。
587 5
|
JavaScript
升级echarts v5.0以后vue项目报错“export ‘default‘ (imported as ‘echarts‘) was not found in ‘echarts‘
升级echarts v5.0以后vue项目报错“export ‘default‘ (imported as ‘echarts‘) was not found in ‘echarts‘
|
Ubuntu 安全 网络协议
|
编解码 前端开发 UED
【专栏:HTML与CSS实践篇】响应式网站开发实战
【4月更文挑战第30天】本文探讨了响应式网站开发,它能根据用户设备自动调整布局,提供最佳浏览体验。通过HTML和CSS,利用媒体查询、Flexbox和百分比宽度等技术实现响应式设计。媒体查询按屏幕尺寸定义CSS规则,Flexbox处理元素排列。文章通过新闻网站首页设计实例,展示了如何应用这些理论,包括使用Flexbox设计导航栏,使用媒体查询调整轮播图和内容区域,以及创建自适应页脚。遵循移动优先原则,关注性能优化和用户体验,响应式设计是前端开发的关键,为多设备用户提供优质浏览体验。
263 2
|
存储 人工智能 安全
大环境下AI发展迅速,如何保证AI的安全问题?
保障AI安全的关键措施包括:数据隐私保护(加密、访问控制、脱敏、共享协议)、模型安全(验证、鲁棒性、监测、更新)、用户信息保护(透明收集、匿名化、保密协议)、网络安全(实时监测、防护措施)和合规伦理(遵守法规、融入设计)。此外,安全培训和意识提升也是重要一环。多角度策略确保AI技术的安全、健康和可持续发展。
2348 0
N..
|
存储 JSON 前端开发
JSON
JSON
N..
341 1