发布于 2026-01-06 9 阅读
0

所以我开发了一个支持 CORS 的免费在线 API 构建器🚀(以及为什么需要另一个 Postman 的替代方案)TL;DR:为什么需要另一个 Postman 的替代方案?隆重推出 getd.io/🚀🚀🚀 云模式功能/路线图 不错!接下来是什么?CORS 到底是什么?

所以我开发了一个支持 CORS 的免费在线 API 构建器🚀(这也是为什么它是 Postman 的另一个替代方案)

太长不看

为什么需要Postman的替代方案?

隆重推出getd.io/ 🚀🚀🚀

云模式

功能/路线图

太棒了!接下来呢?

CORS到底是​​什么?

太长不看

使用getd.io/仅通过浏览器即可测试 API - 无需任何应用或插件。也支持 CORS 请求 🔥!

以下是桌面版屏幕截图:

桌面用户界面

以下是更新后的移动端响应式用户界面(感谢@maybebored的建议):

移动用户界面

为什么需要Postman的替代方案?

目前市面上大多数 Postman 的替代方案(包括 Postman 本身)都需要下载特定平台的客户端应用程序或安装 Chrome 插件。这是为了提供完整的请求支持,例如 CORS。然而,这种方法也存在一些缺点:

  1. 搭建新的开发环境需要重新下载并安装应用程序。
  2. 应用程序需要定期更新/打补丁。
  3. 占用开发机上宝贵的内存。
  4. 并非所有平台都受支持。

受Postwoman的启发,我爱上了基于 Web 的 API 测试工具这个想法。然而,Postwoman 不支持 CORS 请求。

顺便说一下,如果您不确定 CORS 是什么,请滚动到页面底部。

隆重推出getd.io/ 🚀🚀🚀

getd.io/旨在构建一个 100% 纯 Web 解决方案,支持各种 API 服务器,同时提供现代、流畅、深色主题的 UI 😎,让现有的 Postman 用户感到熟悉。

getd.io/提供两种模式:

  • ☁️ 云模式:请求会被转发到后端,由 Node.js 执行,并将响应返回给用户显示。此模式支持所有请求类型,例如 CORS。网站采用 TLS 加密保护,因此您的请求信息在传输过程中是安全的。
  • 💻 浏览器模式:请求通过本地浏览器的 fetch() 函数发送。这不适用于禁止 CORS 的 API。

注意:如果您正在开发本地/私有 API 服务器,则只能使用浏览器模式,因为我的云服务器无法访问您的私有服务器。由于浏览器模式不支持 CORS,您需要为您的私有服务器启用 CORS 才能使用getd.io。这只需要两行代码,您可以在服务器公开之前将其移除。

import cors from "cors";
app.use(cors());
Enter fullscreen mode Exit fullscreen mode

云模式

目前我使用个人开发服务器来支持后端请求。如果请求响应过大(例如文件下载),响应会在超过一定限制后终止。这有助于降低我的网络费用 :) ❤️ 如果您想让这项免费服务继续运行,欢迎在 Patreon 上支持我,更棒的是,您还可以获得无请求限制的高级功能。

功能/路线图

特征 支持
本地请求历史记录和搜索
本地持久工作区状态
分享完整请求的永久链接
请求参数
请求头
请求正文(JSON 编辑器,文本)
请求表单(form-data,x-www-form-urlencoded)
响应头、响应体、JSON/HTML 美化
移动响应式
本地多工作区支持
将工作区保存到云端
将历史记录保存到云端
WebSocket 支持
GraphQL 支持
还有更多!

太棒了!接下来呢?

  1. 前往getd.io/开始探索吧!
  2. 关注推特账号获取最新消息。
  3. 加入SlackDiscord以提供反馈或参与讨论。
  4. 在Patreon上支持这项免费服务❤️
  5. 请在下方留言提供您的反馈意见。我非常欢迎大家的反馈!

CORS到底是​​什么?

抱歉我一直提到“CORS”。你可以在这里了解更多信息,但基本概念是:浏览器不允许网站 A(在浏览器中加载)向网站 B 发送 API 请求,除非 B 在响应头中明确声明“允许 A”或“允许任何人,我不在乎”。这是浏览器强制执行的限制。因此,像 Postman 这样的工具会创建自己的客户端应用程序来绕过这个限制。一个示例错误如下所示:

替代文字

文章来源:https://dev.to/getd/getd-io-an-online-api-request-tester-builder-with-cors-support-3d3m