混合模式移动应用调试系统的制作方法

技术特征：
1.一种混合模式移动应用调试系统，特征在于，所述应用调试系统包括调试设备、节点服务器及待调试设备，其中：所述调试设备，用于将待调试的混合模式移动应用的页面代码上传至所述节点服务器中；所述节点服务器，用于将接收到的页面代码部署至静态资源服务中，并将所述静态资源服务的网络地址返回给所述调试设备；所述待调试设备，用于从所述调试设备中获取所述网络地址，并根据所述网络地址从所述静态资源服务中获取并加载所述页面代码，以打开待调试页面；所述调试设备，还用于通过安装在所述调试设备中的调试工具对所述待调试页面进行调试。2.根据权利要求1所述的混合模式移动应用调试系统，其特征在于，所述调试设备还包括安装于所述调试设备中的electron桌面客户端以及本地项目调试服务，其中：所述electron桌面客户端，用于创建本地项目打包服务、websocket客户端、websocket服务端、第一模块热替换客户端，以及用于通过所述websocket客户端与所述节点服务器建立第一websocket长连接；所述electron桌面客户端，还用于通过所述本地项目打包服务在所述页面代码中添加用于创建第二模块热替换客户端的第一脚本及添加用于创建模块热替换服务端的第二脚本，以及用于通过所述本地项目打包服务开启所述本地项目调试服务；所述本地项目调试服务，用于根据所述第二脚本创建模块热替换服务端；所述本地项目调试服务，还用于将包含有所述第一脚本的页面代码进行打包生成页面代码文件目录；所述本地项目调试服务，还用于在所述页面代码文件目录中的预设文件中添加用于加载service worker的第三脚本的代码段，以及用于将所述第三脚本添加至所述页面代码文件目录下；所述electron桌面客户端，还用于将包含有所述第三脚本的页面代码文件目录进行打包生成页面代码文件包，并将所述页面代码文件包上传至所述节点服务器；所述节点服务器，还用于对所述页面代码文件包进行解压生成第一代码文件，并将生成的第一代码文件部署至所述静态资源服务中，以及将所述静态资源服务的网络地址返回给所述electron桌面客户端。3.根据权利要求2所述的混合模式移动应用调试系统，其特征在于，所述待调试设备包括安装有所述混合模式移动应用的安卓设备，所述调试工具包括chrome devtools frontend调试工具，其中：所述混合模式移动应用，用于从所述静态资源服务中获取并加载所述第一代码文件，以打开所述待调试页面；所述混合模式移动应用，还用于根据所述第一代码文件中的所述代码段加载所述第三脚本，并通过所述第三脚本拦截所述待调试页面的网络请求，以及根据所述第一代码文件中的第一脚本创建所述第二模块热替换客户端；所述第二模块热替换客户端，用于与所述节点服务器建立第二websocket长连接；所述混合模式移动应用，还用于开启webview调试模式，以使所述安卓设备根据所述
webview调试模式调用chromium内核创建unix domain socket服务端；所述混合模式移动应用，还用于与所述unix domain socket服务端建立第三websocket长连接，以及用于与所述节点服务器建立第四websocket长连接；所述websocket客户端，还用于开启桌面调试窗口，并在所述桌面调试窗口加载所述chrome devtools frontend调试工具；所述chrome devtools frontend调试工具，用于与所述websocket服务端建立第五websocket长连接，以通过所述第五websocket长连接与所述chromium内核交换调试数据实现对所述待调试页面进行调试；所述节点服务器，还用于在所述第二websocket长连接建立后，通过所述第一websocket长连接通知所述electron桌面客户端在所述第一模块热替换客户端与所述模块热替换服务端之间建立第六websocket长连接，以通过所述第六websocket长连接实现对页面的热更新。4.根据权利要求3所述的混合模式移动应用调试系统，其特征在于，所述待调试设备还包括ios模拟器，所述调试工具还包括safari浏览器，其中：所述electron桌面客户端，还用于创建applescript自动化服务及ios模拟器自动化服务；所述electron桌面客户端，还用于通过所述ios模拟器自动化服务开启所述ios模拟器，并在所述ios模拟器开启后，通过所述ios模拟器自动化服务安装所述混合模式移动应用，以及在所述混合模式移动应用安装完成后，通过所述ios模拟器自动化服务在所述ios模拟器中打开所述网络地址，以使得所述混合模式移动应用调用wkwebview内核加载所述待调试页面；所述electron桌面客户端，还用于通过applescript自动化服务从所述safari浏览器打开safari开发者工具；所述safari开发者工具，用于通过safari调试协议与所述wkwebview内核建立连接通道，并通过所述连接通道实现对所述待调试页面进行调试。5.根据权利要求4所述的混合模式移动应用调试系统，其特征在于，所述electron桌面客户端，还用于通过所述ios模拟器自动化服务关闭当前所有已开启的ios模拟器，并在所有的ios模拟器关闭后，重新开启选中的ios模拟器。6.根据权利要求3所述的混合模式移动应用调试系统，其特征在于，所述混合模式移动应用，还用于在与所述节点服务器建立第四websocket长连接后，通过所述第四websocket长连接向所述节点服务器发送所述待调试页面的调试通道已开启的信号；所述节点服务器，还用于在接收到所述信号后，通过所述第一websocket长连接将所述信号发送给所述websocket客户端，以使所述websocket客户端在接收到所述信号后开启所述桌面调试窗口。7.根据权利要求2所述的混合模式移动应用调试系统，其特征在于，所述electron桌面客户端，还用于向所述节点服务器请求获取会话凭证信息；所述节点服务器，用于在接收到所述electron桌面客户端发送的会话凭证信息获取请求时，生成会话凭证信息，并将所述会话凭证信息发送给所述electron桌面客户端，以使所述websocket客户端根据所述会话凭证信息与所述节点服务器建立第一websocket长连接。
8.根据权利要求7所述的混合模式移动应用调试系统，其特征在于，所述节点服务器，还用于在生成所述会话凭证信息后，在所述静态资源服务中创建以所述会话凭证信息为名的目录，并将所述第一代码文件部署至以所述会话凭证信息为名的目录下。9.根据权利要求3所述的混合模式移动应用调试系统，其特征在于，所述unix domainsocket服务端具有对应的进程标识信息，所述混合模式移动应用，还用于获取所述安卓设备中当前开启的多个进程的进程标识信息，并根据各个进程标识信息查找所述unix domainsocket服务端；所述混合模式移动应用，还用于向所述unix domain socket服务端发起握手请求，并在握手成功后向所述unix domain socket服务端发送协议升级指令，以将当前通信协议升级为websocket协议。10.根据权利要求3所述的混合模式移动应用调试系统，其特征在于，所述chromedevtools frontend调试工具，还用于通过所述第五websocket长连接向所述websocket服务端发送所述待调试的hybrid页面的调试信息获取请求给所述websocket服务端，以使所述websocket服务端依次通过所述websocket客户端、所述第一websocket长连接的通道、所述第四websocket长连接的通道及所述第三websocket长连接的通道将将所述调试信息获取请求发送给所述unix domain socket服务端实现从所述unix domain socket服务端获取所述待调试页面的调试信息。11.一种混合模式移动应用调试方法，应用于包括调试设备、节点服务器及待调试设备的调试系统中，其特征在于，所述方法包括：通过所述调试设备将待调试的混合模式移动应用的页面代码上传至所述节点服务器中；通过所述节点服务器将接收到的页面代码部署至静态资源服务中，并将所述静态资源服务的网络地址返回给所述调试设备；通过所述待调试设备从所述调试设备中获取所述网络地址，并根据所述网络地址从所述静态资源服务中获取并加载所述页面代码，以打开待调试页面；通过安装在所述调试设备中的调试工具对所述待调试页面进行调试。

技术总结
本申请实施例提供了一种混合模式移动应用调试系统，包括调试设备，用于将待调试的混合模式移动应用的页面代码上传至所述节点服务器中；节点服务器，用于将接收到的页面代码部署至静态资源服务中，并将所述静态资源服务的网络地址返回给所述调试设备；待调试设备，用于从所述调试设备中获取所述网络地址，并根据所述网络地址从所述静态资源服务中获取并加载所述页面代码，以打开待调试页面；调试设备，还用于通过安装在所述调试设备中的调试工具对所述待调试页面进行调试。具对所述待调试页面进行调试。具对所述待调试页面进行调试。


技术研发人员：张灏 曹兆亮
受保护的技术使用者：上海哔哩哔哩科技有限公司
技术研发日：2021.08.11
技术公布日：2021/11/8