API调试工具：一款基于Node.js的免费开源、便捷美观的API调试工具

<div align="center"> <a href="https://hoppscotch.io"> <img src="https://avatars.githubusercontent.com/u/56705483" alt="Hoppscotch" height="64" /> </a> <h3> <b> Hoppscotch </b> </h3> <b> Open Source API Development Ecosystem </b> <p> [](CODE_OF_CONDUCT.md) [](https://hoppscotch.io) [](https://github.com/hoppscotch/hoppscotch/actions) [](https://twitter.com/share?text=%F0%9F%91%BD%20Hoppscotch%20%E2%80%A2%20Open%20source%20API%20development%20ecosystem%20-%20Helps%20you%20create%20requests%20faster,%20saving%20precious%20time%20on%20development.&url=https://hoppscotch.io&hashtags=hoppscotch&via=hoppscotch_io) </p> <p> _{Built with ❤︎ by <a href="https://github.com/hoppscotch/hoppscotch/graphs/contributors"> contributors </a>} </p> <br /> <p> <a href="https://hoppscotch.io"> <picture> <source media="(prefers-color-scheme: dark)" srcset="./packages/hoppscotch-common/public/images/banner-dark.png"> <source media="(prefers-color-scheme: light)" srcset="./packages/hoppscotch-common/public/images/banner-light.png"> <img alt="Hoppscotch" src="./packages/hoppscotch-common/public/images/banner-dark.png"> </picture> </a> </p> </div> _We highly recommend you take a look at the [**Hoppscotch Documentation**](https://docs.hoppscotch.io) to learn more about the app._ #### **Support** [](https://hoppscotch.io/discord) [](https://hoppscotch.io/telegram) [](https://github.com/hoppscotch/hoppscotch/discussions) ### **Features** ❤️ **Lightweight:** Crafted with minimalistic UI design. ⚡️ **Fast:** Send requests and get responses in real time. 🗄️ **HTTP Methods:** Request methods define the type of action you are requesting to be performed. - `GET` - Requests retrieve resource information - `POST` - The server creates a new entry in a database - `PUT` - Updates an existing resource - `PATCH` - Very similar to `PUT` but makes a partial update on a resource - `DELETE` - Deletes resource or related component - `HEAD` - Retrieve response headers identical to those of a GET request, but without the response body. - `CONNECT` - Establishes a tunnel to the server identified by the target resource - `OPTIONS` - Describe the communication options for the target resource - `TRACE` - Performs a message loop-back test along the path to the target resource - `<custom>` - Some APIs use custom request methods such as `LIST`. Type in your custom methods. 🌈 **Theming:** Customizable combinations for background, foreground, and accent colors — [customize now](https://hoppscotch.io/settings). - Choose a theme: System preference, Light, Dark, and Black - Choose accent colors: Green, Teal, Blue, Indigo, Purple, Yellow, Orange, Red, and Pink - Distraction-free Zen mode _Customized themes are synced with your cloud/local session._ 🔥 **PWA:** Install as a [Progressive Web App](https://web.dev/progressive-web-apps) on your device. - Instant loading with Service Workers - Offline support - Low RAM/memory and CPU usage - Add to Home Screen - Desktop PWA 🚀 **Request:** Retrieve response from endpoint instantly. 1. Choose `method` 2. Enter `URL` 3. Send - Copy/share public "Share URL" - Generate/copy request code snippets for 10+ languages and frameworks - Import `cURL` - Label requests 🔌 **WebSocket:** Establish full-duplex communication channels over a single TCP connection. 📡 **Server-Sent Events:** Receive a stream of updates from a server over an HTTP connection without resorting to polling. 🌩 **Socket.IO:** Send and Receive data with the SocketIO server. 🦟 **MQTT:** Subscribe and Publish to topics of an MQTT Broker. 🔮 **GraphQL:** GraphQL is a query language for APIs and a runtime for fulfilling those queries with your existing data. - Set endpoint and get schema - Multi-column docs - Set custom request headers - Query schema - Get query response 🔐 **Authorization:** Allows to identify the end-user. - None - Basic - Bearer Token - OAuth 2.0 - OIDC Access Token/PKCE 📢 **Headers:** Describes the format the body of your request is being sent in. 📫 **Parameters:** Use request parameters to set varying parts in simulated requests. 📃 **Request Body:** Used to send and receive data via the REST API. - Set `Content Type` - FormData, JSON, and many more - Toggle between key-value and RAW input parameter list 📮 **Response:** Contains the status line, headers, and the message/response body. - Copy the response to the clipboard - Download the response as a file - View response headers - View raw and preview HTML, image, JSON, and XML responses ⏰ **History:** Request entries are synced with your cloud/local session storage. 📁 **Collections:** Keep your API requests organized with collections and folders. Reuse them with a single click. - Unlimited collections, folders, and requests - Nested folders - Export and import as a file or GitHub gist _Collections are synced with your cloud/local session storage._ 📜 **Pre-Request Scripts:** Snippets of code associated with a request that is executed before the request is sent. - Set environment variables - Include timestamp in the request headers - Send a random alphanumeric string in the URL parameters - Any JavaScript functions 👨‍👩‍👧‍👦 **Teams:** Helps you collaborate across your teams to design, develop, and test APIs faster. - Create unlimited teams - Create unlimited shared collections - Create unlimited team members - Role-based access control - Cloud sync - Multiple devices 👥 **Workspaces:** Organize your personal and team collections environments into workspaces. Easily switch between workspaces to manage multiple projects. - Create unlimited workspaces - Switch between personal and team workspaces ⌨️ **Keyboard Shortcuts:** Optimized for efficiency. > **[Read our documentation on Keyboard Shortcuts](https://docs.hoppscotch.io/documentation/features/shortcuts)** 🌐 **Proxy:** Enable Proxy Mode from Settings to access blocked APIs. - Hide your IP address - Fixes [`CORS`](https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS) (Cross-Origin Resource Sharing) issues - Access APIs served in non-HTTPS (`http://`) endpoints - Use your Proxy URL _Official proxy server is hosted by Hoppscotch - **[GitHub](https://github.com/hoppscotch/proxyscotch)** - **[Privacy Policy](https://docs.hoppscotch.io/support/privacy)**._ 🌎 **i18n:** Experience the app in your language. Help us to translate Hoppscotch. Please read [`TRANSLATIONS`](TRANSLATIONS.md) for details on our [`CODE OF CONDUCT`](CODE_OF_CONDUCT.md) and the process for submitting pull requests to us. ☁️ **Auth + Sync:** Sign in and sync your data in real-time across all your devices. **Sign in with:** - GitHub - Google - Microsoft - Email - SSO (Single Sign-On)[^EE] **🔄 Synchronize your data:** Handoff to continue tasks on your other devices. - Workspaces - History - Collections - Environments - Settings ✅ **Post-Request Tests:** Write tests associated with a request that is executed after the request's response. - Check the status code as an integer - Filter response headers - Parse the response data - Set environment variables - Write JavaScript code 🌱 **Environments:** Environment variables allow