Building Rester：一个类似邮递员的副业项目

介绍

这个月，我开始从事一个名为 R2 Tester 的新副项目 - 最初名为 Postman-frontend，这要感谢 ChatGPT。 R2 Tester 被设计为学习工具，复制了 Postman 的界面和功能，帮助我加深对 API 交互的理解。这个想法源于我上个月开始从事的另一个业余项目（是的？‍♂️）。

关于R2测试仪

这是我构建的一个工具，用于练习与后端（在我的例子中为 Node.js）交换数据和文件（尚未实现）。前端是使用 HTML、CSS/SASS、JavaScript、DOM 操作、Bootstrap 和 Prettify 开发的 JSON 格式。

该工具将请求保存在浏览器的本地存储中，并将它们加载到 UI 上（基于用户交互）。用户可以创建集合、文件夹和单独的请求，并通过 Prettify 在干净、格式化的视图中可视化响应。

主要特点

• 数据交换：R2 Tester 旨在帮助用户练习与后端发送和接收数据。
• 使用构建：HTML、CSS/SASS、JavaScript、DOM 和 Bootstrap。
• 请求管理：用户可以创建和管理集合、文件夹和请求。
• LocalStorage：直接从浏览器的 localStorage 保存和加载请求。
• Prettify：格式化 JSON 响应以方便阅读。

代码和现场演示

您可以通过以下 URL 访问项目的 GitHub 存储库，直接在浏览器中深入研究代码并查看项目的实时演示：

https://github.com/adnannazir235/R2-Tester

项目状况

R2 Tester 仍在开发中，缺乏关键功能。其主要目的是学习 API 交互。虽然演示了核心概念，但它并不用于生产用途。出于教育目的探索代码，但请注意其局限性。

结论

R2 Tester 是一个令人兴奋的教育项目，它让我能够探索 Web 开发和 API 交互的复杂性。随着我继续开发这个工具，我希望它能为其他也希望加深对后端通信和数据交换的理解的人提供有用的资源。

以上是Building Rester：一个类似邮递员的副业项目的详细内容。更多信息请关注PHP中文网其他相关文章！