您当前的位置:首页 > 电脑百科 > 站长技术 > 服务器

web服务器json-serve详解

时间:2023-11-09 11:53:16  来源:今日头条  作者:web技术的分享者

简介

JSON-Server 是一个 Node 模块,运行 Express 服务器,你可以指定一个 json 文件作为 api 的数据源。

一、安装 JSON-Serve (Install JSON Server)

使用 npm 或 yarn 工具安装

npm install -g json-server
yarn global add json-server

文件的目录结构:

 

web服务器json-serve详解

 

 

启动 json-server

json-server可以直接把一个json文件托管成一个具备全RESTful风格的API,并支持跨域、jsonp、路由订制、数据快照保存等功能的 web 服务器。

json-serve 命令参数,习惯使用help查看命令详情
json-server --help

bin.js [options] <source>
选项:
-c, --config Path to config file[默认值: "json-server.json"]
-p, --port Set port [默认值: 3000]
-H, --host Set host [默认值: "localhost"]
-w, --watch Watch file(s) [布尔]
-r, --routes Path to routes file
-m, --middlewares Paths to middleware files [数组]
-s, --static Set static files directory
--read-only, --ro Allow only GET requests [布尔]
--no-cors, --nc Disable Cross-Origin Resource Sharing [布尔]
--no-gzip, --ng Disable GZIP Content-Encoding [布尔]
-S, --snapshots Set snapshots directory [默认值: "."]
-d, --delay Add delay to responses (ms)
-i, --id Set database id property (e.g. _id)
[默认值: "id"]
--foreignKeySuffix, --fks Set foreign key suffix (e.g._id as in post_id)
[默认值: "Id"]
-q, --quiet Suppress log messages from output [布尔]
-h, --help 显示帮助信息 [布尔]
-v, --version 显示版本号 [布尔]
示例:
bin.js db.json
bin.js file.js
bin.js
http://example.com/db.json

https://Github.com/typicode/json-server

创建 db-api.json 文件内容如下

{
  "goods": [
    { "id": 1,  "name": "苹果",   "price": 10  },
    { "id": 2,  "name": "橘子",   "price": 15  },
    { "id": 3,  "name": "西瓜",   "price": 8   },
    { "id": 4,  "name": "橘子1",   "price": 15  },
    { "id": 5,  "name": "橘子2",   "price": 15  },
    { "id": 6,  "name": "橘子3",   "price": 15  },
    { "id": 7,  "name": "橘子4",   "price": 15  },
    { "id": 8,  "name": "橘子5",   "price": 15  },
    { "id": 9,  "name": "橘子6",   "price": 15  }
  ],
  "shoppingCart": [
    { "id": 3, "name": "西瓜",   "price": 8,   "amount": 1    },
    { "id": 2, "name": "橘子",   "price": 15,  "amount": 2    },
    { "id": 1, "name": "苹果",   "price": 10,  "amount": 2    }
  ],
  "posts": [
    { "id": 1, "title": "json-server", "author": "typicode"   }
  ],
  "comments": [
    { "id": 1,  "body": "some comment",   "postId": 1    }
  ],
  "profile": {    "name": "typicode"  },
  "getUserInfo": {
    "username": "张三",
    "accessToken": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJkYXRhIjpbeyJuYW1lIjoiaGt6In0seyJwd2QiOiIxMjM0NTYifV0sImlhdCI6MTY5ODM3ODE4OCwiZXhwIjoxNzY3MTEwMzk5LCJhdWQiOiIxMjM0NTYiLCJpc3MiOiJkZWx5Iiwic3ViIjoiMTIzNDU2In0.AXQRLBr7o71C8Uv5BzvcKX5osPkFgOKJwHTGzSvTOgE",
    "refreshToken": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJkYXRhIjpbeyJuYW1lIjoiaGt6In0seyJwd2QiOiIxMjM0NTYifV0sImlhdCI6MTY5ODM3ODE4OCwiZXhwIjoxNzY3MTEwMzk5LCJhdWQiOiIxMjM0NTYiLCJpc3MiOiJkZWx5Iiwic3ViIjoiMTIzNDU2In0.AXQRLBr7o71C8Uv5BzvcKX5osPkFgOKJwHTGzSvTOgE",
    "roles": ["common","admin","edit","update","select","delete" ]
  },
  "login": {
    "data":{
      "username": "张三",
      "accessToken": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJkYXRhIjpbeyJuYW1lIjoiaGt6In0seyJwd2QiOiIxMjM0NTYifV0sImlhdCI6MTY5ODM3ODE4OCwiZXhwIjoxNzY3MTEwMzk5LCJhdWQiOiIxMjM0NTYiLCJpc3MiOiJkZWx5Iiwic3ViIjoiMTIzNDU2In0.AXQRLBr7o71C8Uv5BzvcKX5osPkFgOKJwHTGzSvTOgE",
      "refreshToken": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJkYXRhIjpbeyJuYW1lIjoiaGt6In0seyJwd2QiOiIxMjM0NTYifV0sImlhdCI6MTY5ODM3ODE4OCwiZXhwIjoxNzY3MTEwMzk5LCJhdWQiOiIxMjM0NTYiLCJpc3MiOiJkZWx5Iiwic3ViIjoiMTIzNDU2In0.AXQRLBr7o71C8Uv5BzvcKX5osPkFgOKJwHTGzSvTOgE",
      "roles": ["common","admin","edit","update","select","delete"]
    },
    "code":0,
    "status":0,
    "message":"成功"
  },
  "token": {
    "header": { "alg": "HS256", "typ": "JWT"    },
    "payload": {
      "data":  { "name": "张三" , "pwd": "123456" },
      "iat": 1698378188,
      "exp": 1767110399,
      "aud": "123456",
      "iss": "zhangshan",
      "sub": "123456"
    }
  }
}

运行 json-server

 json-server --watch db-api.json
 json-server --watch db-api.json --port 8080
 # 创建配置文件 config.json,内容如下:
    {
        "port": 8989,
        "watch": true,
        "read-only": false,
        "no-cors": false,
        "no-gzip": false
    }
 # 指定配置文件
json-server --ro --watch -c config.json db-api.json

{_}/ hi!
Loading db-api.json
Done

Resources
http://localhost:3000/goods
http://localhost:3000/shoppingCart
http://localhost:3000/posts
http://localhost:3000/comments
http://localhost:3000/profile
http://localhost:3000/getUserInfo
http://localhost:3000/login
http://localhost:3000/token

Home
http://localhost:3000

Type s + enter at any time to create a snapshot of the database
Watching...

打开浏览器,输入: http://localhost:3000/ 显示效果

 

web服务器json-serve详解

 

全部查询

点击 /login object

http://localhost:3000/login

{
    "data": {
        "username": "张三",
        "accessToken": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJkYXRhIjpbeyJuYW1lIjoiaGt6In0seyJwd2QiOiIxMjM0NTYifV0sImlhdCI6MTY5ODM3ODE4OCwiZXhwIjoxNzY3MTEwMzk5LCJhdWQiOiIxMjM0NTYiLCJpc3MiOiJkZWx5Iiwic3ViIjoiMTIzNDU2In0.AXQRLBr7o71C8Uv5BzvcKX5osPkFgOKJwHTGzSvTOgE",
        "refreshToken": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJkYXRhIjpbeyJuYW1lIjoiaGt6In0seyJwd2QiOiIxMjM0NTYifV0sImlhdCI6MTY5ODM3ODE4OCwiZXhwIjoxNzY3MTEwMzk5LCJhdWQiOiIxMjM0NTYiLCJpc3MiOiJkZWx5Iiwic3ViIjoiMTIzNDU2In0.AXQRLBr7o71C8Uv5BzvcKX5osPkFgOKJwHTGzSvTOgE",
        "roles": [
            "common",
            "admin",
            "edit",
            "update",
            "select",
            "delete"
        ]
    },
    "code": 0,
    "status": 0,
    "message": "成功"
}

条件查询

http://localhost:3000/goods

[
    {
        "id": 1,
        "name": "苹果",
        "price": 10
    },
    {
        "id": 2,
        "name": "橘子",
        "price": 15
    },
    {
        "id": 3,
        "name": "西瓜",
        "price": 8
    }
]

http://localhost:3000/goods?id=1

[
    {
        "id": 1,
        "name": "苹果",
        "price": 10
    }
]

分页查询

默认后台处理分页参数为: _page 第几页, _limit一页多少条。

http://localhost:3000/goods?_page=2&_limit=5

[
    {
        "id": 6,
        "name": "橘子3",
        "price": 15
    },
    {
        "id": 7,
        "name": "橘子4",
        "price": 15
    },
    {
        "id": 8,
        "name": "橘子5",
        "price": 15
    },
    {
        "id": 9,
        "name": "橘子6",
        "price": 15
    }
]

排序

参数: _sort设定排序的字段, _order设定排序的方式(默认升序 asc, desc)

http://localhost:3000/goods?_page=2&_limit=5&_sort=id

http://localhost:3000/goods?_page=2&_limit=5&_sort=id&_order=desc

http://localhost:3000/goods?_page=2&_limit=5&_sort=id&_order=asc

支持多个字段排序:

http://localhost:3000/goods?_page=2&_limit=5&_sort=id,price&_order=asc

http://localhost:3000/goods?_limit=5&_sort=price,id&_order=asc,asc

任意切片数据(Slice)

http://localhost:3000/goods?_start=3&_end=7

全文检索

可以通过q参数进行全文检索

http://localhost:3000/goods?q=6

web服务器json-serve详解

 



Tags:web服务器   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,不构成投资建议。投资者据此操作,风险自担。如有任何标注错误或版权侵犯请与我们联系(Email:2595517585@qq.com),我们将及时更正、删除。
▌相关推荐
web服务器json-serve详解
简介JSON-Server 是一个 Node 模块,运行 Express 服务器,你可以指定一个 json 文件作为 api 的数据源。一、安装 JSON-Serve (Install JSON Server)使用 npm 或 yarn 工具安装...【详细内容】
2023-11-09  Tags: web服务器  点击:(0)  评论:(0)  加入收藏
使用Docker搭建Nginx Web服务器
在本文中,我们将介绍如何使用Docker快速搭建Nginx Web服务器。Nginx是现代化的高性能Web服务器,它在目前的Web服务器中表现出色。而使用Docker来搭建环境则使得部署变得更加简...【详细内容】
2023-09-08  Tags: web服务器  点击:(100)  评论:(0)  加入收藏
GitHub 42k+星,这个号称超越Nginx的Web服务器有点厉害
Caddy是一个强大且可扩展的Web服务器、代理服务器。Caddy使用Go语言开发,支持HTTP/2IPv6、Markdown、WebSockets、FastCGI、模板等等,目前已经超过42k star。功能特性 相比N...【详细内容】
2022-09-01  Tags: web服务器  点击:(259)  评论:(0)  加入收藏
高性能的Web服务器Gunicorn 20.1配置Superset 1.4
什么是Gunicorn?Gunicorn(绿色独角兽)是一个用于UNIX的Python WSGI HTTP服务器。这是从Ruby的Unicorn项目移植来的一个前fork工作器模型。Gunicorn服务器广泛兼容各种web框架,并...【详细内容】
2022-01-30  Tags: web服务器  点击:(1025)  评论:(0)  加入收藏
Web服务器与应用服务器之间区别是什么?
“web服务器”负责响应来自用户端比如浏览器的请求,并向客户端返回静态资源的网页,比如图片,视频,网盘上分享的各种文件下载等。Web 服务器只处理静态的文件而不处理动态内容,仅...【详细内容】
2022-01-17  Tags: web服务器  点击:(91)  评论:(0)  加入收藏
Winserver2019 web服务器使用自签名证书进行https加密域名访问
1. 实验说明:前面的章节我们已经简单学习了windows server2019上如何搭建web服务器的,有的同学可能在上网的过程中会发现有些域名是使用的http访问而有的域名则是使用https加...【详细内容】
2021-07-07  Tags: web服务器  点击:(738)  评论:(0)  加入收藏
Winserver 2019 搭建web服务器
1.实验说明:Web服务器一般指网站服务器,是指驻留于因特网上某种类型计算机的程序,可以处理浏览器等Web客户端的请求并返回相应响应,也可以放置网站文件,让全世界浏览;可以放置数据...【详细内容】
2021-07-06  Tags: web服务器  点击:(2008)  评论:(0)  加入收藏
吊打tomcat的高性能web服务器undertow
一,undertow介绍 1,undertow简介:Undertow是RedHAT红帽公司开源的产品,采用java开发,是一款灵活,高性能的web服务器,提供了NIO的阻塞/非阻塞API,也是Wildfly的默认Web容器。在javaw...【详细内容】
2021-05-07  Tags: web服务器  点击:(4753)  评论:(0)  加入收藏
phpstudy,自带web服务器,MySQL数据库
在这篇文章中,小编要给您推荐的是这款内置集成环境的软件,phpstudy。有些人一看到这个是国产的集成环境软件,心里就过不去,但是小编想说的是,不要因为他是国产软件就直接否定他,实...【详细内容】
2020-06-09  Tags: web服务器  点击:(1177)  评论:(0)  加入收藏
最新macOS破坏SSH默认规则,程序员无法登录Web服务器
苹果电脑最新的10.15.4系统,你更新了吗?如果你不幸升级,而且还是要使用SSH的用户,那么恭喜你中招了。 最近,一位名叫Taylor Hall的程序员发现,自从更新了到macOS Catalina最新版,...【详细内容】
2020-04-12  Tags: web服务器  点击:(312)  评论:(0)  加入收藏
▌简易百科推荐
web服务器json-serve详解
简介JSON-Server 是一个 Node 模块,运行 Express 服务器,你可以指定一个 json 文件作为 api 的数据源。一、安装 JSON-Serve (Install JSON Server)使用 npm 或 yarn 工具安装...【详细内容】
2023-11-09  web技术的分享者  今日头条  Tags:web服务器   点击:(0)  评论:(0)  加入收藏
Meta 的无服务器平台是如何做到每天处理数万亿次函数调用的
作者 | Leonardo Creed译者 | 平川策划 | Tina本文最初发布于 Engineer&rsquo;s Codex 博客。Meta 的无服务器平台 XFaaS“每天要处理来自数十个数据中心区域的 10 万多台服...【详细内容】
2023-11-02    InfoQ  Tags:服务器   点击:(13)  评论:(0)  加入收藏
云服务器应用优势分析,你知道有哪些有事吗?
随着云计算、物联网等新兴技术的蓬勃发展,越来越多的企事业单位开始将IT业务逐步向云服务器转移。企业上云已成为趋势。加快信息化进程,业务上云。对于企业用户来说,云服务器在...【详细内容】
2023-11-02  Dotnet讲堂  微信公众号  Tags:云服务器   点击:(11)  评论:(0)  加入收藏
掌握Nginx的高级用法,构建高性能Web应用
Nginx是一款高性能的Web服务器和反向代理服务器,它广泛用于构建高性能、可靠和安全的Web应用程序。除了基本的用法外,Nginx还提供了一些高级功能和配置选项,可以进一步优化性能...【详细内容】
2023-10-26  树言树语Tree  今日头条  Tags:Nginx   点击:(21)  评论:(0)  加入收藏
分享Nginx搭建Web测试报告服务器的落地方案
Nginx搭建web测试报告服务器的实现思路有这样一个需求:把自动化测试过程中生成的html测试报告能够通过浏览器直接访问查看!实现思路很简单,就是部署一个web服务器,然后把测试报...【详细内容】
2023-10-26  测试开发Kevin  今日头条  Tags:Nginx   点击:(17)  评论:(0)  加入收藏
轻松利用日志动态分析平台玩转Nginx运维管理
一、分享背景1、关于此次分享(1) 关于炎凰数据炎凰数据是一家专注于打造自主知识产权的大数据处理平台的公司。(2) 关于鸿鹄鸿鹄是炎凰数据为广大开发者(研发人员、数据分析...【详细内容】
2023-10-24  DataFunTalk  微信公众号  Tags:Nginx   点击:(23)  评论:(0)  加入收藏
如何确定Apache Kafka的大小和规模
作者丨Andrew Mills编译丨云昭调整或扩展Kafka以获得最佳成本和性能的第一步是了解数据流平台如何使用资源。这里给一些实用的建议。实现Apache Kafka的团队,或者扩展他们对...【详细内容】
2023-10-23    51CTO  Tags:Kafka   点击:(20)  评论:(0)  加入收藏
Nginx配置指南:快速安装与反向代理设置
Nginx是一个开源的高性能HTTP和反向代理服务器,它也可以用作邮件代理服务器和通用的TCP/UDP代理服务器。在本文中,我将详细介绍如何安装和配置Nginx,并介绍Nginx的主要配置文...【详细内容】
2023-10-17  树言树语Tree  今日头条  Tags:Nginx   点击:(30)  评论:(0)  加入收藏
Tomcat配置参数原来这么玩?
connectionTimeout参数是说当客户端有服务器连接以后,如果客户端不输入任何内容,那么超过了connectionTimeout设置的时间后连接会被断开。application.yml配置server: port:...【详细内容】
2023-10-11  Springboot实战案例锦集    Tags:Tomcat   点击:(40)  评论:(0)  加入收藏
在Linux服务器上部署容器化的企业级文件共享和协作平台
企业级文件共享和协作平台是一种用于组织内部或跨部门之间文件共享、协作和管理的系统。这种平台可以提供文件存储、同步、版本控制、权限管理等功能,有助于提高工作效率和团...【详细内容】
2023-10-10  编程技术汇  今日头条  Tags:Linux   点击:(33)  评论:(0)  加入收藏
站内最新
站内热门
站内头条