← Kembali ke Fitur
Pro

Penguji API

API Tester adalah klien HTTP bawaan untuk panggilan REST, GraphQL, dan WebSocket yang berjalan dalam konteks halaman yang sedang Anda buka — sehingga cookie, sesi, dan asal Anda berlaku secara otomatis, tanpa token untuk disalin ke aplikasi terpisah.

Menguji API biasanya berarti meninggalkan browser. Anda membuka Postman atau Insomnia, lalu meluangkan waktu lima menit untuk membuat ulang sesuatu yang sudah dimiliki browser: cookie sesi, token pembawa, asal yang benar, header CSRF. Pada saat permintaan sudah siap, Anda sedang menguji konteks yang berbeda dari konteks tempat bug Anda berada.

Penguji API menghapus langkah itu. Ini mengirimkan permintaan dari dalam halaman yang Anda lihat, sebagai halaman itu sendiri, jadi apa pun yang Anda masuki adalah permintaan masuk tersebut. GET terhadap titik akhir admin Anda langsung berfungsi karena cookie ikut bepergian dengannya. Tidak ada yang perlu dikonfigurasi dan tidak ada yang perlu disinkronkan.

Tab REST memberi Anda metode, URL yang bisa absolut atau relatif, header yang ditulis satu per baris, dan isi. Responsnya muncul dengan statusnya, berapa lama waktu yang dibutuhkan, seberapa besar ukurannya, JSON yang tercetak cantik, dan header respons lengkap. Tab GraphQL mengambil titik akhir, kueri, dan variabel, membuat permintaan untuk Anda, dan memberi tahu Anda saat respons berisi kesalahan GraphQL meskipun status HTTPnya 200. Tab WebSocket membuka koneksi nyata, mengirimkan bingkai yang Anda ketik, dan mencatat segala sesuatu di kedua arah dengan stempel waktu.

Ketika Kebijakan Keamanan Konten halaman atau aturan CORS memblokir panggilan tersebut, satu saklar akan mengirimkan kembali permintaan yang sama dari ekstensi, yang tidak tunduk pada keduanya. Hal ini memberi Anda cara cepat untuk membedakan masalah server dengan masalah kebijakan browser — permintaan yang sama, dua konteks, dua jawaban. 25 permintaan terakhir Anda disimpan, jadi kembali ke sesuatu yang Anda coba kemarin hanya dengan satu klik.

Pratinjau Langsung
app.example.com/dashboard
Penguji API Berjalan dalam konteks halaman
REST GraphQL WebSocket Sejarah
POST /api/v2/orders Mengirim
Header
Content-Type: application/json
X-Request-Id: 4f2b-dev-check
201 Created 142 ms · 1.2 KB Cantik Mentah Header
{
  "id": "ord_8821",
  "status": "pending",
  "total": 49.90
}
Fitur Utama

Pembuat Permintaan Dengan Header Asli

Pilih metode apa pun, masukkan URL absolut atau relatif, dan tulis satu header per baris sebagai Nama: nilai. URL relatif cocok dengan halaman yang Anda buka, jadi /api/users hanya berfungsi.

Berjalan di Sesi Masuk Anda

Permintaan berangkat dari konteks halaman itu sendiri, membawa cookie, asal, dan sesinya. Titik akhir yang diautentikasi merespons persis seperti yang terjadi pada aplikasi, tanpa penyalinan token.

Kueri dan Variabel GraphQL

Masukkan titik akhir, kueri, dan variabel JSON; badan POST yang benar dibuat untuk Anda. Kesalahan GraphQL yang dikembalikan dalam respons 200 dihitung dan ditandai, bukan disembunyikan.

Konsol WebSocket Dua Arah

Buka koneksi ws:// atau wss://, kirim bingkai, dan tonton setiap bingkai di kedua arah dengan stempel waktu, ukuran, dan status koneksi — bukan hanya tangkapan baca-saja.

Tanggapan yang Dapat Dibaca

Status, waktu dan ukuran transfer di depan, dengan tampilan Cantik, Mentah, dan Header. JSON diformat secara otomatis dan apa pun dapat disalin dalam satu klik.

Lewati CSP dan CORS Saat Dibutuhkan

Jika aturan CSP atau CORS laman memblokir panggilan, alihkan Jalankan dari ke Ekstensi dan kirim permintaan serupa dari luar laman — cara instan untuk memisahkan kesalahan server dari kebijakan browser.

Kasus Penggunaan Umum

Menguji titik akhir saat masuk

Mencapai titik akhir yang memerlukan sesi yang diautentikasi tanpa mengekspor cookie atau membuat token — Anda sudah masuk di tab itu, dan permintaan akan keluar sesuai keinginan Anda.

Men-debug 401 atau 403

Kirim permintaan gagal yang sebenarnya, periksa header respons, lalu kirim ulang dengan header Otorisasi yang diubah satu karakter untuk melihat dengan tepat apa yang ditolak oleh server.

Memeriksa bentuk respons GraphQL

Jalankan kueri dengan variabel nyata terhadap titik akhir langsung dan baca hasil yang diformat sebelum Anda menulis kode frontend yang menggunakannya.

Menonton umpan WebSocket langsung

Hubungkan ke soket, kirim bingkai berlangganan, dan lihat apa yang dikirim kembali oleh server secara real time saat Anda memverifikasi format pesan.

Mereproduksi bug di tiket

Tangkap permintaan dan tanggapan yang gagal, salin, dan tempelkan gambaran lengkap ke dalam masalah sehingga siapa pun yang mengambilnya tidak perlu menebak-nebak.

Cara Menggunakan
1

Buka Penguji API

Klik ikon Penguji API di dok DevSuite Pro. Panel terbuka dengan tab untuk REST, GraphQL, WebSocket, dan History, yang telah diisi sebelumnya dengan asal situs saat ini.

2

Jelaskan permintaannya

Pilih metode dan masukkan URL — lengkap, atau relatif seperti /api/orders. Tambahkan header satu per baris (Tipe Konten: aplikasi/json) dan tempelkan isi jika metode memerlukannya.

3

Kirimkan itu

Tekan Kirim, atau Ctrl+Enter (Cmd+Enter di Mac). Permintaannya keluar dari halaman, jadi Anda tetap masuk sebagai siapa pun Anda di tab itu.

4

Baca tanggapannya

Pil status, waktu dan ukuran segera muncul. Beralih antara Pretty, Raw dan Headers, dan salin semuanya. Jika CSP laman memblokir panggilan tersebut, alihkan Jalankan dari ke Ekstensi dan kirim lagi.

5

Gunakan kembali nanti

Setiap permintaan disimpan ke Riwayat dengan statusnya. Klik entri mana pun untuk memuat metode, URL, header, dan isi langsung kembali ke formulir.

Siap untuk Mencoba?

Instal DevSuite Pro secara gratis dan buka 71+ alat pengembang untuk browser Anda.

Tambahkan ke Chrome Tambah ke Edge Tambahkan ke FireFox