Building Rester：一个类似邮递员的副业项目
发布于2024-11-04
浏览：296
介绍
本月，我开始从事一个名为 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]删除
最新教程
更多>
-
在Java中使用for-to-loop和迭代器进行收集遍历之间是否存在性能差异？For Each Loop vs. Iterator: Efficiency in Collection TraversalIntroductionWhen traversing a collection in Java, the choice arises between using a for-...编程 发布于2025-03-09 -
-
版本5.6.5之前，使用current_timestamp与时间戳列的current_timestamp与时间戳列有什么限制？在时间戳列上使用current_timestamp或MySQL版本中的current_timestamp或在5.6.5 此限制源于遗留实现的关注，这些限制需要对当前的_timestamp功能进行特定的实现。 创建表`foo`（ `Productid` int（10）unsigned not n...编程 发布于2025-03-09
-
如何限制动态大小的父元素中元素的滚动范围？在交互式接口中实现垂直滚动元素的CSS高度限制，控制元素的滚动行为对于确保用户体验和可访问性是必不可少的。一种这样的方案涉及限制动态大小的父元素中元素的滚动范围。问题：考虑一个布局，其中我们具有与用户垂直滚动一起移动的可滚动地图div，同时与固定的固定sidebar保持一致。但是，地图的滚动无限期...编程 发布于2025-03-09
-
如何使用替换指令在GO MOD中解析模块路径差异？在使用GO MOD时，在GO MOD 中克服模块路径差异时，可能会遇到冲突，其中可能会遇到一个冲突，其中3派对软件包将另一个带有导入套件的path package the Imptioned package the Imptioned package the Imported tocted pac...编程 发布于2025-03-09
-
如何从Google API中检索最新的jQuery库？从Google APIS 问题中提供的jQuery URL是版本1.2.6。对于检索最新版本，以前有一种使用特定版本编号的替代方法，它是使用以下语法：获取最新版本：未压缩）While these legacy URLs still remain in use, it is recommended ...编程 发布于2025-03-09
-
如何在Java字符串中有效替换多个子字符串？在java 中有效地替换多个substring，需要在需要替换一个字符串中的多个substring的情况下，很容易求助于重复应用字符串的刺激力量。 However, this can be inefficient for large strings or when working with nu...编程 发布于2025-03-09
-
如何使用PHP从XML文件中有效地检索属性值？从php PHP陷入困境。使用simplexmlelement :: attributes（）函数提供了简单的解决方案。此函数可访问对XML元素作为关联数组的属性： - > attributes（）为$ attributeName => $ attributeValue）{ echo ...编程 发布于2025-03-09
-
如何干净地删除匿名JavaScript事件处理程序？删除匿名事件侦听器将匿名事件侦听器添加到元素中会提供灵活性和简单性，但是当要删除它们时，可以构成挑战，而无需替换元素本身就可以替换一个问题。 element？ element.addeventlistener（event，function（）{/在这里工作/}，false）; 要解决此问题，请考虑...编程 发布于2025-03-09
-
如何使用Regex在PHP中有效地提取括号内的文本php：在括号内提取文本在处理括号内的文本时，找到最有效的解决方案是必不可少的。一种方法是利用PHP的字符串操作函数，如下所示： 作为替代 $ text ='忽略除此之外的一切（text）'; preg_match（'＃（（。 &&& [Regex使用模式来搜索特...编程 发布于2025-03-09
-
可以在纯CS中将多个粘性元素彼此堆叠在一起吗？[2这里： https：//webthemez.com/demo/sticky-multi-header-scroll/index.html </main> <section> { display：grid; grid-template-...编程 发布于2025-03-09
-
为什么使用Firefox后退按钮时JavaScript执行停止？导航历史记录问题：JavaScript使用Firefox Back Back 此行为是由浏览器缓存JavaScript资源引起的。要解决此问题并确保在后续页面访问中执行脚本，Firefox用户应设置一个空功能。 警报'）; }; alert（'inline Alert'）...编程 发布于2025-03-09
-
Java是否允许多种返回类型：仔细研究通用方法？在Java中的多个返回类型：一种误解类型：在Java编程中揭示，在Java编程中，Peculiar方法签名可能会出现，可能会出现，使开发人员陷入困境，使开发人员陷入困境。 getResult（string s）; ，其中foo是自定义类。该方法声明似乎拥有两种返回类型：列表和E。但这确实是如此吗...编程 发布于2025-03-09
学习中文
- 1 走路用中文怎么说？走路中文发音，走路中文学习
- 2 坐飞机用中文怎么说？坐飞机中文发音，坐飞机中文学习
- 3 坐火车用中文怎么说？坐火车中文发音，坐火车中文学习
- 4 坐车用中文怎么说？坐车中文发音，坐车中文学习
- 5 开车用中文怎么说？开车中文发音，开车中文学习
- 6 游泳用中文怎么说？游泳中文发音，游泳中文学习
- 7 骑自行车用中文怎么说？骑自行车中文发音，骑自行车中文学习
- 8 你好用中文怎么说？你好中文发音，你好中文学习
- 9 谢谢用中文怎么说？谢谢中文发音，谢谢中文学习
- 10 How to say goodbye in Chinese? 再见Chinese pronunciation, 再见Chinese learning
