← חזרה לתכונות
Pro

בודק API

API Tester הוא לקוח HTTP מובנה עבור קריאות REST, GraphQL ו-WebSocket שפועל בהקשר של הדף שבו אתה כבר נמצא - כך שהעוגיות, ההפעלה והמקור שלך חלים באופן אוטומטי, ללא אסימונים להעתקה לאפליקציה נפרדת.

בדיקת API פירושה בדרך כלל יציאה מהדפדפן. אתה פותח את Postman או Insomnia, ואז משקיע חמש דקות ביצירה מחדש של משהו שכבר יש בדפדפן: קובץ ה-cookie של הפגישה, אסימון הנושא, המקור הנכון, כותרת ה-CSRF. עד שהבקשה מוכנה, אתה בודק הקשר שונה מזה שהבאג שלך חי בו.

בוחן API מסיר את השלב הזה. הוא שולח את הבקשה מתוך הדף שבו אתה צופה, בתור הדף עצמו, כך שכל מה שאתה מחובר אליו הוא מה שהבקשה נכנסת אליו. GET מול נקודת הקצה שלך למנהל המערכת פועלת באופן מיידי מכיוון שהעוגייה עוברת איתה. אין מה להגדיר ואין מה לסנכרן.

הכרטיסייה REST נותנת לך שיטה, כתובת URL שיכולה להיות מוחלטת או יחסית, כותרות כתובות אחת בכל שורה וגוף. התגובה חוזרת עם הסטטוס שלה, כמה זמן לקח, כמה היא הייתה גדולה, JSON מודפס יפה וכותרות התגובה המלאות. לשונית GraphQL לוקחת נקודת קצה, שאילתה ומשתנים, בונה עבורך את הבקשה ואומרת לך מתי התגובה מכילה שגיאות GraphQL למרות שסטטוס ה-HTTP היה 200. לשונית WebSocket פותחת חיבור אמיתי, שולחת פריימים שאתה מקליד, ומתעדת הכל בשני הכיוונים עם חותמות זמן.

כאשר מדיניות אבטחת התוכן של דף עצמו או כלל CORS חוסמים את השיחה, מתג אחד שולח מחדש את הבקשה הזהה מהשלוחה במקום זאת, שאינה כפופה לאף אחת מהן. זה נותן לך דרך מהירה להבחין בין בעיית שרת מלבד בעיית מדיניות דפדפן - אותה בקשה, שני הקשרים, שתי תשובות. 25 הבקשות האחרונות שלך נשמרות, אז לחזור למשהו שניסית אתמול זה קליק אחד.

תצוגה מקדימה חיה
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 מוחלטת או יחסית, וכתוב כותרות אחת בכל שורה בתור שם: ערך. כתובות אתרים יחסיות נפתרות מול הדף שבו אתה נמצא, אז /api/users פשוט עובד.

פועל בסשן המחובר שלך

בקשות יוצאות מההקשר של הדף עצמו, הנושאות את קובצי העוגיות, המקור וההפעלה שלו. נקודות קצה מאומתות מגיבות בדיוק כפי שהן מגיבות עבור האפליקציה, ללא העתקת אסימון.

שאילתות ומשתנים של GraphQL

הזן נקודת קצה, שאילתה ומשתני JSON; גוף ה-POST הנכון נבנה עבורך. שגיאות GraphQL המוחזרות בתוך תגובה של 200 נספרות ומסומנות במקום מוסתרות.

מסוף WebSocket דו-כיווני

פתח חיבור ws:// או wss://, שלח פריימים וצפה בכל פריים בשני הכיוונים עם חותמות זמן, גדלים ומצב חיבור - לא רק לכידה לקריאה בלבד.

תגובות קריאות

סטטוס, תזמון וגודל העברה מראש, עם תצוגות Pretty, Raw ו-Heers. JSON מעוצב אוטומטית וניתן להעתיק כל דבר בלחיצה אחת.

עוקף CSP ו-CORS בעת הצורך

אם ה-CSP של הדף או כלל CORS חוסמים שיחה, העבר את הפעל מ-ל-Extension ושלח את הבקשה הזהה מחוץ לדף - דרך מיידית להפריד שגיאות שרת ממדיניות הדפדפן.

מקרי שימוש נפוצים

בדיקת נקודת קצה בזמן הכניסה

פגע בנקודת קצה שזקוקה להפעלה מאומתת מבלי לייצא קובץ cookie או ליצור אסימון - אתה כבר מחובר בכרטיסייה הזו, והבקשה יוצאת כמוך.

איתור באגים של 401 או 403

שלח את הבקשה המדויקת שנכשלה, בדוק את כותרות התגובה, ולאחר מכן שלח מחדש עם כותרת הרשאה ששונתה בתו אחד כדי לראות בדיוק למה השרת מתנגד.

בדיקת צורת תגובה של GraphQL

הפעל שאילתה עם משתנים אמיתיים מול נקודת הקצה החיה וקרא את התוצאה המעוצבת לפני שאתה כותב את קוד החזית שצורך אותו.

צפייה בהזנה חיה של WebSocket

התחבר לשקע, שלח מסגרת מנוי וצפה במה שהשרת דוחף אחורה בזמן אמת בזמן שאתה מאמת את פורמט ההודעה.

שחזור באג בכרטיס

ללכוד את הבקשה והתגובה הכושלים, העתק אותם והדבק תמונה מלאה בבעיה כדי שמי שיקלט לא יצטרך לנחש.

איך להשתמש
1

פתח את בוחן API

לחץ על סמל Tester API ברציף DevSuite Pro. נפתחת חלונית עם כרטיסיות עבור REST, GraphQL, WebSocket והיסטוריה, מולאו מראש עם מקור האתר הנוכחי.

2

תאר את הבקשה

בחר שיטה והזן את כתובת האתר - מלאה, או יחסית כמו /api/orders. הוסף כותרות אחת לשורה (Content-Type: application/json) והדבק גוף אם השיטה דורשת אחד.

3

שלח את זה

הקש על שלח, או Ctrl+Enter (Cmd+Enter ב-Mac). הבקשה יוצאת מהדף, אז אתה נשאר מחובר בתור מי שאתה בכרטיסייה הזו.

4

קרא את התגובה

גלולת הסטטוס, התזמון והגודל מופיעים מיד. עבור בין Pretty, Raw ו-Heers, והעתק כל אחד מהם. אם ה-CSP של הדף חסם את השיחה, העבר את הפעל מ-ל שלוחה ושלח שוב.

5

השתמש בו מאוחר יותר

כל בקשה נשמרת בהיסטוריה עם הסטטוס שלה. לחץ על ערך כלשהו כדי לטעון את השיטה, כתובת האתר, הכותרות והגוף ישירות בחזרה לטופס.

מוכנים לנסות?

התקן את DevSuite Pro בחינם ופתח 71+ כלי פיתוח לדפדפן שלך.

הוסף ל-Chrome הוסף ל-Edge הוסף ל-FireFox