构建基于BS架构的远程客户端工具平台

1.

2.

3.

4. O1 平台简介 O2 O3 技术实现难点突破未来展望

5. 平台简介什么是远程客户端工具测试平台？通过浏览器进行远程操作手机与 PC 设备的平台

6. 平台需求为什么要构建远程测试平台？ 1. 个人电脑性能有限 2. 充分利用测试设备 3. 远程办公需求-疫情原因我们需要构建基于浏览器/服务器的远程测试平台！

7. 技术实现

8. 技术实现 Android 系统总体分为前端，后端，节点端前端：与用户交互，展示手机界面信息后端：提供各种接口并作为桥梁转发视频流与操作流节点端：执行操作流，收集并上传视频流视频流：使用开源工具 scrcpy 进行二次开发，支持多机异地部署 https://github.com/Genymobile/scrcpy https://github.com/NetrisTV/ws-scrcpy

9. 技术实现通过websocket 将手机视频流转发到用户浏览器，并且用户的操作流也通过websocket转发到client端视频流与操作流通过 scrcpy 与手机进行交互 TaskFactory 执行一些手机相关的处理命令

10. 技术实现超低延迟，50ms以内

11. 技术实现难点攻关视频流与操作流是如果转发的？使用redis pub/sub 模式进行转发使用socketIO 长链接进行转发音频如何播放？使用开测录音服务

12. 技术实现 client 端发送视频流到 server 端 Server 接收到视频流并通过websocket转发到浏览器

13. 技术实现 Server 端将浏览器发送过来的操作流转发到 node 端 client 端执行操作流

14. 技术实现单控与群控

15. 技术实现 PC 通过 guacamole 代理服务通过VNC协议将虚拟机视频流转发到浏览器，并将用户的操作再通过VNC协议转发到虚拟机中硬件层中的服务器配置要很高，这样才能并发的运行多个虚拟机 http://guacamole.apache.org/

16. 技术实现 PC 浏览器与服务器通过websocket 协议进行视频流与操作流的转发用户通过浏览器对虚拟机进行创建删除等操作虚拟机开放vnc端口通过虚拟机模板clone 的方式，可以快速的构建虚拟机

17. 技术实现  可多人共享屏幕，用于演示 bug复现步骤  也可个人独占系统  只要能开启vnc就可以接入平台

18. 技术实现 Mac 系统

19. 技术实现难点攻关与系统快捷键冲突创建冲突快捷键按钮创建虚拟键盘虚拟机动态生成采用 linked clone 方式，随时创建，用后即焚

20. 技术实现 Server 端从guacamole 端获取 vnc数据并通过websocket 转发到浏览器中 Server 端从将浏览器传过来的数据转到了guacamole 端， guacamole再将数据通过VNC 发送到对应的虚拟机

21. 未来展望 1. 基于用户权限创建公有私有设备 2. 用户可以使用自己的设备接入平台 3. 减少usb线的使用，构建完全远控平台

22. 360技术 THANKS 360质量效能