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

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN113641580A(43)申请公布日2021.11.12(21)申请号202110919363.5(22)申请日2021.08.11(71)申请人上海哔哩哔哩科技有限公司地址200433上海市杨浦区政立路485号国正中心3号楼(72)发明人张灏(74)专利代理机构北京英特普罗知识产权代理有限公司11015代理人饶文彬邓小玲(51)Int.Cl.G06F11/36(2006.01)G06F9/451(2018.01)权利要求书3页说明书14页附图3页(54)发明名称混合模式移动应用调试方法及系统(57)摘要本申请实施例提供了一种混合模式移动应用调试系统，包括：Electron桌面客户端，用于创建本地项目打包服务、WebSocket客户端、第一模块热替换客户端，以及通过WebSocket客户端与节点服务器建立WebSocket长连接；本地项目打包服务用于在页面代码中添加创建第二模块热替换客户端的第一脚本以及创建模块热替换服务端，并将包含有第一脚本的页面代码进行打包生成页面代码文件目录；Electron桌面客户端，用于将页面代码文件目录进行打包生成页面代码文件包，并将页面代码文件包上传至节点服务器以使节点服务器对页面代码文件包进行解压生成第一代码文件，并将生成的第一代码文件部署至静态资源服务中；混合模式移动应用，用于从静态资源服务中获取并加载第一代码文件，以打开待调试页面。CN113641580ACN113641580A权利要求书1/3页1.一种混合模式移动应用调试系统，其特征在于，所述调试系统包括调试设备、节点服务器及安装有待调试的混合模式移动应用的待调试设备，所述调试设备中安装有Electron桌面客户端以及本地项目调试服务，其中：所述Electron桌面客户端，用于创建本地项目打包服务、WebSocket客户端、第一模块热替换客户端，以及用于通过所述WebSocket客户端与所述节点服务器建立第一WebSocket长连接；所述Electron桌面客户端，还用于通过所述本地项目打包服务在所述混合模式移动应用的页面代码添加用于创建第二模块热替换客户端的第一脚本；所述本地项目调试服务，用于创建模块热替换服务端，并将包含有所述第一脚本的页面代码进行打包生成页面代码文件目录；所述Electron桌面客户端，还用于将所述页面代码文件目录进行打包生成页面代码文件包，并将所述页面代码文件包上传至所述节点服务器；所述节点服务器，用于对所述页面代码文件包进行解压生成第一代码文件，并将生成的第一代码文件部署至所述静态资源服务中；所述混合模式移动应用，用于从所述静态资源服务中获取并加载所述第一代码文件，以打开所述待调试页面；所述混合模式移动应用，还用于根据所述第一代码文件中的第一脚本创建第二模块热替换客户端，并通过所述第二模块热替换客户端与所述节点服务器建立第二WebSocket长连接；所述节点服务器，还用于在所述第二WebSocket长连接建立后，通过所述第一WebSocket长连接通知所述Electron桌面客户端在所述第一模块热替换客户端与所述模块热替换服务端之间建立第三WebSocket长连接，以使所述第二模块热替换客户端依次通过所述第二WebSocket长连接的通道、所述第一WebSocket长连接的通道以及所述第三WebSocket长连接的通道将页面热更新的数据请求发送给所述模块热替换服务端。2.根据权利要求1所述的混合模式移动应用调试系统，其特征在于，Electron桌面客户端，还用于通过所述本地项目打包对所述页面代码中包含的配置文件进行解析得到解析后的配置文件；所述Electron桌面客户端，还用于通过所述本地项目打包服务在解析后得到的配置文件中添加用于创建第二模块热替换客户端的第一脚本。3.根据权利要求2所述的混合模式移动应用调试系统，其特征在于，所述Electron桌面客户端，还用于通过所述本地项目打包服务在解析后得到的配置文件中添加用于创建模块热替换服务端的第二脚本；所述本地项目调试服务，用于根据所述第二脚本创建所述模块热替换服务端。4.根据权利要求1所述的混合模式移动应用调试系统，其特征在于，Electron桌面客户端，还用于向所述节点服务器请求获取会话凭证信息；所述节点服务器，还用于在接收到所述Electron桌面客户端发送的会话凭证信息获取请求时，生成会话凭证信息，并将所述会话凭证信息发送给所述Electron桌面客户端，以使所述WebSocket客户端根据所述会话凭证信息与所述节点服务器建立第一WebSocket长连接。2CN113641580A权利要求书2/3页5.根据权利要求4所述的混合模式移动应用调试系统，其特征在于，所述节点服务器，还