CN115145554A - 一种小程序测试预览码生成方法及系统 - Google Patents

Abstract

本发明涉及一种小程序测试预览码生成方法及系统，包括获取测试请求，根据所述测试请求确定目标小程序测试任务；根据所述目标小程序测试任务确定配置信息；所述配置信息包括目标小程序代码、代码分支和环境信息；根据所述配置信息进行打包编译，生成所述目标小程序的预览码。实现了统一管理以及一次开发，多次接入，新增不同的小程序只需要简单的配置即可接入，节省大量的开发测试时间。

Description

一种小程序测试预览码生成方法及系统

技术领域

本发明涉及计算机技术领域，尤其涉及一种小程序测试预览码生成方法及系统。

背景技术

小程序是当前技术市场上一种重要的产品形态，没有规范化的操作流程容易出现低级错误。目前，前端人员手动生成小程序二维码每次都需要打开开发者工具，选择打开不同的代码库，切换开发分支，选择不同的测试环境，费时费力，容易出错；生成小程序二维码时完全依赖开发手动生成，造成开发工作被打断，影响工作效率，也容易导致没有开发在的情况测试被迫等待。小程序二维码有固定的有效期，过期后无法使用，还需要开发手动生成。开发人员不需要提交代码到git仓库就可以生成二维码，这样容易出现给测试的二维码对应的代码漏提交，测试时没问题，发布时漏了一部分代码而导致线上出现问题。

大部分的小程序开发者都通过一个环境变量来切换生产环境和测试环境，因为需要修改代码中的环境变量之后再生成二维码，很容易出现把测试环境变量提交到git仓库后，将测试环境的代码发布到生产环境的问题。在小程序发布环节中，需要经过确认生产环境->修改版本号->提交代码->编译代码->上传预览->-点击发布等多个步骤，手动操作非常容易出错，很多手动操作都是不必要但是占据了大量开发时间的，极大地降低了工作效率。

发明内容

为解决现有技术的不足，本发明提出一种小程序测试预览码生成方法及系统，通过集成小程序测试配置，用户通过选择代码库，代码分支，测试环境以得到想要的测试预览码。实现了一次开发，多次接入，节省大量的开发测试时间。

为实现以上目的，本发明所采用的技术方案包括：

一种小程序测试预览码生成方法，包括：

获取测试请求，根据所述测试请求确定目标小程序测试任务；

根据所述目标小程序测试任务确定配置信息；

所述配置信息包括目标小程序代码、代码分支和环境信息；

根据所述配置信息进行打包编译，生成所述目标小程序的预览码。

进一步地，根据所述目标小程序确定对应代码库，所述代码库存储各个小程序代码。

进一步地，所述方法还包括，在所述根据所述目标小程序确定对应代码库后，对所述目标小程代码进行初始化。

进一步地，所述配置信息包括目标小程序代码、代码分支和环境信息，其中，所述环境信息对应的类型包括测试环境信息和生产环境信息。

进一步地，所述方法还包括通过websocket协议获取目标小程序测试任务的执行进度并生成进度信息。

进一步地，所述方法还包括，将所述目标小程序的预览码信息通过MYSQL存储至数据库中，所述预览码信息包括，代码库名称、分支名称、环境信息和特殊配置信息。

进一步地，其特征在于，所述方法还包括通过vue+element-UI构建前端页面，通过所述前端页面的下拉列表选择所述配置信息。

本发明还涉及一种小程序测试预览码生成系统，包括：

第一确定模块，用于获取测试请求，根据所述测试请求确定目标小程序测试任务；

第二确定模块，用于根据所述目标小程序测试任务确定配置信息；

所述配置信息包括目标小程序代码、代码分支和环境信息；

处理模块，用于根据所述配置信息进行打包编译，生成所述目标小程序的预览码。

本发明还涉及一种计算机可读存储介质，所述存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现上述的方法。

本发明还涉及一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述的方法。

本发明的有益效果为：

通过集成小程序测试配置，用户通过选择代码库，代码分支，测试环境以得到想要的测试预览码。将已经生成的预览码数据存储在数据库中，用户可以看到最近的预览码列表，形成了信息的互通，避免了资源的浪费。规范化的操作避免了人为因素造成的低级错误，并且实现了一次开发，多次接入，节省大量的开发测试时间。

附图说明

图1为本发明一种小程序测试预览码生成方法流程示意图。

图2为本发明一种小程序测试预览码生成结构示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

本发明第一方面涉及一种步骤流程如图1所示的小程序测试预览码生成方法，包括：

获取测试请求，根据所述测试请求确定目标小程序测试任务；

根据所述目标小程序测试任务确定配置信息；

具体而言，在本申请实施例中，通过vue+element-UI来搭建前端页面，用户通过前端页面下拉列表来选择配置信息。Vue是一套用于构建用户界面的渐进式JavaScript框架，便于与第三方库或既有项目的整合。是基于MVVM(Model-View-ViewModel即：视图层-视图模型层-模型层)设计思想。提供MVVM数据双向绑定的库，专注于UI层面。

element是基于vue实现的一套不依赖业务的UI组件库，提供了丰富的PC端组件，减少用户对常用组件的封装，降低了开发的难易程度。Element-Ui是基于vue封装的组件库，简化了常用组件的封装，提高了重用性原则；vue是一个渐进式框架，Element-Ui是组件库。

优选的，所述配置信息包括目标小程序代码、代码分支和环境信息。根据所述目标小程序确定对应代码库，所述代码库存储各个小程序代码。集成常见的小程序平台(比如微信/百度小程序)的预览过程，可以抹平不同小程序之间的差异。如果有新的小程序需要接入，不用重复开发，配置即可接入。

所述环境信息对应的类型包括测试环境信息和生产环境信息。

目前，大部分的小程序开发者都通过一个环境变量来切换生产环境和测试环境，因为需要修改代码中的环境变量之后再生成二维码，很容易出现把测试环境变量提交到git仓库后，将测试环境的代码发布到生产环境的问题，通过规范化操作就可以减少手动操作出错的可能性。

确定配置信息后调用nodeJs+express开发的后端接口，接口通过shellJs+小程序提供的命令行工具，封装了开发者的一系列操作，包括切换到对应的代码库，丢弃代码中的修改，即对所述目标小程代码进行初始化，切换对应分支，拉取代码，修改代码中的环境变量，打包编译，生成预览码的全过程。

在一些实施例中，配置信息还包括特殊配置信息，对于一些个性化的测试需求，常用的测试配置可以通过shell脚本来对代码文件处理，暴露出对应的参数来方便用户选择。例如，线上微信小程序是通过授权手机号来登录，只能登录本机号码，而在测试环境为了全面测试，需要集成短信验证码登录的功能，因此在后端接口中暴露出是否需要短信登录功能的参数，再通过shell脚本sed命令将首页切换为短信登录页，来满足多样化的测试需求，避免每次需要手动修改代码污染源代码。

在一些实施例中，在根据所述配置信息进行打包编译时，通过websocket协议获取目标小程序测试任务的执行进度并生成进度信息。WebSocket连接允许客户端和服务器之间进行全双工通信，以便任一方都可以通过建立的连接将数据推送到另一端。WebSocket具有更强的实时性。由于协议是全双工的，所以服务器可以随时主动给客户端下发数据。相对于HTTP请求需要等待客户端发起请求服务端才能响应，延迟明显更少；即使是和Comet等类似的长轮询比较，其也能在短时间内更多次地传递数据。WebSocket可以保持连接状态。与HTTP不同的是，Websocket需要先创建连接，这就使得其成为一种有状态的协WebSocket只需要建立一次连接，就可以一直保持连接状态。因为生成预览码依赖于小程序服务器的响应时长，耗时较长，通过websocket协议建立长连接，这相比于轮询方式的不停建立连接显然效率要大大提高。保证会话的持续性，确保可以获取到最终的响应结果。通过mysql将生成的预览码信息存储在数据库中，包括代码库名称，分支名称，环境信息，特殊配置信息，方便用户查看。将已经生成的预览码数据存储在数据库中，用户可以看到最近的预览码列表，形成了信息的互通，避免了资源的浪费。

本发明另一方面还涉及小程序测试预览码生成处理系统，其结构如图2所示，包括：

第一确定模块，用于获取测试请求，根据所述测试请求确定目标小程序测试任务；

第二确定模块，用于根据所述目标小程序测试任务确定配置信息；

所述配置信息包括目标小程序代码、代码分支和环境信息；

处理模块，用于根据所述配置信息进行打包编译，生成所述目标小程序的预览码。

通过使用该系统，能够执行上述的运算处理方法并实现对应的技术效果。

本发明的实施例还提供能够实现上述实施例中的小程序测试预览码生成方法中全部步骤的一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，该计算机程序被处理器执行时实现上述实施例中的小程序测试预览码生成方法的全部步骤。

本发明的实施例还提供一种用于执行上述方法的电子设备，作为该方法的实现装置，所述电子设备至少具备有处理器和存储器，特别是该存储器上存储有执行方法所需的数据和相关的计算机程序，并通过由处理器调用存储器中的数据、程序执行实现方法的全部步骤，并获得对应的技术效果。

优选的，该电子设备可以包含有总线架构，总线可以包括任意数量的互联的总线和桥，总线将包括由一个或多个处理器和存储器的各种电路链接在一起。总线还可以将诸如外围设备、稳压器和功率管理电路等之类的各种其他电路链接在一起，这些都是本领域所公知的，因此，本文不再对其进行进一步描述。总线接口在总线和接收器和发送器之间提供接口。接收器和发送器可以是同一个元件，即收发机，提供用于在传输介质上与各种其他系统通信的单元。处理器负责管理总线和通常的处理，而存储器可以被用于存储处理器在执行操作时所使用的数据。

额外的，所述电子设备还可以进一步包括通信模块、输入单元、音频处理器、显示器、电源等部件。其所采用的处理器(或称为控制器、操作控件)可以包括微处理器或其他处理器装置和/或逻辑装置，该处理器接收输入并控制电子设备的各个部件的操作；存储器可以是缓存器、闪存、硬驱、可移动介质、易失性存储器、非易失性存储器或其它合适装置中的一种或更多种，可储存上述有关的数据信息，此外还可存储执行有关信息的程序，并且处理器可执行该存储器存储的该程序，以实现信息存储或处理等；输入单元用于向处理器提供输入，例如可以为按键或触摸输入装置；电源用于向电子设备提供电力；显示器用于进行图像和文字等显示对象的显示，例如可为LCD显示器。通信模块即为经由天线发送和接收信号的发送机/接收机。通信模块(发送机/接收机)耦合到处理器，以提供输入信号和接收输出信号，这可以和常规移动通信终端的情况相同。基于不同的通信技术，在同一电子设备中，可以设置有多个通信模块，如蜂窝网络模块、蓝牙模块和/或无线局域网模块等。通信模块(发送机/接收机)还经由音频处理器耦合到扬声器和麦克风，以经由扬声器提供音频输出，并接收来自麦克风的音频输入，从而实现通常的电信功能。音频处理器可以包括任何合适的缓冲器、解码器、放大器等。另外，音频处理器还耦合到中央处理器，从而使得可以通过麦克风能够在本机上录音，且使得可以通过扬声器来播放本机上存储的声音。

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

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

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

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。尽管已描述了本发明的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例做出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本发明范围的所有变更和修改。

以上所述仅为本发明较佳的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到的变化或替换等都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应该以权利要求书的保护范围为准。

Claims (10)

1.一种小程序测试预览码生成方法，其特征在于，包括：

获取测试请求，根据所述测试请求确定目标小程序测试任务；

根据所述目标小程序测试任务确定配置信息；

所述配置信息包括目标小程序代码、代码分支和环境信息；

根据所述配置信息进行打包编译，生成所述目标小程序的预览码。

2.如权利要求1所述的方法，其特征在于，根据所述目标小程序确定对应代码库，所述代码库存储各个小程序代码。

3.如权利要求2所述的方法，其特征在于，所述方法还包括，在所述根据所述目标小程序确定对应代码库后，对所述目标小程代码进行初始化。

4.如权利要求3所述的方法，其特征在于，所述配置信息包括目标小程序代码、代码分支和环境信息，其中，所述环境信息对应的类型包括测试环境信息和生产环境信息。

5.如权利要求4所述的方法，其特征在于，所述方法还包括通过websocket协议获取目标小程序测试任务的执行进度并生成进度信息。

6.如权利要求5所述的方法，其特征在于，所述方法还包括，将所述目标小程序的预览码信息通过MYSQL存储至数据库中，所述预览码信息包括，代码库名称、分支名称、环境信息和特殊配置信息。

7.如权利要求1至6任一项所述的方法，其特征在于，所述方法还包括通过vue+element-UI构建前端页面，通过所述前端页面的下拉列表选择所述配置信息。

8.一种小程序测试预览码生成系统，其特征在于，包括：

第一确定模块，用于获取测试请求，根据所述测试请求确定目标小程序测试任务；

第二确定模块，用于根据所述目标小程序测试任务确定配置信息；

所述配置信息包括目标小程序代码、代码分支和环境信息；

处理模块，用于根据所述配置信息进行打包编译，生成所述目标小程序的预览码。

9.一种计算机可读存储介质，其特征在于，所述存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现权利要求1至7中任一项所述的方法。

10.一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求1至7中任一项所述方法。

Images