移动应用的开发测试方法、终端设备及介质技术

本发明专利技术适用于软件测试技术领域，提供了一种移动应用的开发测试方法、终端设备及介质，该方法包括：在预设的包含多个节点的系统节点列表中，获取用户选取的一个或多个节点；在界面预览区域，展示与用户选择的每一节点相对应的图形控件；根据接收到的图形控件参数设置指令以及图形控件移动指令，对界面预览区域中的各个图形控件进行调整，得到页面开发效果图；若检测到页面开发效果图的确认指令，则获取与各个节点以及与每一节点的图形控件参数相匹配的开发代码；将开发代码导入测试终端，以使测试终端运行开发代码更新后的应用程序。本发明专利技术实现了对开发效果的实时、直观展示，提高了基于React Native开发的移动应用的测试效率。

Development test methods, terminal devices and media for mobile applications

The invention is applicable to the field of software testing technology, and provides a mobile application development testing method, terminal equipment and media. The method includes: acquiring one or more nodes selected by the user in a preset list of system nodes containing multiple nodes; displaying each section selected by the user in an interface preview area. Graphic control corresponding to the point; according to the received graphic control parameter setting instructions and graphic control movement instructions, adjust each graphic control in the interface preview area to get the page development effect map; if the page development effect map confirmation instructions are detected, then obtain with each node and with each node The development code matching the parameters of the graphical control is imported into the test terminal so that the test terminal can run the updated application program. The invention realizes the real-time and intuitive display of the development effect, and improves the test efficiency of the mobile application based on React Native development.

【技术实现步骤摘要】
移动应用的开发测试方法、终端设备及介质
本专利技术属于软件测试
，尤其涉及一种移动应用的开发测试方法、终端设备及计算机可读存储介质。
技术介绍
ReactNative是开源的跨平台移动应用开发框架，由于其能够支持苹果系统(iPhoneoperatingsystem，iOS)和安卓系统两大平台，因而在网页前端开发领域得到了越来越广泛的应用。目前，前端开发人员在利用ReactNative来开发组件时，若想要查看当前组件的实时开发效果，则需要将测试代码输入移动终端，并在输入完成后，启用节点包管理(nodepackagemanager，NPM)服务，由此保证移动终端能够运行该测试代码，以重新启动需要展示开发效果的应用程序。由于在测试代码的每一次运行时，移动终端上的应用程序都需要重新返回首页，从而才能加载出开发效果。然而，若需要查看的页面开发效果并不是应用程序的首页，则前端开发人员需要手动点击多层菜单后才能进入所需查看开发效果的测试页面，由此导致了基于ReactNative开发的移动应用的开发效率较为低下。
技术实现思路
有鉴于此，本专利技术实施例提供了一种移动应用的开发测试方法、终端设备及计算机可读存储介质，以解决现有技术中基于ReactNative开发的移动应用的开发效率较为低下的问题。本专利技术实施例的第一方面提供了一种移动应用的开发测试方法，包括：在预设的包含多个节点的系统节点列表中，获取用户选取的一个或多个所述节点；在界面预览区域，展示与用户选择的每一所述节点相对应的图形控件；根据接收到的图形控件参数设置指令以及图形控件移动指令，对所述界面预览区域中的各个所述图形控件进行调整，得到页面开发效果图；若检测到所述页面开发效果图的确认指令，则获取与各个所述节点以及与每一所述节点的图形控件参数相匹配的开发代码；将所述开发代码导入测试终端，以使所述测试终端运行开发代码更新后的应用程序。本专利技术实施例的第二方面提供了一种终端设备，包括存储器以及处理器，所述存储器中存储有可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如第一方面所述的移动应用的开发测试方法的步骤。本专利技术实施例的第三方面提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现如第一方面所述的移动应用的开发测试方法的步骤。本专利技术实施例中，通过展示包含多个节点的系统节点列表，并在终端界面中提供给开发人员进行节点的选取操作，使得用户只要在节点列表中选取自己所需的节点后，便能够在界面预览区域中直接查看该节点所对应的图形控件，实现了对开发效果的直观展示；由于开发人员可以在图像预览区域发出图形控件移动指令来灵活地调整各个图形控件的位置或形状大小，无须将测试代码导入移动终端，也无需启动终端的NPM服务，便能够实时地了解自己开发的移动应用的页面显示效果。因此，相对于传统的移动应用的测试方法来说，提高了基于ReactNative开发的移动应用的测试效率。并且，由于每一节点所匹配的开发代码已预先生成，因而在确认了当前的页面开发效果图后，可直接生成最终所需的开发代码，以在导入测试终端后，通过一次手工操作便能在移动终端上展示最终所需开发的页面，无须再重复多次点击进入测试页面以及进行页面显示效果的调试操作，故也提供了移动应用的开发效率。附图说明为了更清楚地说明本专利技术实施例中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。图1是本专利技术实施例提供的移动应用的开发测试方法的实现流程图；图2是本专利技术实施例提供的移动应用的测试开发方法S104的具体实现流程图；图3是本专利技术另一实施例提供的移动应用的开发测试方法的实现流程图；图4是本专利技术实施例提供的移动应用的测试开发方法S103的具体实现流程图；图5是本专利技术实施例提供的移动应用的开发测试装置的结构框图；图6是本专利技术实施例提供的终端设备的示意图。具体实施方式以下描述中，为了说明而不是为了限定，提出了诸如特定系统结构、技术之类的具体细节，以便透彻理解本专利技术实施例。然而，本领域的技术人员应当清楚，在没有这些具体细节的其它实施例中也可以实现本专利技术。在其它情况中，省略对众所周知的系统、装置、电路以及方法的详细说明，以免不必要的细节妨碍本专利技术的描述。为了说明本专利技术所述的技术方案，下面通过具体实施例来进行说明。本专利技术实施例提供的移动应用的开发测试方法及装置可以应用于各类终端设备中，包括平板、掌上电脑(PersonalDigitalAssistant，PDA)、个人电脑(personalcomputer，PC)以及服务器，等等。其中，上述终端设备中运行有移动应用的开发测试环境，且上述终端设备可通过有线或无线连接的方式来与测试终端进行通信，以实现开发代码的导入或导出。图1示出了本专利技术实施例提供的移动应用的开发测试方法的实现流程，详述如下：S101：在预设的包含多个节点的系统节点列表中，获取用户选取的一个或多个所述节点。本专利技术实施例中，在终端界面的预设区域，如左侧区域，展示有预先生成的一个系统节点列表。系统节点列表中记录有多个节点的属性信息，每一节点的属性信息用于描述该节点对应的一个图形控件的名称。节点所对应的图形控件用于表示用户所需开发的移动应用的测试页面中的一个图形。例如，存在属性信息为“TEXT”的第一个节点或属性信息为“logo”的第二个节点，则第一个节点所对应的图形控件的名称为“TEXT”，其表示开发人员想要在移动应用的测试页面中添加一个文本框；第二个节点所对应的图形控件的名称为“logo”，表示开发人员想要在移动应用的显示页面中添加一个标志图案。系统节点列表中的各个节点以菜单按键的形式展示于终端界面。通过预先启动的工作线程，持续对各个节点进行监控，以确定是否在任一节点上检测到用户发出的选取指令。若检测到用户对任一节点发出的选取指令，且该节点为最后一层级的节点，则对该节点进行选择；若检测到用户对任一节点发出的选取指令，且该节点并非最后一层级的节点，则将属于该节点之下的各个子节点进行展示，以再次检测用户所选取的一个子节点。本专利技术实施例中，具有同一根节点的各个节点或者子节点具有相同的节点类型，由此使得相同类型的图形控件所对应各个节点能够展示于系统节点列表中的邻近位置。S102：在界面预览区域，展示与用户选择的每一所述节点相对应的图形控件。在终端界面，除了上述用于展示系统节点列表的预设区域之外，还存在用于展示开发页面的实时显示效果的另一展示区域，具体为界面预览区域。本专利技术实施例中，根据上述用户所选择的最后一个层级的节点或子节点(统称为节点)以及预设的节点与图形控件的对应关系，确定该节点对应的图形控件。将确定出的每一图形控件显示于界面预览区域。S103：根据接收到的图形控件参数设置指令以及图形控件移动指令，对所述界面预览区域中的各个所述图形控件进行调整，得到页面开发效果图。初始状态下，各个图形控件在界面预览区域中所显示的位置为随机位置点。仅在接收到用户输入的与图形控件关联的图形控件参数设置指令或者图形控件移动指令时，才在界本文档来自技高网...

【技术保护点】
1.一种移动应用的开发测试方法，其特征在于，包括：在预设的包含多个节点的系统节点列表中，获取用户选取的一个或多个所述节点；在界面预览区域，展示与用户选择的每一所述节点相对应的图形控件；根据接收到的图形控件参数设置指令以及图形控件移动指令，对所述界面预览区域中的各个所述图形控件进行调整，得到页面开发效果图；若检测到所述页面开发效果图的确认指令，则获取与各个所述节点以及与每一所述节点的图形控件参数相匹配的开发代码；将所述开发代码导入测试终端，以使所述测试终端运行开发代码更新后的应用程序。

【技术特征摘要】
1.一种移动应用的开发测试方法，其特征在于，包括：在预设的包含多个节点的系统节点列表中，获取用户选取的一个或多个所述节点；在界面预览区域，展示与用户选择的每一所述节点相对应的图形控件；根据接收到的图形控件参数设置指令以及图形控件移动指令，对所述界面预览区域中的各个所述图形控件进行调整，得到页面开发效果图；若检测到所述页面开发效果图的确认指令，则获取与各个所述节点以及与每一所述节点的图形控件参数相匹配的开发代码；将所述开发代码导入测试终端，以使所述测试终端运行开发代码更新后的应用程序。2.如权利要求1所述的开发测试方法，其特征在于，在所述根据接收到的图形控件参数设置指令以及图形控件移动指令，对所述界面预览区域中的各个所述图形控件进行调整，得到页面开发效果图之后，在所述若检测到所述页面开发效果图的确认指令，则获取与各个所述节点以及图形控件参数相匹配的开发代码之前，还包括：在所述页面开发效果图中，将包含各个所述图形控件的图形控件组合输出为新的图形控件，并生成所述新的图形控件所对应的节点；将生成的所述节点保存至自定义节点列表；若在所述自定义节点列表以及所述系统节点列表中分别检测到所述节点选取指令，则在所述界面预览区域中，渲染所述图形控件组合以及所述图形控件，得到更新后的所述页面开发效果图。3.如权利要求1所述的开发测试方法，其特征在于，所述图形控件参数包括图形控件的第一长度值以及第一宽度值，所述根据接收到的图形控件参数设置指令以及图形控件移动指令，对所述界面预览区域中的各个所述图形控件进行调整，得到页面开发效果图，包括：根据用户输入的关于图形控件的图形控件参数设置指令，获取该图形控件的图形控件参数的基准单位；若所述图形控件参数的基准单位为像素单位，则检测当前时刻所述界面预览区域的第二长度值以及第二宽度值；分别计算所述第一长度值与所述第二长度值的第一比值以及所述第一宽度值与所述第二宽度值的第二比值；根据所述第一比值以及所述第二比值，对所述界面预览区域中的该图形控件进行尺寸调整，并根据接收到的图形控件移动指令，对该图形控件进行位置调整。4.如权利要求1所述的开发测试方法，其特征在于，所述若检测到所述页面开发效果图的确认指令，则获取与各个所述节点以及与每一所述节点的图形控件参数相匹配的开发代码，包括：若检测到所述页面开发效果图的确认指令，则对于所述页面开发效果图中的每一所述节点，分别调用与该节点以及与其图形控件参数所对应预设的Java脚本对象标记Json字符串；解析各个所述Json字符串，并将各个所述Json字符串转化为基于ReactNative的Java脚本代码。5.如权利要求4所述的开发测试方法，其特征在于，所述解析各个所述Json字符串，并将各个所述Json字符串转化为基于ReactNative的Java脚本代码，包括：对每一所述Json字符串，根据该Json字符串对应的所述节点在所述系统节点列表中的层级关系，确定出该Json字符串中各个对象所属的...

【专利技术属性】
技术研发人员：罗浩欣，
申请(专利权)人：深圳壹账通智能科技有限公司，
类型：发明
国别省市：广东,44