混合模式移动应用调试方法及系统.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN113641581A(43)申请公布日2021.11.12(21)申请号202110920806.2(22)申请日2021.08.11(71)申请人上海哔哩哔哩科技有限公司地址200433上海市杨浦区政立路485号国正中心3号楼(72)发明人张灏(74)专利代理机构北京英特普罗知识产权代理有限公司11015代理人饶文彬邓小玲(51)Int.Cl.G06F11/36(2006.01)G06F9/451(2018.01)权利要求书2页说明书14页附图3页(54)发明名称混合模式移动应用调试方法及系统(57)摘要本申请实施例提供了一种混合模式移动应用调试系统，包括：Electron桌面客户端，用于创建WebSocket客户端及本地项目调试服务，并通过WebSocket客户端与节点服务器建立WebSocket长连接，通过本地项目调试服务对页面代码进行打包生成文件，并在文件中添加用于加载ServiceWorker的脚本的代码段，并将文件与ServiceWorker的脚本进行打包得到打包文件，及用于打包文件上传至节点服务器；节点服务器，用于将打包文件进行解压并部署至静态资源服务中，并将静态资源服务的网络地址返回给所述Electron桌面客户端；所述Hybrid应用，用于根据网络地址从静态资源服务中获取页面代码并加载所述页面代码，及在加载页面代码时，加载所述ServiceWorker脚本，以通过ServiceWorker拦截待调试页面的网络请求。本申请可以降低配置复杂度。CN113641581ACN113641581A权利要求书1/2页1.一种混合模式移动应用调试系统，特征在于，所述调试系统包括调试设备、服务端服务器、节点服务器及安装有待调试的混合模式移动应用的待调试设备，所述调试设备中安装有桌面客户端以及本地项目调试服务，，其中：所述本地项目调试服务，用于将将待调试的混合模式移动应用的页面代码进行打包生成页面代码文件目录；所述本地项目调试服务，还用于在所述页面代码文件目录中的预设文件中添加用于加载ServiceWorker的脚本的代码段；所述桌面客户端，用于将包含有所述ServiceWorker的脚本的页面代码文件目录进行打包生成页面代码文件包，并将所述页面代码文件包上传至所述节点服务器；所述节点服务器，用于对所述页面代码文件包进行解压生成第一代码文件，并将生成的第一代码文件部署至所述静态资源服务中；所述混合模式移动应用，用于从所述静态资源服务中获取并加载所述第一代码文件，以打开所述待调试页面；所述混合模式移动应用，还用于根据所述第一代码文件中的所述代码段加载所述ServiceWorker的脚本，以及通过所述ServiceWorker的脚本拦截所述待调试页面的网络请求，并将拦截到的网络请求的请求地址修改为所述节点服务器的API接口服务地址；所述节点服务器，用于在接收到所述网络请求后，将所述网络请求转发给所述桌面客户端；所述桌面客户端，用于对所述网络请求进行域名解析，并根据解析后得到的地址将所述网络请求发给所述服务端服务器；所述服务端服务器，用于对所述网络请求进行响应。2.根据权利要求1所述的混合模式移动应用调试系统，其特征在于，所述桌面客户端为Electron桌面客户端，其中：所述Electron桌面客户端，用于创建本地项目打包服务及WebSocket客户端；所述Electron桌面客户端，还用于通过所述WebSocket客户端与所述节点服务器建立WebSocket长连接，以及通过所述本地项目打包服务开启所述本地项目调试服务；所述节点服务器，还用于通过所述WebSocket长连接将所述网络请求发送给所述WebSocket客户端。3.根据权利要求2所述的混合模式移动应用调试系统，其特征在于，所述页面代码文件目录包括html文件、css文件及js文件，所述本地项目调试服务，还用于在所述html文件中添加用于加载ServiceWorker的脚本的代码段。4.根据权利要求2所述的混合模式移动应用调试系统，其特征在于，所述服务端服务器，还用于将对所述网络请求进行响应的响应结果返回给所述Electron桌面客户端；所述Electron桌面客户端，还用于对接收到的响应结果进行封装，并将封装后的第一响应结果通过所述WebSocket客户端发送给所述节点服务器；所述节点服务器，还用于对接收到的所述第一响应结果进行解析，并将解析后得到的第二响应结果返回给所述ServiceWorker，以使所述ServiceWorker将所述第二响应结果作为所述待调试页面的网络请求的响应结果。5.根据权利要求2所述的混合模式移动应用调试系统，其特征在于，所述Electron桌面2CN11364158