1. 工具简介
  2. 默认链接
  3. 实时展示及清空列表
  4. 链接定制
  5. 响应内容自定义
  6. 列表筛选
  7. 列表排序
  8. 视图切换

工具简介

这个工具灵感来源于 Grafana 的 WebHook 技术实现，专注于实时捕获并记录用户的 API 请求链接。它为用户提供了一个直观透明的界面，让您能够清晰地查看每个请求的完整信息，包括请求体内容、参数配置以及响应状态等关键数据。 通过可视化展示请求链路和详细参数，帮助开发人员和测试人员快速定位问题、优化接口性能，提升 API 调试和监控效率。

默认链接

工具已默认注册链接 https://dev.tongji.edu.cn/realtimedisplay/request，用户可随时访问该链接进行请求测试，后续随机生成链接不会影响该链接使用，且无需打开页面即可发起请求。所有请求记录将实时保存，下次访问该链接时，历史数据会自动加载并展示

实时展示及清空列表

实时展示效果基于WebSocket 技术实现，可实时获取请求数据并动态刷新列表，页面刷新后数据不会丢失。工具默认保留最新 50 条数据，单条数据有效期为一小时，系统将每小时自动清理过期数据，用户可点击【清空列表】按钮手动清空列表数据。

链接定制

用户可点击 【自定义链接】按钮，切换为自定义链接模式，自定义链接固定前缀,用户在补全链接后，点击【完成】按钮后即可测试链接请求，自定义期间可随时点击【取消】按钮以终止操作。

响应内容自定义

用户可通过点击【自定义响应内容】按钮，在弹出框中输入内容后，点击【保存】按钮，后续访问工具生成的链接时，响应结果都将显示为该自定义内容,如果自定义内容为空,将默认返回响应内容【Request Received】,自定义内容设置后不会随时间过期

列表筛选

用户可点击【请求方式】按钮，在弹出的下拉框中单选或多选请求方式进行筛选，筛选结果将实时更新。目前支持的请求方式有：GET、POST、PUT、DELETE、PATCH、OPTIONS、HEAD、TRACE。再次点击按钮可关闭弹框

列表排序

工具自定记录每一条请求的发起时间，用户可在页面上点击【升序】或【降序】按钮来方便快速查看最近的请求记录或旧请求记录，工具默认按升序排序列表。

视图切换

工具默认为表格视图，用户可点击【切换显示】按钮，切换为卡片视图，表格视图展示了一些请求的主要信息，如请求方法、请求URL、请求体类型、请求体内容等。卡片视图则展示的更为详细,工具默认使用表格视图