Servidor JSON es un activo muy notable para los programadores, particularmente cuando desea crear una API REST falsa con fines de desarrollo y prueba. Permite al usuario generar una API en menos de un minuto. Antes de continuar con la implementación, comprendamos qué puede hacer JSON Server.
El servidor JSON utiliza un simple JavaScript archivo o archivo JSON para mantener operaciones de base de datos como GET, POST, PUT, PATCH y DELETE. Proporciona flexibilidad a los desarrolladores ya que trabaja con tecnologías front-end como Angular, React, Vue, etc.
// Installation npm install -g json-server // To start JSON Server json-server --watch db.json
Las ventajas de JSON Server
- Habilita una API REST completamente falsa con codificación cero en unos segundos.
- Admite todas las solicitudes HTTP esenciales: GET, POST, PUT, PATCH, DELETE.
- Admite respuestas retardadas y genera datos utilizando JS.
- Proporciona una rápida configuración de backend para la creación de prototipos y maquetas.
- Incluye funciones como clasificación, división, filtrado y búsqueda de texto completo.
Servidor JSON en acción
Empezar a utilizar JSON Server es muy sencillo. Después de la instalación, todo lo que necesita es generar un archivo JSON que actuará como diferentes puntos finales de su API. Puede simular los datos en el archivo JSON sobre cómo se ven generalmente en una base de datos del mundo real.
{
"users": [
{ "id": 1, "name": "John", "email": "john@example.com" },
{ "id": 2, "name": "Kane", "email": "kane@example.com" }
],
"posts": [
{ "id": 1, "title": "json-server", "author": "John" }
],
"comments": [
{ "id": 1, "body": "It's amazing", "postId": 1 }
],
"profile": {
"name": "typicode"
}
}
El archivo JSON anterior establece una base de datos con USUARIOS, PUBLICACIONES, COMENTARIOS y PERFIL como sus diferentes tablas. El servidor JSON trata cada clave de nivel superior como un punto final.
Accediendo a los datos JSON
Se podrá acceder a los datos JSON en diferentes puntos finales (también conocidos como rutas en el escenario del servidor). Por ejemplo, si desea ver todos los usuarios, puede solicitar el punto final /users.
fetch('http://localhost:3000/users')
.then(response => response.json())
.then(data => console.log(data));
Aquí estamos utilizando la API de recuperación de JavaScript para solicitar la ruta de los usuarios. El servidor responderá con los datos relacionados con todos los usuarios que configuramos anteriormente en el archivo JSON.
En resumen, el uso de un servidor JSON como API REST simulada para el desarrollo mejorará drásticamente la productividad de su flujo de trabajo de desarrollo. Además, es fácil de configurar e integrar con su proceso.
