移动应用终端实时调试方法及系统技术方案

本发明专利技术公开了一种移动应用终端实时调试方法及系统，该方法包括：建立服务端与拟进行调试的多个客户端之间的长连接关系；监听服务端是否有内容更新，并在有内容更新时将更新命令广播出去；客户端根据接收到的更新命令启动对应的内容更新操作。本发明专利技术解决了原有的移动机调试效率低下的问题，通过无线局域网与服务器建立长连接，并将服务端的更新代码加载至调试客户端，不需要数据线与电脑连接，并直接将同一套代码部署至不同型号的智能终端上进行调试，更直观清晰地看到不同型号智能终端的页面渲染效果，节约了测试时间。

【技术实现步骤摘要】
移动应用终端实时调试方法及系统
本专利技术属于数据调试领域，具体涉及一种移动应用终端实时调试方法及系统。
技术介绍
在网络传输时，通常存在长连接和短连接两种模式，长连接与短连接最大的区别就在于完成一次读写之后，Client(客户端)与Server(服务器)之间的连接是否会主动关闭。采用长连接时，该连接并不会主动关闭，后续的读写操作可以继续使用这个连接，该特性与Jetty等轻量级Web服务器结合，可以方便地发布应用及更新。AndroidStudio或Xcode进行开发与手机进行实时真机调试，需要通过数据线将手机与电脑连接，并将手机模式设置为开发者模式，通过开发工具将代码部署至手机端后才能显示页面效果进行调试。移动端机型很多，需要调试不同手机时就必须将各个手机通过数据线与电脑连接，然后将全部代码编译部署后才能看到效果，调试效率很低。
技术实现思路
基于现有技术的上述缺陷，本专利技术的目的在于提供一种移动应用终端实时调试方法及系统，以解决原有的移动机调试效率低下的问题。本专利技术采用的技术方案如下：一种移动应用终端实时调试方法，包括：建立服务端与拟进行调试的多个客户端之间的长连接关系；监听服务端是否有内容更新，并在有内容更新时将更新命令广播出去；客户端根据接收到的更新命令启动对应的内容更新操作。进一步地，所述服务端与多个客户端接入同一无线局域网中。进一步地，所述客户端预先配置有与其无线连接的服务端的服务器地址和端口号。进一步地，所述服务端内嵌入IDE，自动监听服务端内容的变化，在监测到服务端有内容更新后，将更新的命令广播出去。进一步地，客户端收到广播后，根据更新的命令进行内容解析，然后将解析后的代码进行页面渲染。进一步地，所述页面渲染仅执行有更改的新页面文件，更新的内容通过二进制流传递。本专利技术的另一方面还提供了一种移动应用终端实时调试系统，包括：服务端，用于监听自身是否有内容更新，并在有内容更新时将更新的命令广播出去；客户端，根据接收到的命令执行对应的页面内容更新；其中，所述服务端与客户端事先建立有长连接关系。进一步地，所述客户端包括：连接模块、更新模块和渲染模块，其中，所述连接模块，配置有服务端的IP地址和端口号，用于保持和服务端的长连接关系，并监听服务端的广播；所述更新模块，用于拉取服务端的更新文件传递给渲染模块；所述渲染模块，用于在客户端执行页面内容渲染，并展示页面效果。进一步地，所述渲染模块包括解析单元和执行单元，其中，所述解析单元，将更新文件进行解析，执行单元，将解析后的代码进行渲染。进一步地，所述服务端内嵌IDE，通过打开IDE并对其进行代码编写启动对服务端的内容更新监听。与现有技术相比，本专利技术所公开的一种移动应用终端实时调试方法及系统，具有如下技术效果：1、本专利技术的拟进行调试的客户端通过无线网络与服务端建立了长连接，能够实现一套服务端代码同时与不同型号的智能终端(如手机)联调，提升测试效率；2、本专利技术通过在拟进行调试的客户端配置服务器地址，能够实现一次安装与多个服务器端进行联合调试；3、在代码调试过程中，能够直接在无线连接的客户端看到修改效果，不再需要反复打包安装，节约测试时间。4、本专利技术采用真机调试还能解决原有的模拟器调试不具备重力感应、消息推送等功能，扩大了测试范围，提升了测试效率，相比之前的模拟器调试判断更准确。附图说明为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。图1为本专利技术实施例中的移动应用终端实时调试方法的流程图。图2为本专利技术实施例中的移动应用终端实时调试系统的架构图。具体实施方式为使本领域技术人员更好地理解本专利技术的技术方案，下面结合附图和具体实施方式对本专利技术作进一步详细描述。但是应该理解，这些描述只是示例性的，而并非要限制本专利技术的范围。此外，在以下说明中，省略了对公知结构和技术的描述，以避免不必要地混淆本专利技术的概念。当服务器与客户端一直保持连接时，服务端有任何更新可以随时通过该连接告知客户端进行相应变更，操作起来比较便捷。本专利技术便是根据该原理开发了内容更新服务，并将接口提前埋点至智能设备调试客户端与更新服务建立长连接，实现对智能设备的实时调试。参照图1所示，本专利技术实施例所公开的一种移动应用终端实时调试方法，包括如下：S1、第一步，是建立服务端与拟进行调试的多个客户端之间的长连接关系。具体来说，为了保证服务端与客户端之间的长连接关系，一方面，将服务端与客户端置于同一无线局域网中，服务端与客户端之间为无线信号传输，比如WiFi、Zigbee、蓝牙信号等，通过搭接多个路由器进行组网，可满足更大范围的客户端与服务端的连接，当然，本领域技术人员应当理解的是，通过无线局域网，能够满足待调试设备为可移动终端的设备，方便操作，在拟调试设备数量不多的情况下，亦可采用有线连接的方式。另一方面，在客户端中事先配置好更新的服务器的IP地址和/或端口号，便于监听与其连接的服务端内容，在客户端(比如通过手机)输入服务器的IP地址及端口号后，便可建立与服务器的WebSokect长连接。此外，在客户端中还可以分别配置多个不同服务器端的IP地址，这样可以接收多个不同服务器的调试命令，进而实现联调，提高调试效率。S2、第二步，监听服务端内容是否有更新，并在自身有内容更新时，将更新的命令广播出去。具体来说，服务端内嵌有IDE(IntegratedDriveElectronics)，设置IDE监控某调试端口，打开IDE，编写新代码时，能够启动服务并监听服务端内容的变化。当服务端页面文件发生变化时，比如修改了按钮样式、点击事件、插入了新的文字等，都会自动触发更新命令，并将更新的命令广播至所有已经建立连接的客户端上。其中，每次的更新命令都是由服务端发起，而且服务端地址相对固定，服务器信号相对稳定，保持长连接便于后续文件的更新和传输。S3、第三步，客户端收到广播后，根据更新的命令进行内容解析，然后将解析后的代码进行页面渲染，并在客户端页面上展示页面效果。客户端建立长连接后，会启动Listener来监听服务端的更新命令，在收到更新命令后，提取需要更新的文件内容，然后进行页面渲染，文件内容的传输是以二进制流的形式传输，传递速度极快，可以实现准实时调试效果，此外，页面渲染仅执行有更改的新页面文件，不需要将全部的代码进行二次部署。关于页面渲染的过程，举例如下：网页内容，输入到HTML解析器，HTML解析器解析，然后构建DOM树，在这期间如果遇到JavaScript代码则交给JavaScript引擎处理；如果来自CSS解析器本文档来自技高网...

【技术保护点】
1.一种移动应用终端实时调试方法，其特征在于，所述方法包括：/n建立服务端与拟进行调试的多个客户端之间的长连接关系；/n监听服务端是否有内容更新，并在有内容更新时将更新命令广播出去；/n客户端根据接收到的更新命令启动对应的内容更新操作。/n

【技术特征摘要】
1.一种移动应用终端实时调试方法，其特征在于，所述方法包括：
建立服务端与拟进行调试的多个客户端之间的长连接关系；
监听服务端是否有内容更新，并在有内容更新时将更新命令广播出去；
客户端根据接收到的更新命令启动对应的内容更新操作。


2.根据权利要求1所述的调试方法，其特征在于，所述服务端与多个客户端接入同一无线局域网中。


3.根据权利要求2所述的调试方法，其特征在于，所述客户端预先配置有与其无线连接的服务端的服务器地址和端口号。


4.根据权利要求3所述的调试方法，其特征在于，所述服务端内嵌入IDE，自动监听服务端内容的变化，在监测到服务端有内容更新后，将更新的命令广播出去。


5.根据权利要求4所述的调试方法，其特征在于，客户端收到广播后，根据更新命令进行内容解析，然后将解析后的代码进行页面渲染，其中，更新的内容通过二进制流传递。


6.根据权利要求5所述的调试方法，其特征在于，所述的页面渲染为仅对有更改的新页面文件进行页面渲染。<...

【专利技术属性】
技术研发人员：张兰英，朱礼华，郝巍，冯志强，吴若阳，马韬，张亚东，杨娣，
申请(专利权)人：中国邮政储蓄银行股份有限公司，
类型：发明
国别省市：北京;11