Hoppscotch (antes conocido como Hoppscotch.io) es una herramienta gratuita y de código abierto diseñada para probar, desarrollar, depurar y compartir APIs (Interfaces de Programación de Aplicaciones).
Se presenta como una alternativa muy ligera y rápida a otras herramientas de clientes API más tradicionales, como Postman o Insomnia. Una de sus principales ventajas es su enfoque «local-first» (el almacenamiento de datos es local de forma predeterminada), que prioriza la seguridad y la privacidad, ya que no utiliza análisis ni seguimiento.De igual manera te dejamos nuestros blog para que puedas visitar y saber un poco mas de otros temas, visitar blog
🌟 Características Principales
- Gratuita y Open Source: Es completamente libre de usar y su código fuente está disponible.
- Ligera y Rápida: Está diseñada para consumir muy pocos recursos en tiempo real, lo que la hace ágil, especialmente en dispositivos con recursos limitados.
- Soporte Multilingüe de API: Admite diferentes tipos de peticiones y protocolos:
- HTTP/REST (el más común).
- GraphQL (con soporte dedicado para consultas y esquemas).
- WebSocket, Socket.IO, MQTT (para comunicaciones en tiempo real).
- Server-Sent Events (SSE).
- Entornos de Variables: Permite definir variables de entorno (como
URL_base,API_KEY_DEV,API_KEY_PROD) para reutilizar peticiones y cambiar fácilmente entre entornos de desarrollo, pruebas y producción. - Colecciones: Puedes organizar y guardar tus peticiones API en colecciones (carpetas), similar a otras herramientas.
- Generación de Documentación: Ofrece una función para generar documentación de la API a partir de tus colecciones de peticiones.
- Scripts de Prueba (Pre-request y Tests): Permite escribir scripts en JavaScript antes de enviar una solicitud (pre-request) o para validar la respuesta (tests) de manera similar a Postman.
- CLI (Command-Line Interface): Posee una herramienta de línea de comandos (
hopp-cli) para ejecutar peticiones directamente desde la terminal y automatizar flujos de trabajo (por ejemplo, en CI/CD). - Proxy Integrado: Ayuda a sortear problemas de CORS (Compartición de Recursos de Origen Cruzado).
💡 Ejemplos de Uso
Hoppscotch es útil en cualquier escenario donde necesites interactuar con una API. Aquí tienes algunos ejemplos comunes:
1. Prueba Básica de una API REST (GET)
- Objetivo: Verificar que un endpoint público esté funcionando y devuelva datos correctamente.
- Acción en Hoppscotch:
- Seleccionar el método GET.
- Ingresar la URL del endpoint, por ejemplo:
https://jsonplaceholder.typicode.com/users/1 - Hacer clic en «Send» (Enviar).
- Resultado: Hoppscotch mostrará el código de estado (ej:
200 OK) y el cuerpo de la respuesta JSON con los datos del usuario.
2. Envío de Datos a través de POST
- Objetivo: Crear un nuevo recurso en un servidor (por ejemplo, registrar un nuevo usuario).
- Acción en Hoppscotch:
- Seleccionar el método POST.
- Ingresar la URL del endpoint, por ejemplo:
https://api.tudominio.com/productos - Ir a la pestaña Body (Cuerpo) y seleccionar el formato adecuado (normalmente JSON).
- Escribir el cuerpo de la petición, por ejemplo:JSON
{ "nombre": "Laptop Pro", "precio": 1200.00 } - Hacer clic en «Send».
- Resultado: El servidor procesará la solicitud y Hoppscotch mostrará la respuesta, que podría ser el nuevo objeto creado y un código de estado
201 Created.
3. Uso de Variables de Entorno
- Objetivo: Probar el mismo endpoint en diferentes servidores sin cambiar la URL manualmente.
- Acción en Hoppscotch:
- Crear dos Entornos (Environments): «Desarrollo» y «Producción».
- En el entorno «Desarrollo», definir una variable:
base_url=http://localhost:3000/api/v1 - En el entorno «Producción», definir:
base_url=https://api.midominio.com/api/v1 - En la petición, usar la variable en la URL:
{{base_url}}/usuarios - Seleccionar el entorno «Desarrollo» en el selector y enviar la petición (irá a
localhost). - Cambiar al entorno «Producción» y enviar (irá a
https://api.midominio.com).
4. Pruebas Automatizadas
- Objetivo: Asegurar que la respuesta de una API cumpla con ciertos requisitos (por ejemplo, que el código de estado sea 200 y que el nombre del usuario no sea nulo).
- Acción en Hoppscotch:
- Crear una petición GET.
- Ir a la pestaña «Tests».
- Escribir un script de prueba en JavaScript, como:JavaScript
// Verificar el código de estado test("Status code is 200", () => { expect(response.status).toBe(200); }); // Verificar si el campo "email" existe en la respuesta test("Response has a valid email", () => { expect(response.body.email).toBeDefined(); }); - Hacer clic en «Send».
- Resultado: En la respuesta, verás el resultado de las pruebas, indicando si pasaron o fallaron.
quí tienes una selección de los videos más útiles para aprender a usar la herramienta:
| Título del Video | Canal | Duración | Descripción |
| Una MEJOR ALTERNATIVA a POSTMAN | midulive | 6:30 | Muestra las funcionalidades principales de Hoppscotch y la compara directamente con Postman, destacando por qué es una excelente alternativa de código abierto. |
| API RESTful para principiantes | Realiza tu primera petición HTTP con Hoppscotch | CoderOne | 27:15 | Ideal para principiantes. Explica qué son las API RESTful y te guía paso a paso para realizar tu primera petición HTTP usando Hoppscotch. |
| Abstracta On Testing: Hoppscotch – Una alternativa a Postman | Abstracta Latam | 12:38 | Se enfoca en el uso de Hoppscotch para el API Testing, mostrando cómo realizar pruebas y utilizar sus funcionalidades básicas. |
Puedes hacer clic en los enlaces a continuación para ir directamente a los videos:
- Una MEJOR ALTERNATIVA a POSTMAN
- API RESTful para principiantes | Realiza tu primera petición HTTP con Hoppscotch
- Abstracta On Testing: Hoppscotch – Una alternativa a Postman
¡Espero que estos tutoriales te sean de gran ayuda para empezar a usar Hoppscotch!