diff --git a/apps/pagespy/1.9.4/data.yml b/apps/pagespy/1.9.4/data.yml new file mode 100644 index 00000000..340e6873 --- /dev/null +++ b/apps/pagespy/1.9.4/data.yml @@ -0,0 +1,10 @@ +additionalProperties: + formFields: + - default: 6752 + edit: true + envKey: PANEL_APP_PORT_HTTP + labelEn: WebUI Port + labelZh: 网页端口 + required: true + rule: paramPort + type: number diff --git a/apps/pagespy/1.9.4/docker-compose.yml b/apps/pagespy/1.9.4/docker-compose.yml new file mode 100644 index 00000000..dfa92255 --- /dev/null +++ b/apps/pagespy/1.9.4/docker-compose.yml @@ -0,0 +1,17 @@ +services: + pageSpy: + container_name: ${CONTAINER_NAME} + image: ghcr.io/huolalatech/page-spy-web:latest + networks: + - 1panel-network + ports: + - "${PANEL_APP_PORT_HTTP}:6752" + volumes: + - ./log:/app/log + - ./data:/app/data + restart: always + labels: + createdBy: "Apps" +networks: + 1panel-network: + external: true diff --git a/apps/pagespy/README.md b/apps/pagespy/README.md new file mode 100644 index 00000000..6e598a13 --- /dev/null +++ b/apps/pagespy/README.md @@ -0,0 +1,33 @@ +# PageSpy + +PageSpy 是一款用来调试 Web / 小程序 / ReactNative 鸿蒙 APP 等平台项目的服务。 + +## 使用背景 + +控制台在日常开发中是必不可少的效率工具,项目问题总是第一时间通过它排查。但有时候无法使用控制台,因此而导致排查问题需要花费很多时间和人力,这就是 PageSpy 想去解决的问题。 + +看看下面的场景你是否遇到过: + +- **真机调试 H5**:以往有些产品提供了可以在 H5 上查看信息的面板,但真机屏幕太小操作不便、显示不友好,以及数据会被截断; +- **远程办公、异地协同**:传统沟通方式如邮件、电话、视频会议等,沟通问题的周期长、效率不高、故障信息不全面,容易误解误判; +- **用户设备白屏**:除了需要提前获知出现问题的用户信息,定位问题的方式包括查看数据监控、日志分析,甚至还要跑到客户现场等,这些方式依赖排障人员要理解业务场景、技术实现; +- **全局的 "问题反馈" 组件**:大多注重用户体验的网站,为了在产品出现故障后能收到反馈并及时解决,会在产品端为用户提供反馈问题的表单组件。从用户的角度这确实会提升好感,但用户提交的内容可能对于排查问题的帮助并不大,根本原因是:用户提交的基本上是文字概述和截图,或许还包含用户信息,但开发者更希望看到的是: + + - 用户的操作轨迹; + - 伴随着操作,程序的运行时行为数据。例如:打印的日志、发出的网络请求以及响应数据等内容; + +上述场景中列举的问题的共同点是:**开发者无法像使用本地控制台一样查看程序运行信息**。你也被这些问题困扰了吗?那 PageSpy 可以给你一些帮助。 + +## 主要功能 + +- **PC 端调试**:UI 交互符合开发者习惯、大屏看着更清晰; +- **多面板信息**:提供 Console / Network / Storage / System / Page 调试面板; +- **多平台的 SDK**:Web / 小程序 / ReactNative / 鸿蒙的 SDK 开箱即用,接入简单; +- **在线实时调试**:基于 WebSocket 连接实时查看客户端运行数据; +- **(离线)日志回放**:提供上传 / 下载日志功能,开发者通过日志可以回放用户操作,同时可选的可以进入离线模式; + +## 相关链接 + +- 官方文档: +- GitHub 开源仓库: +- B 站视频: diff --git a/apps/pagespy/data.yml b/apps/pagespy/data.yml new file mode 100755 index 00000000..93d421be --- /dev/null +++ b/apps/pagespy/data.yml @@ -0,0 +1,19 @@ +name: PageSpy +tags: + - 实用工具 +title: 支持远程调试多平台的开源工具 +description: 像使用浏览器控制台调试一样简单 +additionalProperties: + key: pagespy + name: PageSpy + tags: + - Tool + shortDescZh: 支持远程调试多平台的开源工具 + shortDescEn: Open-source tool supporting remote debugging for multi-platform projects + type: tool + crossVersionUpdate: true + limit: 0 + recommend: 10 + website: https://pagespy.org + github: https://github.com/HuolalaTech/page-spy-web + document: https://www.pagespy.org/#/docs diff --git a/apps/pagespy/logo.png b/apps/pagespy/logo.png new file mode 100644 index 00000000..9c4327c3 Binary files /dev/null and b/apps/pagespy/logo.png differ