Building Rester：一个类似邮递员的副业项目
发布于2024-11-04
浏览：460
介绍
本月，我开始从事一个名为 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 交互的复杂性。当我继续开发这个工具时，我希望它能为那些也希望加深对后端通信和数据交换的理解的其他人提供有用的资源。
版本声明
本文转载于：https://dev.to/adnannazir235/building-r2-tester-a-postman-like-side-project-4gpl?1如有侵犯，请联系[email protected]删除
最新教程
更多>
-
Ubuntu 升级后如何解决 Python 中的“ImportError: No module named 'encodings'”？解决Ubuntu升级后Python中的“ImportError: No module name 'encodings'”问题无法获取语言环境编码时出现的问题，导致错误消息“ImportError：没有名为‘encodings’的模块。”尽管重新安装 Python 并设置环境变量，此问...编程 发布于2024-11-17 -
在 Go 中使用 WebSocket 进行实时通信构建需要实时更新的应用程序（例如聊天应用程序、实时通知或协作工具）需要一种比传统 HTTP 更快、更具交互性的通信方法。这就是 WebSockets 发挥作用的地方！今天，我们将探讨如何在 Go 中使用 WebSocket，以便您可以向应用程序添加实时功能。 在这篇文章中，我们将介绍： WebSoc...编程 发布于2024-11-17
-
除了“if”语句之外：还有哪些地方可以在不进行强制转换的情况下使用具有显式“bool”转换的类型？无需强制转换即可上下文转换为 bool您的类定义了对 bool 的显式转换，使您能够在条件语句中直接使用其实例“t”。然而，这种显式转换提出了一个问题：“t”在哪里可以在不进行强制转换的情况下用作 bool？上下文转换场景C 标准指定了四种值可以根据上下文转换为 bool 的主要场景：语句：if、w...编程 发布于2024-11-17
-
为什么我的 Laravel 网站在将 Apache 升级到 2.4 并将 PHP 升级到 5.5.7 后显示空白屏幕？Laravel 网站在 Apache 升级后显示空白屏幕在升级到 Apache 2.4 和 PHP 5.5.7 之前，我的 Laravel 网站运行正常。但是，我现在在访问 laravel.mydomain.example 时遇到空白屏幕。 Apache 错误日志中没有记录任何错误。路由和配置应该与...编程 发布于2024-11-17
-
如何使用 MySQL 查找今天生日的用户？如何使用 MySQL 识别今天生日的用户使用 MySQL 确定今天是否是用户的生日涉及查找生日匹配的所有行今天的日期。这可以通过一个简单的 MySQL 查询来实现，该查询将存储为 UNIX 时间戳的生日与今天的日期进行比较。以下 SQL 查询将获取今天有生日的所有用户： FROM USERS ...编程 发布于2024-11-17
-
Bootstrap 4 Beta 中的列偏移发生了什么？Bootstrap 4 Beta：列偏移的删除和恢复Bootstrap 4 在其 Beta 1 版本中引入了重大更改柱子偏移了。然而，随着 Beta 2 的后续发布，这些变化已经逆转。从 offset-md-* 到 ml-auto在 Bootstrap 4 Beta 1 中， offset-md-*...编程 发布于2024-11-17
-
如何修复 macOS 上 Django 中的“配置不正确：加载 MySQLdb 模块时出错”？MySQL配置不正确：相对路径的问题在Django中运行python manage.py runserver时，可能会遇到以下错误：ImproperlyConfigured: Error loading MySQLdb module: dlopen(/Library/Python/2.7/site-...编程 发布于2024-11-17
-
如何在 PHP 中组合两个关联数组，同时保留唯一 ID 并处理重复名称？在 PHP 中组合关联数组在 PHP 中，将两个关联数组组合成一个数组是一项常见任务。考虑以下请求：问题描述：提供的代码定义了两个关联数组，$array1和$array2。目标是创建一个新数组 $array3，它合并两个数组中的所有键值对。 此外，提供的数组具有唯一的 ID，而名称可能重合。要求是构...编程 发布于2024-11-17
-
你需要像专业人士一样阅读科技文章在快节奏的技术世界中，并非您阅读的所有内容都是准确或公正的。并非您读到的所有内容都是由人类编写的！ 细节可能存在微妙的错误，或者文章可能故意误导。让我们来看看一些可以帮助您阅读科技文章或任何媒体内容的技能。 1. 培养健康的怀疑态度 培养健康的怀疑态度至关重要。质疑大胆的主张，寻找...编程 发布于2024-11-17
-
如何查找一个多维数组中存在但另一个多维数组中不存在的行？比较多维数组的关联行您有两个多维数组，$pageids 和 $parentpage，其中每行代表一个包含列的记录“id”、“链接标签”和“url”。您想要查找 $pageids 中存在但不在 $parentpage 中的行，从而有效地创建一个包含缺失行的数组 ($pageWithNoChildren...编程 发布于2024-11-17
-
为什么 Windows 中会出现“Java 无法识别”错误以及如何修复它？解决 Windows 中的“Java 无法识别”错误尝试在 Windows 7 上检查 Java 版本时，用户可能会遇到错误“'Java' 无法识别”作为内部或外部命令。”此问题通常是由于缺少 Java 安装或环境变量不正确而引起的。要解决此问题，您需要验证 Java 安装并配置必要...编程 发布于2024-11-17
-
尽管文件存在且有权限，为什么 File.delete() 返回 False？尽管存在并进行权限检查，File.delete() 返回 False使用 FileOutputStream 写入文件后尝试删除文件时，某些用户遇到意外问题： file.delete() 返回 false。尽管文件存在且所有权限检查（.exists()、.canRead()、.canWrite()、....编程 发布于2024-11-17
学习中文
- 1 走路用中文怎么说？走路中文发音，走路中文学习
- 2 坐飞机用中文怎么说？坐飞机中文发音，坐飞机中文学习
- 3 坐火车用中文怎么说？坐火车中文发音，坐火车中文学习
- 4 坐车用中文怎么说？坐车中文发音，坐车中文学习
- 5 开车用中文怎么说？开车中文发音，开车中文学习
- 6 游泳用中文怎么说？游泳中文发音，游泳中文学习
- 7 骑自行车用中文怎么说？骑自行车中文发音，骑自行车中文学习
- 8 你好用中文怎么说？你好中文发音，你好中文学习
- 9 谢谢用中文怎么说？谢谢中文发音，谢谢中文学习
- 10 How to say goodbye in Chinese? 再见Chinese pronunciation, 再见Chinese learning
