Ang API Tester ay isang built-in na HTTP client para sa REST, GraphQL at WebSocket na mga tawag na tumatakbo sa konteksto ng page kung nasaan ka na — kaya awtomatikong nalalapat ang iyong cookies, session at pinagmulan, nang walang mga token na makokopya sa isang hiwalay na app.
Ang pagsubok sa isang API ay karaniwang nangangahulugan ng pag-alis sa browser. Binuksan mo ang Postman o Insomnia, pagkatapos ay gumugol ng limang minuto sa muling paggawa ng isang bagay na mayroon na ang browser: ang cookie ng session, ang token ng maydala, ang tamang pinagmulan, ang header ng CSRF. Sa oras na handa na ang kahilingan, sumusubok ka ng ibang konteksto mula sa kung saan nakatira ang iyong bug.
Inaalis ng API Tester ang hakbang na iyon. Ipinapadala nito ang kahilingan mula sa loob ng pahinang iyong tinitingnan, bilang mismong pahina, kaya anuman ang iyong naka-sign in ay kung ano ang kahilingan kung saan naka-sign in. Ang isang GET laban sa iyong sariling admin endpoint ay gumagana kaagad dahil ang cookie ay naglalakbay kasama nito. Walang dapat i-configure at walang dapat panatilihing naka-sync.
Ang REST tab ay nagbibigay sa iyo ng isang paraan, isang URL na maaaring ganap o kamag-anak, mga header na nakasulat sa bawat linya, at isang katawan. Bumabalik ang tugon kasama ang katayuan nito, kung gaano ito katagal, gaano ito kalaki, medyo naka-print na JSON, at ang buong mga header ng tugon. Ang tab na GraphQL ay tumatagal ng isang endpoint, isang query at mga variable, bumubuo ng kahilingan para sa iyo, at nagsasabi sa iyo kapag ang tugon ay naglalaman ng mga error sa GraphQL kahit na ang HTTP status ay 200. Ang tab na WebSocket ay nagbubukas ng isang tunay na koneksyon, nagpapadala ng mga frame na iyong tina-type, at nagla-log ng lahat sa parehong direksyon gamit ang mga timestamp.
Kapag na-block ng sariling Patakaran sa Seguridad ng Nilalaman ng page o isang panuntunan ng CORS ang tawag, muling ipinapadala ng isang switch ang kaparehong kahilingan mula sa extension, na hindi napapailalim sa alinman. Nagbibigay iyon sa iyo ng mabilis na paraan upang sabihin ang isang problema sa server bukod sa isang problema sa patakaran ng browser — ang parehong kahilingan, dalawang konteksto, dalawang sagot. Ang iyong huling 25 na kahilingan ay pinananatili, kaya ang pagbabalik sa isang bagay na sinubukan mo kahapon ay isang pag-click.
Pumili ng anumang paraan, maglagay ng ganap o kamag-anak na URL, at magsulat ng mga header ng isa bawat linya bilang Name: value. Ang mga kamag-anak na URL ay lumulutas laban sa pahina kung nasaan ka, kaya gumagana lang ang /api/users.
Ang mga kahilingan ay umalis mula sa sariling konteksto ng page, dala ang cookies, pinagmulan at session nito. Ang mga na-authenticate na endpoint ay tumutugon nang eksakto tulad ng ginagawa nila para sa app, nang walang pagkopya ng token.
Maglagay ng endpoint, isang query at mga variable ng JSON; ang tamang POST body ay binuo para sa iyo. Ang mga error sa GraphQL na ibinalik sa loob ng isang 200 na tugon ay binibilang at na-flag sa halip na nakatago.
Magbukas ng koneksyong ws:// o wss://, magpadala ng mga frame, at panoorin ang bawat frame sa magkabilang direksyon na may mga timestamp, laki at estado ng koneksyon — hindi lang read-only na pagkuha.
Status, timing at laki ng paglipat sa harap, na may mga view na Pretty, Raw at Header. Ang JSON ay awtomatikong na-format at anumang bagay ay maaaring kopyahin sa isang pag-click.
Kung ang CSP o isang CORS na panuntunan ng pahina ay humarang sa isang tawag, lumipat sa Run mula sa Extension at ipadala ang kaparehong kahilingan mula sa labas ng pahina — isang agarang paraan upang paghiwalayin ang mga error sa server mula sa patakaran ng browser.
Pindutin ang isang endpoint na nangangailangan ng isang authenticated session nang hindi nag-e-export ng cookie o bumubuo ng isang token — naka-log in ka na sa tab na iyon, at ang kahilingan ay lalabas bilang ikaw.
Ipadala ang eksaktong kabiguang kahilingan, siyasatin ang mga header ng tugon, pagkatapos ay muling ipadala nang may pinalitan ng isang character ang header ng Awtorisasyon upang makita kung ano mismo ang tinututulan ng server.
Magpatakbo ng query na may mga tunay na variable laban sa live na endpoint at basahin ang na-format na resulta bago mo isulat ang frontend code na gumagamit nito.
Kumonekta sa isang socket, magpadala ng subscribe frame, at panoorin kung ano ang itinutulak pabalik ng server sa real time habang bini-verify mo ang format ng mensahe.
Kunin ang nabigong kahilingan at tugon, kopyahin ang mga ito, at i-paste ang isang kumpletong larawan sa isyu upang ang sinumang pumili nito ay hindi kailangang hulaan.
I-click ang icon ng API Tester sa DevSuite Pro dock. Magbubukas ang isang panel na may mga tab para sa REST, GraphQL, WebSocket at History, na paunang napuno ng pinagmulan ng kasalukuyang site.
Pumili ng paraan at ilagay ang URL — buo, o kamag-anak tulad ng /api/orders. Magdagdag ng mga header ng isa sa bawat linya (Uri ng Nilalaman: application/json) at mag-paste ng katawan kung kukuha ng isa ang pamamaraan.
Pindutin ang Ipadala, o Ctrl+Enter (Cmd+Enter sa Mac). Ang kahilingan ay lumalabas sa page, kaya manatili kang naka-sign in bilang kung sino ka man sa tab na iyon.
Ang status pill, timing at laki ay lalabas kaagad. Lumipat sa pagitan ng Pretty, Raw at Header, at kopyahin ang alinman dito. Kung na-block ng CSP ng page ang tawag, lumipat sa Run mula sa Extension at ipadala muli.
Ang bawat kahilingan ay nai-save sa History kasama ang katayuan nito. I-click ang anumang entry upang i-load ang paraan, URL, mga header at katawan diretso pabalik sa form.
I-install ang DevSuite Pro nang libre at i-unlock ang 71+ developer tools para sa iyong browser.
