JSON服务器示例-js教程-PHP中文网

JSON Server Example

JSON服务器示例

>此JSON服务器示例是一系列文章系列的一部分，该系列在2017年中期重写，其中包含最新信息和新示例。 JSON服务器是前端开发人员的流行工具，可在不到一分钟的时间内快速设置完全伪造的REST API。您需要首先通过NPM安装它：

接下来，将一些数据保存在JSON文件中，并将其命名db.json：

<span>npm install -global json-server
</span>

登录后复制

>最后，使用以下命令启动服务器：>

<span>{
</span>  <span>"clients": [
</span>    <span>{
</span>      <span>"id": "59761c23b30d971669fb42ff",
</span>      <span>"isActive": true,
</span>      <span>"age": 36,
</span>      <span>"name": "Dunlap Hubbard",
</span>      <span>"gender": "male",
</span>      <span>"company": "CEDWARD",
</span>      <span>"email": "dunlaphubbard@cedward.com",
</span>      <span>"phone": "+1 (890) 543-2508",
</span>      <span>"address": "169 Rutledge Street, Konterra, Northern Mariana Islands, 8551"
</span>    <span>},
</span>    <span>{
</span>      <span>"id": "59761c233d8d0f92a6b0570d",
</span>      <span>"isActive": true,
</span>      <span>"age": 24,
</span>      <span>"name": "Kirsten Sellers",
</span>      <span>"gender": "female",
</span>      <span>"company": "EMERGENT",
</span>      <span>"email": "kirstensellers@emergent.com",
</span>      <span>"phone": "+1 (831) 564-2190",
</span>      <span>"address": "886 Gallatin Place, Fannett, Arkansas, 4656"
</span>    <span>},
</span>    <span>{
</span>      <span>"id": "59761c23fcb6254b1a06dad5",
</span>      <span>"isActive": true,
</span>      <span>"age": 30,
</span>      <span>"name": "Acosta Robbins",
</span>      <span>"gender": "male",
</span>      <span>"company": "ORGANICA",
</span>      <span>"email": "acostarobbins@organica.com",
</span>      <span>"phone": "+1 (882) 441-3367",
</span>      <span>"address": "697 Linden Boulevard, Sattley, Idaho, 1035"
</span>    <span>}
</span>  <span>]
</span><span>}
</span>

登录后复制

>现在，您可以使用合适的客户端访问简单的REST API。目前，像Chrome，Firefox或Safari这样的现代浏览器会做。打开http：// localhost：3000/客户端，您将以JSON格式看到整个微型数据库。您可以使用请求格式http：// localhost：3000/client/{id}查看项目。例如，打开http：// localhost：3000/clients/59761c23333d8d0f92a6b0570d将产生：

json-server <span>--watch src/db.json
</span>

登录后复制

要了解有关JSON服务器的更多信息，请使用JSON-Server

查看教程模拟REST API

另外：请参阅更多JSON示例。

<span>{
</span>  <span>"id": "59761c233d8d0f92a6b0570d",
</span>  <span>"isActive": true,
</span>  <span>"age": 24,
</span>  <span>"name": "Kirsten Sellers",
</span>  <span>"gender": "female",
</span>  <span>"company": "EMERGENT",
</span>  <span>"email": "kirstensellers@emergent.com",
</span>  <span>"phone": "+1 (831) 564-2190",
</span>  <span>"address": "886 Gallatin Place, Fannett, Arkansas, 4656"
</span><span>}
</span>

登录后复制

这是本系列中的其他示例：

颜色json示例

Google Maps JSON示例

> YouTube JSON示例
> Twitter JSON示例
geoip json示例
> wordpress json示例
>数据库JSON示例
本地休息示例
测试数据JSON示例
>使用JSON服务器的主要目的是什么？它允许开发人员原型和开发应用程序，而无需设置复杂的后端。当您想通过模拟后端快速测试前端代码时，这特别有用。它使用JSON文件来创建数据库，并在框外提供所有标准的REST API端点。

>我如何安装JSON Server？

JSON Server是Node.js模块，可以使用NPM（Node Package Manager）安装。您可以通过在终端或命令提示符中运行命令NPM install -G JSON服务器来在系统上安装它。安装后，您可以使用命令json-server -watch db.json启动服务器，其中db.json是您的数据库文件。

如何在JSON Server中创建自定义路由？

json Server允许您通过创建doutes.json文件来定义自定义路由。在此文件中，您可以将路由映射到不同的JSON对象。例如，如果要将/api/posts映射到/帖子，则将其定义为{/api/posts“：“/posts”}在您的doutes.json文件中。然后，您可以通过运行JSON-Server-Watch DB.JSON-ROUTESROUTES.JSON。

来启动服务器。

>我可以将JSON服务器用于生产吗？

当JSON服务器是用于原型制作和开发的强大工具时，不建议用于生产使用。它缺乏生产环境所需的安全性和性能优化。对于生产，您应该使用适当的数据库和服务器设置。

>如何将数据添加到我的JSON服务器？

您可以通过修改db.json文件将数据添加到JSON服务器中。该文件充当您的数据库，JSON对象中的每个密钥都对应于其他资源。例如，如果要添加新帖子，则会在db.json文件中的帖子数组中添加一个新对象。

如何在JSON Server中过滤数据？

JSON Server支持使用查询参数过滤数据。例如，如果您想获取所有标题“ Hello World”的帖子，则会将Get请求发送到 /帖子？title = Hello World。这将返回标题为“ Hello World”的所有帖子。

>我可以将JSON服务器与其他编程语言一起使用吗？

是的，JSON Server是语言 - 敏捷的，并且可以与任何可以发送HTTP请求的编程语言一起使用。这包括JavaScript，Python，Ruby，Java等。例如，如果您想获得前10个帖子，则将get请求发送到 /帖子？_page = 1＆_limit = 10。这将返回前10个帖子。

>我可以在JSON服务器中对数据进行排序吗？

是的，JSON Server支持使用_sort和_order查询参数对数据进行分类。例如，如果您想以升级顺序按标题排序的帖子，则将get请求发送到 /帖子？_ _sort = title＆_order = asc。例如，如果您想更新帖子的标题，则将put或patch请求发送到 /posts /1，其中1是帖子的ID，并在请求正文中带有新标题。

以上是JSON服务器示例的详细内容。更多信息请关注PHP中文网其他相关文章！