← Назад до функцій
Pro

Тестер API

API Tester — це вбудований HTTP-клієнт для викликів REST, GraphQL і WebSocket, який працює в контексті сторінки, на якій ви вже перебуваєте, тому ваші файли cookie, сеанс і джерело застосовуються автоматично, без маркерів для копіювання в окрему програму.

Тестування API зазвичай означає вихід із браузера. Ви відкриваєте Postman або Insomnia, а потім витрачаєте п’ять хвилин на те, щоб відтворити те, що вже є у браузері: файл cookie сеансу, маркер носія, правильне джерело, заголовок CSRF. Коли запит буде готовий, ви тестуєте контекст, відмінний від того, у якому живе ваша помилка.

API Tester видаляє цей крок. Він надсилає запит із сторінки, яку ви переглядаєте, як і саму сторінку, тож як би ви не ввійшли, це те, що й для запиту. GET для вашої власної кінцевої точки адміністратора спрацьовує миттєво, оскільки файл cookie передається разом з ним. Немає нічого для налаштування та синхронізації.

Вкладка REST містить метод, URL-адресу, яка може бути абсолютною або відносною, заголовки, написані по одному на рядок, і тіло. Відповідь повертається зі своїм статусом, часом, розміром, гарно надрукованим JSON і повними заголовками відповіді. Вкладка GraphQL приймає кінцеву точку, запит і змінні, створює для вас запит і повідомляє вам, коли відповідь містить помилки GraphQL, навіть якщо статус HTTP був 200. Вкладка WebSocket відкриває реальне з’єднання, надсилає фрейми, які ви вводите, і реєструє все в обох напрямках із часовими мітками.

Коли власна політика безпеки вмісту сторінки або правило CORS блокує виклик, один комутатор натомість повторно надсилає ідентичний запит із розширення, яке не підлягає жодному. Це дає вам швидкий спосіб відрізнити проблему сервера від проблеми політики браузера — той самий запит, два контексти, дві відповіді. Ваші останні 25 запитів зберігаються, тому повернутися до того, що ви пробували вчора, можна одним клацанням миші.

Live-перегляд
app.example.com/dashboard
Тестер API Запуск у контексті сторінки
REST GraphQL WebSocket історія
POST /api/v2/orders Надіслати
Заголовки
Content-Type: application/json
X-Request-Id: 4f2b-dev-check
201 Created 142 ms · 1.2 KB Гарненька Сирий Заголовки
{
  "id": "ord_8821",
  "status": "pending",
  "total": 49.90
}
Основні функції

Конструктор запитів із справжніми заголовками

Виберіть будь-який метод, введіть абсолютну чи відносну URL-адресу та запишіть заголовки по одному на рядок як значення Name:. Відносні URL-адреси співвідносяться зі сторінкою, на якій ви перебуваєте, тому /api/users просто працює.

Запускається під час вашого сеансу входу

Запити виходять із власного контексту сторінки, несучи її файли cookie, походження та сеанс. Автентифіковані кінцеві точки відповідають точно так само, як і для програми, без копіювання маркерів.

Запити та змінні GraphQL

Введіть кінцеву точку, запит і змінні JSON; правильне тіло POST створено для вас. Помилки GraphQL, що повертаються у відповідь 200, підраховуються та позначаються, а не приховуються.

Двостороння консоль WebSocket

Відкривайте з’єднання ws:// або wss://, надсилайте кадри та дивіться кожен кадр в обох напрямках із часовими мітками, розмірами та станом з’єднання — а не просто запис лише для читання.

Читабельні відповіді

Статус, час і розмір передачі на передній панелі з переглядами Pretty, Raw і Headers. JSON форматується автоматично, і будь-що можна скопіювати в один клік.

Обхід CSP і CORS за потреби

Якщо CSP сторінки або правило CORS блокує виклик, перемкніть Run from на Extension і надішліть ідентичний запит поза сторінкою — це миттєвий спосіб відокремити помилки сервера від політики браузера.

Поширені сценарії використання

Тестування кінцевої точки під час входу

Натискайте кінцеву точку, якій потрібен автентифікований сеанс без експорту файлу cookie чи генерації маркера — ви вже ввійшли в цю вкладку, і запит виходить разом із вами.

Налагодження 401 або 403

Надішліть точний невдалий запит, перевірте заголовки відповіді, а потім повторно надішліть із заголовком авторизації, зміненим на один символ, щоб побачити, що саме заперечує сервер.

Перевірка форми відповіді GraphQL

Запустіть запит із реальними змінними до живої кінцевої точки та прочитайте відформатований результат, перш ніж писати зовнішній код, який його споживає.

Перегляд живої стрічки WebSocket

Підключіться до сокета, надішліть кадр підписки та спостерігайте, що надсилає сервер у реальному часі, поки ви перевіряєте формат повідомлення.

Відтворення помилки в квитку

Зафіксуйте невдалий запит і відповідь, скопіюйте їх і вставте повну картинку в проблему, щоб той, хто її підбере, не здогадувався.

Як користуватися
1

Відкрити тестер API

Натисніть піктограму API Tester на панелі DevSuite Pro. Відкриється панель із вкладками для REST, GraphQL, WebSocket і History, попередньо заповнених джерелом поточного сайту.

2

Опишіть запит

Виберіть метод і введіть URL-адресу — повну або відносну, наприклад /api/orders. Додайте заголовки по одному на рядок (Content-Type: application/json) і вставте тіло, якщо його приймає метод.

3

Надішліть

Натисніть «Надіслати» або Ctrl+Enter (Cmd+Enter на Mac). Запит виходить зі сторінки, тож ви залишаєтесь у системі як той, хто ви є на цій вкладці.

4

Прочитайте відповідь

Таблетка статусу, час і розмір з'являються відразу. Перемикайтеся між Pretty, Raw і Headers і копіюйте будь-який із них. Якщо CSP сторінки заблокував виклик, перемкніть Run з Extension і надішліть знову.

5

Використовуйте його пізніше

Кожен запит зберігається в історії з його статусом. Натисніть будь-який запис, щоб завантажити метод, URL-адресу, заголовки та тіло прямо у форму.

Готові спробувати?

Встановіть DevSuite Pro безкоштовно та отримайте понад 71 інструментів розробника

Додати в Chrome Додати в Edge Додати в FireFox