一种移动终端的应用调试方法及装置

技术领域

本发明涉及应用开发技术领域，具体涉及一种移动终端的应用调试方法及装置。

背景技术

目前，移动端的应用程序(Application，简称APP)的开发模式中越来越多的使用Weex、ReactNative等新兴技术，以实现一次开发，多端复用。

现有技术中，为了实现研发过程中电脑端开发的Weex页面在移动端APP中的快速调试，主要使用电脑端的iOS模拟器和Android模拟器。前端开发人员不仅需要在电脑上安装前端的研发环境，还需要配置iOS和Android开发环境。要实现将的Weex页面从电脑端发送到移动端进行测试，还需要前端开发人员进行一系列的操作。首先，前端开发人员在电脑端开发完Weex页面后，需要使用桌面Weex程序的脚手架手动把Weex页面打包成一个JavaScript文件；其次，前端开发人员需要在电脑端搭建一套移动端的开发和调试环境，如果是iOS应用，则需要安装XCode开发工具并配置iOS开发环境，这对于前端开发人员来说，有一定的技术难度；然后，在配置完成移动端的开发工具和研发环境之后，前端开发人员需要手动将打包好的Weex页面JavaScript文件部署到移动端的开发环境中，供移动端模拟器使用；接着，前端开发人员需要通过移动端的开发工具(如：XCode)启动模拟器运行APP的调试程序，在APP调试程序中嵌入的WeexSDK，会解析这个Weex页面的JavaScript文件，并渲染到APP容器中，以此来达到预览Weex页面以及调试的目的。如果前端开发人员修改了Weex页面的代码，想要在移动开发模拟器中再次进行调试，则需要重新进行上面的过程。而在研发和调试过程中Weex页面的代码的修改很频繁，上述调试过程不断重复，导致Weex页面的调试过程繁琐，效率低。

发明内容

针对现有技术中的问题，本发明实施例提供一种移动终端的应用调试方法及装置，能够至少部分地解决现有技术中存在的问题。

一方面，本发明提出一种移动终端的应用调试方法，包括：

扫描开发终端提供的二维码，并解析所述二维码获得文件下载地址；其中，所述二维码是所述开发终端基于IP地址和文件路径预先生成的；

根据所述文件下载地址下载静态资源文件；

将所述静态资源文件渲染到容器中。

另一方面，本发明提供一种移动终端的应用调试装置，包括：

扫描模块，用于扫描开发终端提供的二维码，并解析所述二维码获得文件下载地址；其中，所述二维码是所述开发终端基于IP地址和文件路径预先生成的；

第一下载模块，用于根据所述文件下载地址下载静态资源文件；

渲染模块，用于将所述静态资源文件渲染到容器中。

再一方面，本发明提供一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现上述任一实施例所述移动终端的应用调试方法的步骤。

又一方面，本发明提供一种计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现上述任一实施例所述移动终端的应用调试方法的步骤。

本发明实施例提供的移动终端的应用调试方法及装置，能够扫描开发终端提供的二维码，并解析二维码获得文件下载地址，根据文件下载地址下载静态资源文件，将静态资源文件渲染到容器中，无需在开发终端配置移动终端的开发工具以及开发和调试环境，提高了开发测试过程中静态资源文件的传输效率。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。在附图中：

图1是本发明一实施例提供的移动终端的应用调试方法的流程示意图。

图2是本发明另一实施例提供的移动终端的应用调试方法的流程示意图。

图3是本发明又一实施例提供的移动终端的应用调试方法的流程示意图。

图4是本发明一实施例提供的移动终端的应用调试方法的时序流程图。

图5是本发明另一实施例提供的移动终端的应用调试方法的时序流程图。

图6是本发明一实施例提供的移动终端的应用调试装置的结构示意图。

图7是本发明再一实施例提供的移动终端的应用调试装置的结构示意图。

图8是本发明另一实施例提供的移动终端的应用调试装置的结构示意图。

图9是本发明又一实施例提供的移动终端的应用调试装置的结构示意图。

图10是本发明一实施例提供的电子设备的实体结构示意图。

具体实施方式

为使本发明实施例的目的、技术方案和优点更加清楚明白，下面结合附图对本发明实施例做进一步详细说明。在此，本发明的示意性实施例及其说明用于解释本发明，但并不作为对本发明的限定。需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互任意组合。

图1是本发明一实施例提供的移动终端的应用调试方法的流程示意图，如图1所示，本发明实施例提供的移动终端的应用调试方法，包括：

S101、扫描开发终端提供的二维码，并解析所述二维码获得文件下载地址；其中，所述二维码是所述开发终端基于IP地址和文件路径预先生成的；

具体地，移动终端扫描开发终端提供的二维码，然后解析所述二维码，获得文件下载地址。所述二维码是所述开发终端基于IP地址和文件路径预先生成的，开发人员通过所述开发终端可以将开发的页面打包成静态资源文件，然后所述开发终端可以根据本地的IP地址和静态资源文件的存储路径，生成二维码，生成的二维码中包括上述静态资源文件的文件下载地址。其中，所述开发终端包括但不限于台式机、笔记本电脑等。所述移动终端包括但不限于智能手机、平板电脑等。

S102、根据所述文件下载地址下载静态资源文件；

具体地，所述移动终端在获得文件下载地址之后，可以根据所述文件下载地址访问所述开发终端，从所述开发终端下载静态资源文件。

S103、将所述静态资源文件渲染到容器中。

具体地，所述移动终端在将所述静态资源文件下载到本地之后，会将所述静态资源文件渲染到需要调试的APP的容器中，供开发人员查看和进行调试。

本发明实施例提供的移动终端的应用调试方法，能够扫描开发终端提供的二维码，并解析二维码获得文件下载地址，根据文件下载地址下载静态资源文件，将静态资源文件渲染到容器中，无需在开发终端配置移动终端的开发工具以及开发和调试环境，提高了开发测试过程中静态资源文件的传输效率。

图2是本发明另一实施例提供的移动终端的应用调试方法的流程示意图，如图2所述，在上述各实施例的基础上，进一步地，本发明实施例提供的移动终端的应用调试方法还包括：

S201、接收所述开发终端发送的更新信息；

具体地，由于在APP的开发测试过程，经常要反复地进行调试。开发人员在所述开发终端更新静态资源文件之后，所述开发终端可以向所述移动终端发送更新信息，以提示所述移动终端所述静态资源文件被更新了。所述移动终端会接收所述更新信息。其中，所述开发终端和所述移动终端预先建立了通信连接。

S202、基于所述文件下载地址重新下载更新的静态资源文件并渲染到容器中。

具体地，所述移动终端在接收到所述更新信息之后，会基于所述文件下载地址，从所述文件下载地址下载更新的静态资源文件，然后渲染到对应的APP的容器中，以供开发人员查看和调试程序。

本发明实施例提供的移动终端的应用调试方法，当静态资源文件更新之后，能够主动推送更新信息给移动终端，使移动终端自动下载更新的静态资源文件并加载到容器中，减少了开发人员的参与，提高了调试过程中静态资源文件的获取效率。

图3是本发明又一实施例提供的移动终端的应用调试方法的流程示意图，如图3所示，在上述各实施例的基础上，进一步地，本发明实施例提供的移动终端的应用调试方法还包括：

S301、根据所述文件下载地址，获得IP地址；

具体地，由于所述文件下载地址中包括所述开发终端的IP地址，所述移动终端可以从所述文件下载地址中解析获得所述开发终端的IP地址。

S302、基于所述IP地址与所述开发终端建立长连接。

具体地，所述移动终端获得所述IP地址之后，可以根据所述IP地址与所述开发终端建立长连接。通过建立的长连接，所述移动终端与所述开发终端可以时刻保持通信。所述开发终端就可以将更新信息及时发送给所述移动终端，提高开发终端与移动终端的信息交互效率。

在上述各实施例的基础上，进一步地，本发明实施例提供的移动终端的应用调试方法还包括：

接收更新指令并基于所述文件下载地址重新下载更新的静态资源文件并渲染到容器中。

具体地，开发人员在所述开发终端更新静态资源文件之后，也可以在所述移动终端通过手动触发的方式从所述开发终端下载所述静态资源文件。开发人员可以在所述移动终端点击虚拟按键以触发更新指令，所述移动终端接收更新指令，然后基于所述文件下载地址重新下载更新的静态资源文件，然后渲染到对应的APP的容器中，以供开发人员查看和调试程序。

下面以Weex页面的调试过程为例，来说明本发明实施例提供的移动终端的应用调试方法的实现流程。Weex：是一个可以使用现代化的Web技术开发高性能原生应用(iOS、Android)的框架。

图4是本发明一实施例提供的移动终端的应用调试方法的时序流程图，如图4所示，本发明实施例提供的移动终端的应用调试方法的流程如下：

第一步、打包文件。开发人员在电脑上开发完Weex页面之后，可以通过桌面端Weex应用程序脚手架把Weex页面打包成一个JavaScript静态资源文件并存储，存储的JavaScript静态资源文件会对应一个文件路径。其中，桌面端Weex应用程序预先安装到电脑上。

第二步、启动网络服务。开发人员通过桌面端Weex应用脚手架启动一个本地的Node.js服务，这个服务的目的就是能提供一个可供局域网内能共享访问的IP地址，基于IP地址可以让局域网内的其它设备与电脑建立通信连接。

第三步、生成二维码。Node.js服务器启动后，JavaScript静态资源文件已经可以被局域网内的设备访问了，但是在测试手机的APP上还需要手动输入上述IP地址和JavaScript静态资源文件对应的文件路径，才能访问。为了避免手动输入的过程，开发人员在电脑上可以通过Weex应用程序的脚手架根据JavaScript静态资源文件对应的文件路径和上述IP地址，生成一个二维码并打印在浏览器的控制台中，显示生成的二维码。

第四步、扫描二维码。开发人员通过测试手机扫描电脑显示的二维码，获得对应的二维码信息。

第五步、解析二维码。测试手机解析二维码信息，获得JavaScript静态资源文件的文件下载地址。

第六步、下载文件。测试手机通过JavaScript静态资源文件的文件下载地址，从电脑上下载JavaScript静态资源文件到测试手机上。

第七步、解析文件。在下载完JavaScript静态资源文件之后，测试手机利用WeexSDK来解析JavaScript静态资源文件。

第八步、渲染文件。测试手机将解析获得的内容渲染到APP的容器中，供开发人员查看及调试。

由上面的交互过程可知，需要开发人员参与的交互很少，很多工作都被Weex应用程序脚手架的自动化工作取代，整个过程非常高效。并且，在这个过程中，开发人员不再需要在本地电脑中配置移动端的开发工具以及开发、调试环境，只需要移动端开发人员提供一个供调试用的APP装在手机里即可。

当开发人员在调试过程中需要频繁的修改Weex页面的代码时，JavaScript静态资源文件也需要同步更新，那么在测试手机在也需要重新下更新的JavaScript静态资源文件渲染到APP的容器中展示并调试。

图5是本发明另一实施例提供的移动终端的应用调试方法的时序流程图，如图5所示，本发明实施例提供的移动终端的应用调试方法的流程如下：

第一步、获得IP地址。测试手机解析二维码信息，获得JavaScript静态资源文件的文件下载地址时，可以获得电脑的IP地址。

第二步、建立长连接。测试手机可以根据电脑的IP地址与电脑建立Socket长连接，使测试手机上的APP与电脑上的Weex应用程序能时刻保持通信。

第三步、打包更新文件。当开发人员在电脑上修改了Weex页面的代码之后，可以通过桌面端Weex应用脚手架重新打包出一个Weex页面的JavaScript静态资源文件，即更新的JavaScript静态资源文件。

第四步、发送更新信息。打包完成之后，电脑上的桌面端Weex应用脚手架会通过已经建立的Socket长连接，向测试手机的APP发送一个更新信息。

第五步、下载文件。测试手机的APP接收到更新信息之后，会根据JavaScript静态资源文件的文件下载地址下载更新的JavaScript静态资源文件。

第六步、解析文件。在下载完更新的JavaScript静态资源文件之后，测试手机利用WeexSDK来解析更新的JavaScript静态资源文件。

第七步、渲染文件。测试手机将解析获得的内容渲染到APP的容器中，供开发人员查看及调试。

在开发过程中，开发人员频繁的修改Weex文件来调试时，开发人员只需要修改Weex文件的代码即可，电脑上的桌面端Weex应用脚手架会自动发送更新信息，使测试手机去下载更新的JavaScript静态资源文件，这个过程不再需要开发人员主动发起交互，从而大大提升研发和调试的效率。

由上述实施例可知，开发人员在电脑上进行页面开发时，会在电脑上生成对应的静态资源文件，再利用Node.js技术，在电脑运行一个Weex的局域网服务器，就可以用测试手机扫描二维码，获得在同一个局域网内通过电脑的IP地址来访问到生成的静态文件资源。测试手机解析二维码获取到了静态资源文件的文件下载地址之后，便可以把静态资源文件下载到测试手机中，使用WeexSDK进行自动解析并渲染到APP的Weex容器中。而在开发和调试过程中会涉及频繁的修改Weex页面的代码，并需要及时的能在APP中展示效果，通过Socke长连接，测试手机能够及时下载到更新的静态资源文件。

利用上述方案，便可以做到测试手机扫描二维码，快速加载Weex页面，省去手动输入地址的麻烦。同时，在开发过程中，开发人员修改的Weex页面的代码编译后，桌面端Node.js服务通过之前与APP建立的Socket连接，会主动通知APP刷新Weex页面，做到桌面端与移动端准同步的开发和调试效果，大大提升开发和调试效率。

图6是本发明一实施例提供的移动终端的应用调试装置的结构示意图，如图6所示，本发明实施例提供的移动终端的应用调试装置包括扫描模块601、第一下载模块602和渲染模块603，其中：

扫描模块601用于扫描开发终端提供的二维码，并解析所述二维码获得文件下载地址；其中，所述二维码是所述开发终端基于IP地址和文件路径预先生成的；第一下载模块602用于根据所述文件下载地址下载静态资源文件；渲染模块603用于将所述静态资源文件渲染到容器中。

具体地，扫描模块601扫描开发终端提供的二维码，然后解析所述二维码，获得文件下载地址。所述二维码是所述开发终端基于IP地址和文件路径预先生成的，开发人员通过所述开发终端可以将开发的页面打包成静态资源文件，然后所述开发终端可以根据本地的IP地址和静态资源文件的存储路径，生成二维码，生成的二维码中包括上述静态资源文件的文件下载地址。

在获得文件下载地址之后，第一下载模块602可以根据所述文件下载地址访问所述开发终端，从所述开发终端下载静态资源文件。

在将所述静态资源文件下载到本地之后，渲染模块603会将所述静态资源文件渲染到需要调试的APP的容器中，供开发人员查看和进行调试。

本发明实施例提供的移动终端的应用调试装置，能够扫描开发终端提供的二维码，并解析二维码获得文件下载地址，根据文件下载地址下载静态资源文件，将静态资源文件渲染到容器中，无需在开发终端配置移动终端的开发工具以及开发和调试环境，提高了开发测试过程中静态资源文件的传输效率。

图7是本发明再一实施例提供的移动终端的应用调试装置的结构示意图，如图7所示，在上述各实施例的基础上，进一步地，本发明实施例提供的移动终端的应用调试装置还包括第一接收模块604和第二下载模块605，其中：

第一接收模块604用于接收所述开发终端发送的更新信息；第二下载模块605用于基于所述文件下载地址重新下载更新的静态资源文件并渲染到容器中。

具体地，由于在APP的开发测试过程，经常要反复地进行调试。开发人员在所述开发终端更新静态资源文件之后，所述开发终端可以向第一接收模块604发送更新信息，以提示第一接收模块604所述静态资源文件被更新了。第一接收模块604会接收所述更新信息。其中，所述开发终端和所述移动终端预先建立了通信连接。

在接收到所述更新信息之后，第二下载模块605会基于所述文件下载地址，从所述文件下载地址下载更新的静态资源文件，然后渲染到对应的APP的容器中，以供开发人员查看和调试程序。

图8是本发明另一实施例提供的移动终端的应用调试装置的结构示意图，如图8所示，在上述各实施例的基础上，进一步地，本发明实施例提供的移动终端的应用调试装置还包括获得模块606和建立模块607，其中：

获得模块606用于根据所述文件下载地址，获得IP地址；建立模块607用于基于所述IP地址与所述开发终端建立长连接。

具体地，由于所述文件下载地址中包括所述开发终端的IP地址，获得模块606可以从所述文件下载地址中解析获得所述开发终端的IP地址。

在获得所述IP地址之后，建立模块607可以根据所述IP地址与所述开发终端建立长连接。通过建立的长连接，建立模块607与所述开发终端可以时刻保持通信。所述开发终端就可以将更新信息及时发送给所述移动终端的应用调试装置，提高开发终端与移动终端的应用调试装置的信息交互效率。

图9是本发明又一实施例提供的移动终端的应用调试装置的结构示意图，如图9所示，在上述各实施例的基础上，进一步地，本发明实施例提供的移动终端的应用调试装置还包括第二接收模块608，其中：

第二接收模块608用于接收更新指令并基于所述文件下载地址重新下载更新的静态资源文件并渲染到容器中。

具体地，开发人员在所述开发终端更新静态资源文件之后，也可以通过手动触发的方式从所述开发终端下载所述静态资源文件。开发人员可以击虚拟按键以触发更新指令，第二接收模块608接收更新指令，然后基于所述文件下载地址重新下载更新的静态资源文件，然后渲染到对应的APP的容器中，以供开发人员查看和调试程序。

本发明实施例提供的装置的实施例具体可以用于执行上述各方法实施例的处理流程，其功能在此不再赘述，可以参照上述方法实施例的详细描述。

需要说明的是，本发明实施例提供的移动终端的应用调试方法及装置可用于金融领域，也可用于除金融领域之外的任意技术领域，本发明实施例对移动终端的应用调试方法及装置的应用领域不做限定。

图10是本发明一实施例提供的电子设备的实体结构示意图，如图10所示，该电子设备可以包括：处理器(processor)1001、通信接口(Communications Interface)1002、存储器(memory)1003和通信总线1004，其中，处理器1001，通信接口1002，存储器1003通过通信总线1004完成相互间的通信。处理器1001可以调用存储器1003中的逻辑指令，以执行如下方法：扫描开发终端提供的二维码，并解析所述二维码获得文件下载地址；其中，所述二维码是所述开发终端基于IP地址和文件路径预先生成的；根据所述文件下载地址下载静态资源文件；将所述静态资源文件渲染到容器中。

此外，上述的存储器1003中的逻辑指令可以通过软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。

本实施例公开一种计算机程序产品，所述计算机程序产品包括存储在非暂态计算机可读存储介质上的计算机程序，所述计算机程序包括程序指令，当所述程序指令被计算机执行时，计算机能够执行上述各方法实施例所提供的方法，例如包括：扫描开发终端提供的二维码，并解析所述二维码获得文件下载地址；其中，所述二维码是所述开发终端基于IP地址和文件路径预先生成的；根据所述文件下载地址下载静态资源文件；将所述静态资源文件渲染到容器中。

本实施例提供一种计算机可读存储介质，所述计算机可读存储介质存储计算机程序，所述计算机程序使所述计算机执行上述各方法实施例所提供的方法，例如包括：扫描开发终端提供的二维码，并解析所述二维码获得文件下载地址；其中，所述二维码是所述开发终端基于IP地址和文件路径预先生成的；根据所述文件下载地址下载静态资源文件；将所述静态资源文件渲染到容器中。

本领域内的技术人员应明白，本发明的实施例可提供为方法、系统、或计算机程序产品。因此，本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

在本说明书的描述中，参考术语“一个实施例”、“一个具体实施例”、“一些实施例”、“例如”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本发明的至少一个实施例或示例中。在本说明书中，对上述术语的示意性表述不一定指的是相同的实施例或示例。而且，描述的具体特征、结构、材料或者特点可以在任何的一个或多个实施例或示例中以合适的方式结合。

以上所述的具体实施例，对本发明的目的、技术方案和有益效果进行了进一步详细说明，所应理解的是，以上所述仅为本发明的具体实施例而已，并不用于限定本发明的保护范围，凡在本发明的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。