← Volver a las funciones
Pro

Probador de API

API Tester es un cliente HTTP integrado para llamadas REST, GraphQL y WebSocket que se ejecuta en el contexto de la página en la que ya se encuentra, por lo que sus cookies, sesión y origen se aplican automáticamente, sin tokens para copiar en una aplicación separada.

Probar una API normalmente significa abandonar el navegador. Abres Postman o Insomnia, luego dedicas cinco minutos a recrear algo que el navegador ya tiene: la cookie de sesión, el token de portador, el origen correcto, el encabezado CSRF. Cuando la solicitud esté lista, estará probando un contexto diferente al que alberga su error.

API Tester elimina ese paso. Envía la solicitud desde el interior de la página que está viendo, como la página misma, por lo que cualquier cosa en la que haya iniciado sesión es en la que se inició sesión la solicitud. Un GET contra su propio punto final de administración funciona inmediatamente porque la cookie viaja con él. No hay nada que configurar ni nada que mantener sincronizado.

La pestaña REST le brinda un método, una URL que puede ser absoluta o relativa, encabezados escritos uno por línea y un cuerpo. La respuesta regresa con su estado, cuánto tiempo tomó, qué tan grande era, JSON bastante impreso y los encabezados de respuesta completos. La pestaña GraphQL toma un punto final, una consulta y variables, crea la solicitud por usted y le indica cuándo la respuesta contiene errores de GraphQL a pesar de que el estado HTTP era 200. La pestaña WebSocket abre una conexión real, envía fotogramas que usted escribe y registra todo en ambas direcciones con marcas de tiempo.

Cuando la propia Política de seguridad de contenido de una página o una regla CORS bloquea la llamada, un conmutador reenvía la solicitud idéntica desde la extensión, que no está sujeta a ninguna de las dos. Esto le brinda una manera rápida de diferenciar un problema del servidor de un problema de política del navegador: la misma solicitud, dos contextos, dos respuestas. Se conservan sus últimas 25 solicitudes, por lo que volver a algo que intentó ayer es un clic.

Vista previa en vivo
app.example.com/dashboard
Probador de API Ejecutando en el contexto de la página
REST GraphQL WebSocket Historia
POST /api/v2/orders Enviar
Encabezados
Content-Type: application/json
X-Request-Id: 4f2b-dev-check
201 Created 142 ms · 1.2 KB Bonito Crudo Encabezados
{
  "id": "ord_8821",
  "status": "pending",
  "total": 49.90
}
Características clave

Creador de solicitudes con encabezados reales

Elija cualquier método, ingrese una URL absoluta o relativa y escriba encabezados uno por línea como Nombre: valor. Las URL relativas se resuelven en la página en la que se encuentra, por lo que /api/users simplemente funciona.

Se ejecuta en su sesión iniciada

Las solicitudes salen del contexto propio de la página, llevando sus cookies, origen y sesión. Los puntos finales autenticados responden exactamente como lo hacen para la aplicación, sin copia de tokens.

Consultas y variables GraphQL

Ingrese un punto final, una consulta y variables JSON; el cuerpo POST correcto está diseñado para usted. Los errores de GraphQL devueltos dentro de una respuesta 200 se cuentan y marcan en lugar de ocultarse.

Consola WebSocket bidireccional

Abra una conexión ws:// o wss://, envíe fotogramas y observe cada fotograma en ambas direcciones con marcas de tiempo, tamaños y estado de conexión, no solo una captura de solo lectura.

Respuestas legibles

Estado, tiempo y tamaño de la transferencia desde el principio, con vistas Bonita, Sin formato y Encabezados. JSON se formatea automáticamente y cualquier cosa se puede copiar con un solo clic.

Omita CSP y CORS cuando sea necesario

Si el CSP de la página o una regla CORS bloquea una llamada, cambie Ejecutar desde a Extensión y envíe la solicitud idéntica desde fuera de la página, una forma instantánea de separar los errores del servidor de la política del navegador.

Casos de uso comunes

Probar un punto final mientras se ha iniciado sesión

Acceda a un punto final que necesita una sesión autenticada sin exportar una cookie ni generar un token; usted ya ha iniciado sesión en esa pestaña y la solicitud se envía cuando usted.

Depurando un 401 o 403

Envíe la solicitud fallida exacta, inspeccione los encabezados de respuesta y luego vuelva a enviar con un encabezado de Autorización cambiado en un carácter para ver exactamente a qué se opone el servidor.

Comprobando una forma de respuesta GraphQL

Ejecute una consulta con variables reales en el punto final en vivo y lea el resultado formateado antes de escribir el código de interfaz que lo consume.

Ver una transmisión de WebSocket en vivo

Conéctese a un socket, envíe un marco de suscripción y observe lo que el servidor rechaza en tiempo real mientras verifica el formato del mensaje.

Reproducir un error en un ticket

Capture la solicitud y la respuesta fallidas, cópielas y pegue una imagen completa en el problema para que quien la responda no tenga que adivinar.

Cómo usarlo
1

Probador de API abierta

Haga clic en el ícono API Tester en el Dock de DevSuite Pro. Se abre un panel con pestañas para REST, GraphQL, WebSocket e Historial, precargadas con el origen del sitio actual.

2

Describe la solicitud

Elija un método e ingrese la URL: completa o relativa como /api/orders. Agregue encabezados uno por línea (Tipo de contenido: aplicación/json) y pegue un cuerpo si el método requiere uno.

3

envíalo

Presione Enviar o Ctrl+Entrar (Cmd+Entrar en Mac). La solicitud sale de la página, por lo que permaneces conectado como quienquiera que seas en esa pestaña.

4

Lee la respuesta

La píldora de estado, el momento y el tamaño aparecen inmediatamente. Cambie entre Pretty, Raw y Headers, y copie cualquiera de ellos. Si el CSP de la página bloqueó la llamada, cambie Ejecutar desde a Extensión y envíe nuevamente.

5

Reutilizarlo más tarde

Cada solicitud se guarda en el Historial con su estado. Haga clic en cualquier entrada para cargar el método, la URL, los encabezados y el cuerpo directamente en el formulario.

¿Listo para probarlo?

Instala DevSuite Pro gratis y desbloquea más de 71 herramientas de desarrollador para tu navegador.

Añadir a Chrome Añadir a Edge Añadir a FireFox