首页 > web前端 > js教程 > 使用JSON服务器启动并运行假的REST API

使用JSON服务器启动并运行假的REST API

Lisa Kudrow
发布: 2025-03-13 12:58:10
原创
410 人浏览过

在本教程中,您将看到如何使用JSON-Server开始设置和使用伪造的REST API服务器,在开发移动或Web应用程序时可以使用它们。本教程假设您对JSON和HTTP请求有基本知识。

什么是休息?

休息代表代表性国家转移。这是用于设计连接应用程序的架构样式。它使用简单的HTTP使机器之间的通信成为可能。因此,REST没有使用URL来操纵某些用户信息,而是将HTTP请求发送到get,post,delete等,以操纵数据。

例如,该请求不再像/deleteuser?id=10一样向URL提出get请求,而是DELETE /user/10

为什么我们需要假的REST API?

REST API构成移动和Web应用程序的后端。在开发应用程序时,有时您不会准备好将其用于开发目的。要查看在行动中的移动应用程序或Web应用程序,我们需要一台提供一些虚拟JSON数据的服务器。

那是假的REST API进入图片的时候。 json-server提供了以最少的精力设置假REST API服务器的功能。

入门

要开始使用json-server ,请使用Node软件包管理器(NPM)安装软件包。

 NPM安装-G JSON服务器<br>
登录后复制

根据您的要求,创建一个带有一些数据的虚拟JSON文件。例如,我需要一些JSON数据,其中包含用户信息,例如ID,名称,位置等。因此,我将创建一个名为info.json的文件,其中json信息:

 {<br> “用户”:[{<br> “ id”:1,<br> “名称”:“ Roy”,<br> “位置”:“印度”<br> },{<br> “ id”:2,<br> “名称”:“山姆”,<br> “位置”:“威尔士”<br> ]]<br> }<br>
登录后复制

从终端中,以info.json作为数据源运行JSON服务器,您应该将REST API运行在http:// localhost:3000。

 JSON-Server Info.json<br>
登录后复制

测试REST API端点

由于我们的假REST API服务器正在启动并运行,因此让我们看看如何使用客户端访问REST API。我正在使用Postman REST客户端进行API调用。

获取请求

让我们首先向其余URL GET请求。在JSON文件中,我们定义了一个端点users ,其中包含与用户相关的信息。在向URL GET请求http:// localhost:3000/用户时,它应显示现有数据。

使用JSON服务器启动并运行假的REST API

发表请求

为了将新数据添加到现有数据中,我们将向URL http:// localhost:3000/用户提出POST请求。这是POST请求的样子:

使用JSON服务器启动并运行假的REST API

尝试执行GET请求,并且您应该在info.json文件中获得新添加的数据。

 [<br> {<br> “ id”:1,<br> “名称”:“ Roy”,<br> “位置”:“印度”<br> },,<br> {<br> “ id”:2,<br> “名称”:“山姆”,<br> “位置”:“威尔士”<br> },,<br> {<br> “名称”:“ ii”,<br> “位置”:“ la”,<br> “ ID”:7<br> },,<br> {<br> “名称”:“ Shona”,<br> “位置”:“ la”,<br> “ ID”:8<br> },,<br> {<br> “名称”:“ Shona”,<br> “位置”:“ la”,<br> “ ID”:9<br> }<br>这是给出的<br>
登录后复制

删除请求

要从json-server数据删除条目,您需要使用用户ID将DELETE请求发送到API端点。例如,要使用ID 1删除用户,您需要将DELETE请求发送到端点http:// localhost:3000/users/1。删除后,尝试执行GET请求,并且具有ID 1的用户不应在返回的JSON中。

补丁请求

要更新现有条目,您需要发送一个PATCH请求,其中包含有关该特定条目需要更新的详细信息。例如,为了更新具有ID 2的用户的详细信息,我们将向URL发送PATCH请求http:// localhost:3000/users/2,如图所示:

使用JSON服务器启动并运行假的REST API

搜索JSON服务器REST API

使用json-server REST API,您可以根据某些标准搜索数据以查找数据。例如,为了找到具有特定名称的用户,您需要向RETS API URL发送GET请求,如下所示:

使用JSON服务器启动并运行假的REST API

如上图中所示,将get请求发送到url http:// localhost:3000/users?name = shona = shona将以Shona名称返回用户。同样,要搜索具有任何其他字段的用户,您需要将该字段添加到查询字符串中。

为了在REST API端点上执行全文搜索,您需要将搜索字符串以及参数q添加到端点。例如,为了搜索包含搜索字符串s的信息的用户,请求看起来像:

使用JSON服务器启动并运行假的REST API

处理分页

在显示分页的数据网格时,需要根据分页获取一些数据。在这种情况下, json-server提供了嘲笑JSON数据的功能。默认情况下,从json-server返回的数据计数为10。我们可以使用_limit参数明确定义此限制。

 http:// localhost:3000/用户?_limit = 5<br>
登录后复制

上述URL请求将返回五个记录。现在,为了打开数据,我们需要在URL中添加另一个参数_page_page定义该页面,该页面需要在返回数据时需要获取。

 http:// localhost:3000/用户?_limit = 5&_page = 2<br>
登录后复制

上述URL请求将返回数据集的第二页,每个页面有五个记录。通过更改_page变量,我们可以获取所需的页面记录。

处理分类

json-server提供了对检索到的数据进行排序的功能。我们可以通过提供需要分类的列名和需要对数据进行排序的顺序来对数据进行排序。默认情况下,数据按升序排序。我们可以使用关键字_sort在端点URL中提供列名,并使用关键字_order定义顺序。这是一个示例URL:

 http:// localhost:3000/用户?_sort = id&_order = desc<br>
登录后复制

上面的URL将根据列Id对数据进行排序,并将按降序排序。

使用JSON服务器启动并运行假的REST API

处理操作员

json-server还提供了支持操作员的功能,例如在两个值之间找到具有ID的条目或与特定正则表达式匹配的条目。

要在特定范围内找到一个条目,我们可以使用_gte_lte操作员。例如,要查找ID大于3和小于5的用户,请向URL http:// localhost:3000/users?id_gte = 3&id_lte = 5,如下所示:

使用JSON服务器启动并运行假的REST API

如果我们想搜索以某个字母开头的名称,则可以使用正则表达式。例如,要搜索从字母sa开始的名称,我们将使用_like操作员,并向URL http:// localhost:3000/users?name_like =^sa提出GET request。

使用JSON服务器启动并运行假的REST API

结论

在本教程中,您看到了如何使用json-server REST API创建虚拟数据库以快速使用。您学会了如何开始使用json-server并查询URL以添加,更新,修改和删除数据。您看到了如何分页,分类和搜索虚拟数据。您还看到了如何使用操作员使用正则表达式搜索条目。

您是否使用json-server或任何其他假REST API服务器进行虚拟数据创建?您的经历如何?请让我们知道您在Envato论坛上的想法。

以上是使用JSON服务器启动并运行假的REST API的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板