← Επιστροφή στις λειτουργίες
Pro

API Tester

Το 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 αιτήματά σας διατηρούνται, επομένως η επιστροφή σε κάτι που δοκιμάσατε χθες είναι ένα κλικ.

Ζωντανή προεπισκόπηση
app.example.com/dashboard
API Tester Εκτελείται σε περιβάλλον σελίδας
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
}
Βασικά χαρακτηριστικά

Request Builder με πραγματικές κεφαλίδες

Επιλέξτε οποιαδήποτε μέθοδο, εισαγάγετε μια απόλυτη ή σχετική διεύθυνση URL και γράψτε τις κεφαλίδες μία ανά γραμμή ως Όνομα: τιμή. Οι σχετικές διευθύνσεις URL ανταποκρίνονται στη σελίδα στην οποία βρίσκεστε, επομένως το /api/users λειτουργεί απλώς.

Εκτελείται στην συνδεδεμένη συνεδρία σας

Ζητάει άδεια από το περιβάλλον της σελίδας, με τα cookie, την προέλευση και την περίοδο λειτουργίας της. Τα επαληθευμένα τελικά σημεία ανταποκρίνονται ακριβώς όπως κάνουν για την εφαρμογή, χωρίς αντιγραφή διακριτικών.

Ερωτήματα και μεταβλητές GraphQL

Εισαγάγετε ένα τελικό σημείο, ένα ερώτημα και μεταβλητές JSON. το σωστό σώμα POST έχει κατασκευαστεί για εσάς. Τα σφάλματα GraphQL που επιστρέφονται μέσα σε μια απάντηση 200 καταμετρώνται και επισημαίνονται αντί να κρύβονται.

Κονσόλα WebSocket αμφίδρομης

Ανοίξτε μια σύνδεση ws:// ή wss://, στείλτε καρέ και παρακολουθήστε κάθε καρέ και προς τις δύο κατευθύνσεις με χρονικές σημάνσεις, μεγέθη και κατάσταση σύνδεσης — όχι απλώς λήψη μόνο για ανάγνωση.

Ευανάγνωστες απαντήσεις

Κατάσταση, χρονισμός και μέγεθος μεταφοράς μπροστά, με προβολές Pretty, Raw και Headers. Το JSON μορφοποιείται αυτόματα και οτιδήποτε μπορεί να αντιγραφεί με ένα κλικ.

Παράκαμψη CSP και CORS όταν χρειάζεται

Εάν το CSP της σελίδας ή ένας κανόνας CORS αποκλείει μια κλήση, αλλάξτε το Run από σε Extension και στείλτε το ίδιο αίτημα έξω από τη σελίδα — ένας άμεσος τρόπος για να διαχωρίσετε τα σφάλματα διακομιστή από την πολιτική του προγράμματος περιήγησης.

Συνήθεις περιπτώσεις χρήσης

Δοκιμή ενός τερματικού σημείου ενώ είστε συνδεδεμένοι

Πηγαίνετε σε ένα τελικό σημείο που χρειάζεται έλεγχο ταυτότητας χωρίς εξαγωγή cookie ή δημιουργία διακριτικού — είστε ήδη συνδεδεμένοι σε αυτήν την καρτέλα και το αίτημα σβήνει μαζί σας.

Εντοπισμός σφαλμάτων 401 ή 403

Στείλτε το ακριβές αίτημα που αποτυγχάνει, ελέγξτε τις κεφαλίδες απόκρισης και, στη συνέχεια, στείλτε ξανά με μια κεφαλίδα εξουσιοδότησης αλλαγμένη κατά έναν χαρακτήρα για να δείτε ακριβώς σε τι αντιτίθεται ο διακομιστής.

Έλεγχος ενός σχήματος απόκρισης GraphQL

Εκτελέστε ένα ερώτημα με πραγματικές μεταβλητές σε σχέση με το ζωντανό τελικό σημείο και διαβάστε το μορφοποιημένο αποτέλεσμα προτού γράψετε τον κώδικα διεπαφής που το καταναλώνει.

Παρακολούθηση ζωντανής ροής WebSocket

Συνδεθείτε σε μια πρίζα, στείλτε ένα πλαίσιο εγγραφής και παρακολουθήστε τι στέλνει ο διακομιστής σε πραγματικό χρόνο ενώ επαληθεύετε τη μορφή του μηνύματος.

Αναπαραγωγή ενός σφάλματος σε ένα εισιτήριο

Καταγράψτε το αίτημα και την απάντηση που αποτυγχάνει, αντιγράψτε τα και επικολλήστε μια πλήρη εικόνα στο θέμα, ώστε όποιος το παραλάβει να μην χρειάζεται να το μαντέψει.

Τρόπος χρήσης
1

Ανοίξτε το API Tester

Κάντε κλικ στο εικονίδιο API Tester στο dock του 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 της σελίδας απέκλεισε την κλήση, αλλάξτε την επιλογή Εκτέλεση από την Επέκταση και στείλτε ξανά.

5

Χρησιμοποιήστε το ξανά αργότερα

Κάθε αίτημα αποθηκεύεται στο Ιστορικό με την κατάστασή του. Κάντε κλικ σε οποιαδήποτε καταχώριση για να φορτώσετε τη μέθοδο, τη διεύθυνση URL, τις κεφαλίδες και το σώμα κατευθείαν στη φόρμα.

Είστε έτοιμοι να δοκιμάσετε;

Εγκαταστήστε το DevSuite Pro δωρεάν και ξεκλειδώστε 71+ εργαλεία προγραμματιστή για το πρόγραμμα περιήγησής σας.

Προσθήκη στο Chrome Προσθήκη στο Edge Προσθήκη στο FireFox