如何在Windows计算机上安装JSON-server

时间：2024-05-11 来源：点击：

手机扫码继续观看

　　在本指南中，我们将了解如何在 Windows 计算机上安装 JSON 服务器。因此，如果你是一名前端开发人员，或者只是一个想要探索以 JSON 作为数据源的 API 的有志者，本指南适合你。

　　什么是 JSON 服务器?

　　JSON 代表 JavaScript 对象表示法，一种轻量级数据交换格式。JSON Server 是一种基于 Node.js 的轻松工具，它使开发人员能够通过使用 JSON 文件作为数据源来模拟 RESTful API。这对前端开发人员特别有用，因为他们可以创建模拟 API，而无需在后端 API 尚不可用时编写复杂的服务器端代码。因此，如果您使用的是客户端计算机，并且您无权访问后端 API 或数据库，那么 JSON-server 是您的最佳选择。

　　在 Windows 计算机上安装 JSON-server

　　若要在 Windows 计算机上安装 JSON 服务器，我们将使用 Visual Studio Code IDE。为此，请按照以下步骤操作。

　　让我们详细谈谈它们。

　　一、下载并安装 Visual Studio Code

　　首先，我们需要从 code.visualstudio.com 下载 Visual Studio Code。它是Microsoft的免费IDE，我们将在下文中使用它来创建JSON文件。转到前面提到的链接后，请确保单击 Windows 图标，因为本教程适用于 Windows。

　　二、安装 JSON 服务器

　　现在，我们需要在您的计算机上安装 JSON 服务器。首先，打开文件资源管理器并导航到您的项目。然后，右键单击空格并选择终端>命令提示符。最后，执行以下命令安装JSON服务器。

　　npm install -g json-server

　　JSON 服务器未全局安装在您的计算机上。如果您在本地需要它，对于特定应用程序，则需要使用下面提到的命令。

　　npm i json-server

　　这就是在计算机上安装 JSON 服务器的方法。

　　三、使用 Visual Studio Code 创建 JSON 文件

　　在我们的计算机上安装 JSON Server 后，我们可以继续创建一个 JSON 文件，该文件充当我们项目的数据库。若要执行相同的操作，请从“开始”菜单中打开 Visual Studio Code。打开 VS Code 后，单击“文件>文件夹”，然后导航到项目的位置(使用 cd 命令)。

　　打开文件夹后，单击“新建文件”图标，然后输入.json。我们将为您提供一个示例代码，您可以将其粘贴到那里。

　　我们将开发一个示例 API，用于将请求发送到终结点。此 API 将响应 HTTP 请求，这使其成为需要快速开发项目的前端开发人员的绝佳选择。JSON 服务器将用于创建此 API，允许开发人员执行创建、读取、更新和删除 (CRUD) 操作，并以 JSON 格式保存数据。JSON 数据由键值对构成，并按以下格式编写：

　　{

　　"name": "Gregg",

　　"emp-ID": 101,

　　"gender": "Male",

　　"team": "Database"

　　}

　　此处，“name”、“emp-ID”、“gender”和“team”是属性，“Gregg”、“101”、“Male”和“Database”是与这些属性关联的值。

　　在 JSON 文件中定义数据。它可以是对象数组，也可以是具有嵌套对象的对象。每个对象都应具有唯一的 ID。

　　四、启动 JSON 服务器

　　既然我们已经创建了 JSON 文件，那么让我们启动服务器。若要执行相同的操作，请打开命令提示符，使用 cd 命令导航到项目的位置，然后运行以下命令。

　　json-server --watch db.json

　　系统将要求您允许私有和公共网络访问Node.JS Javascript 运行时，单击“允许”。该命令将运行并给出输出。您需要将下面提到的 URL 索引并将其粘贴到浏览器中以打开 JSON 服务器。