BookinglyTech News
Software

Playground API: Mock que recuerda tus POST, PATCH y DELETE

Niles Labs lanza Playground API, un mock REST y GraphQL que guarda el estado de tu sesión en la nube sin configuración ni base de datos local.

2 min de lecturaDev.to0 vistas

Playground API, un mock que guarda estado

Niles Labs presenta Playground API, una sandbox en la nube que persiste los cambios de tu backend simulador. Al enviar un POST recibes un id, ese recurso queda almacenado y es accesible con GET. Si lo actualizas con PATCH o PUT, la siguiente consulta devuelve los datos modificados. Borrar con DELETE hace que la siguiente GET devuelva 404 Not Found.

Problema con los mocks tradicionales

Los mocks gratuitos como JSONPlaceholder o Mocky sólo devuelven respuestas estáticas: aceptan el payload, asignan un id y se olvidan del resto. Los desarrolladores se ven obligados a:

  • crear un backend temporal con Node/Express/SQLite;
  • escribir adaptadores que guardan en localStorage o IndexedDB;
  • usar estados locales en el componente.

Todo eso rompe la cadena de pruebas HTTP reales y no refleja latencia ni manejo de encabezados.

Cómo funciona Playground API

La API crea una session virtual por cada sesión de navegador. Los pasos típicos son:

  1. POST /posts → 201 Created { id: 101, … } – el recurso se guarda en la sesión.
  2. GET /posts/101 → 200 OK { id: 101, … } – recupera lo que guardaste.
  3. PATCH /posts/101 → 200 OK { … } – actualiza el recurso.
  4. DELETE /posts/101 → 200 OK { message: "Resource deleted" } – elimina del store.
  5. GET /posts/101 → 404 Not Found – confirma la eliminación.

La API soporta tanto REST como GraphQL, y no requiere credenciales ni configuración adicional.

Demo en consola

const BASE = 'https://playground.nileslabs.com/api/v1';
async function demo() {
  const create = await fetch(`${BASE}/todos`, {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify({ title: 'Review PR', completed: false, user_id: 1 })
  });
  const todo = await create.json();
  console.log('Created:', todo);
  const get = await fetch(`${BASE}/todos/${todo.id}`);
  console.log('Fetched:', await get.json());
}

Ejecuta el código en la consola del navegador o en un entorno Node para ver que los cambios persisten durante la sesión.

Por qué importa

Para equipos que prototipan front‑end sin backend, Playground API elimina la fricción de montar un servidor de prueba y de sincronizar el estado entre colegas. Además, permite compartir enlaces de sandbox que contienen el historial de la sesión, facilitando la revisión por QA y diseño. Si tu flujo de trabajo incluye pruebas de UI, GraphQL queries o simplemente quieres validar la lógica de manejo de recursos, este mock te ofrece un entorno de pruebas más realista sin sacrificar velocidad ni simplicidad.

Próximos pasos

  • Probar la API con GraphQL para verificar la coherencia del esquema.
  • Integrar Playground API en pipelines de CI/CD para pruebas automatizadas.
  • Explorar la posibilidad de exportar/importar el estado de la sesión para compartir demos.

El concepto de mock stateful ya se está adoptando en otras herramientas, pero Playground API destaca por su facilidad de uso y su enfoque zero‑config.

Historias Relacionadas