API de ejemplo · JSON
Una tienda de ejemplo —productos y pedidos— detrás de una API JSON. Pídala desde su web, su app o su automatismo, y practique filtros, orden y paginación con respuestas de verdad.
01 / 05Catálogo
GET /products
Una lista de productos de ejemplo, cada uno con nombre, descripción, precio y existencias. La pide cualquier cliente HTTP, sin cuenta ni clave.
GET /products → [ { "id": 1, "name": "Laptop", … }, … ]
02 / 05Producto
GET /products/{id}
Con su id se pide uno solo. Lo que llega es el mismo objeto que hay en la lista: nada que traducir.
{ "id": 1, "name": "Laptop",
"price": 12000, "stock": 10 }
03 / 05Pedido
GET /orders/{id}
Fecha, cliente, los productos con su cantidad y el total, en un solo objeto. Los clientes son inventados: es una tienda para practicar.
GET /orders/1001-2024 → { "date": "2024-06-01", "client": { … }, "products": [ … ], "total": 13000 }
04 / 05Consultar
?filtro · _sort · _page
Filtre por un campo o con _lt, _lte, _gt, _gte y _ne; ordene con _sort (con un guion, al revés); pagine con _page y _per_page.
?price_lte=500?_sort=-price?_page=2
05 / 05Integrar
CORS abierto
La API responde a cualquier origen: un fetch en el navegador, una app móvil o el nodo HTTP de un automatismo leen lo mismo.
GET /products?_page=1&_per_page=6
Los primeros productos del catálogo, pedidos a la propia API al cargar esta página. Los precios van sin moneda: los datos no la indican.
Laptop de 15 pulgadas, 8GB RAM, 256GB SSD
12.00010 en existenciasMouse ergonómico, conexión Bluetooth
50025 en existenciasTeclado con retroiluminación RGB
1.50015 en existenciasMonitor 24 pulgadas Full HD
3.5008 en existenciasImpresora, escáner y copiadora WiFi
2.80012 en existenciasDisco duro 1TB USB 3.0
1.20020 en existenciasEl catálogo completo, en /products.
Pruébela aquí
Pulse una URL y la página la pide a la API y le enseña lo que devuelve. Sin JavaScript, cada una abre el JSON.
Integrar
La URL base es esta misma página. No hace falta clave para leer.
JavaScript
Un fetch desde cualquier origen: la API responde con CORS abierto.
const r = await fetch( 'https://tienda.alexanderoviedofadul.dev/products?_sort=price') const productos = await r.json()
curl · automatismos
La misma petición en un nodo HTTP de un automatismo o en la terminal.
curl -s \ 'https://tienda.alexanderoviedofadul.dev/orders/1001-2024'
Preguntas
No. Los productos, los pedidos y los clientes son de ejemplo: la tienda existe para practicar con una API.
No para leer: las rutas de esta página son públicas y responden a cualquier origen.
No: la versión de json-server que la sirve no tiene búsqueda de texto, y ?q= devuelve la lista entera. Use un filtro por campo, como ?name=Laptop.
Los datos no lo dicen, así que esta página tampoco: son números de ejemplo.
Esta tienda es compartida y está pensada para leer. Para practicar escrituras, levante su propia copia con json-server y el mismo db.json.
Abra el catálogo o un pedido y mire lo que devuelve: es todo lo que necesita para empezar.