一种H5客户端代码设置多环境测试方法和系统技术方案

本发明专利技术公开了一种H5客户端代码设置多环境测试方法，包括：针对当前运行环境，自动生成对应的运行环境配置文件，采用域名区分不同后端服务器，采用端口号区分同一后端服务器上的不同运行环境；接收任意一个等待调试或部署的代码文件，根据代码文件中包含的环境名称，从运行环境配置文件中调取对应的域名和/或端口号，以启用对应的运行环境。本发明专利技术能够实现同一套代码快速访问多个运行环境的技术目的，减少开发人员的工作量，减少配置过程中的错误发生率；通过创建反向代理配置文件，建立代理服务器和运行环境的对应关系，解决现有技术中需要手动修改网络数据请求地址带来的繁琐工作，实现前后端的有效分和快速访问。

A test method and system of H5 client code setting multi environment

【技术实现步骤摘要】
一种H5客户端代码设置多环境测试方法和系统
本专利技术涉及
，具体而言涉及一种H5客户端代码设置多环境测试方法和系统。
技术介绍
后端服务中存在很多环境，如测试、生产、运维等环境，客户端在启用不同环境时，通常需要针对每个环境设置不同的代码、或者在原始代码基础上做对应的调整，以便于准确调用不同的运行环境。另外，如果客户端需要通过代理服务器去访问后端服务器，需要在代码中修改代理服务器的地址信息，以便于正确跨域访问需要的运行环境。当运行环境较多、或代码数量较多的情况下，这部分调整和设置工作变得相当繁琐且容易出现错误。因此，现在亟需一种方法，使得客户端在使用同一套代码、或在不修改代码情况下，可以对各个服务端环境进行顺利访问，如进行本地客户端代码调试和运维服务器部署客户端代码进行测试，减少开发人员的工作量，减少错误发生率。
技术实现思路
本专利技术目的在于提供一种H5客户端代码设置多环境测试方法，自动检测当前运行环境，生成或更新对应的运行环境配置文件，采用运行环境配置文件实现同一套代码快速访问多个运行环境的技术目的，减少开发人员的工作量，减少配置过程中的错误发生率；通过创建反向代理配置文件，建立代理服务器和运行环境的对应关系，解决现有技术中需要手动修改网络数据请求地址带来的繁琐工作，实现前后端的有效分和快速访问。为达成上述目的，结合图1，本专利技术提出一种H5客户端代码设置多环境测试方法，所述测试方法包括：S1：针对当前运行环境，自动生成对应的运行环境配置文件，在所述运行环境配置文件中，采用域名区分不同后端服务器，采用端口号区分同一后端服务器上的不同运行环境；将同一套代码文件分别部署在所有客户端服务器上；S2：接收任意一个访问请求，访问请求中包括对应的环境名称，根据访问请求中包含的环境名称，从运行环境配置文件中调取对应的域名和/或端口号，以启用对应的运行环境。进一步的实施例中，所述运行环境包括测试环境和运维环境。进一步的实施例中，所述测试方法还包括：定期遍历所有运行环境，自动更新运行环境配置文件。进一步的实施例中，所述测试方法还包括：创建反向代理配置文件，所述反向代理配置文件中包括代理服务器中各个地址信息和后端服务器中的各个运行环境的对应关系；接收网络数据请求地址，获取其所对应的环境名称，从反向代理配置文件中直接调取对应的地址信息。进一步的实施例中，步骤S2中，采用webpack对代码文件进行打包，打包生成的代码文件的名称为：“所属项目名称：对应的环境名称”。进一步的实施例中，步骤S2中，所述从运行环境配置文件中调取对应的域名和/或端口号，以启用对应的运行环境包括：S21：根据所包含的域名尝试获取运维环境，如果获取成功，转入步骤S23，如果获取失败，转入步骤S22；S22：根据端口号尝试获取测试环境，如果获取成功，转入步骤S23，如果获取失败，启用默认测试环境，结束流程；S23：启用对应的运行环境，结束流程。进一步的实施例中，所述方法还包括：如果其中一个运行环境被删除，释放其所对应的域名或端口号。基于前述方法，本专利技术还提及一种H5客户端代码设置多环境测试系统，所述系统包括：(1)运行环境配置文件，用于存储运行环境与后端服务器的对应关系，在所述运行环境配置文件中，采用域名区分不同后端服务器，采用端口号区分同一后端服务器上的不同运行环境；(2)配置文件生成模块，用于针对当前运行环境，自动生成对应的运行环境配置文件；(3)代码文件部署模块，用于将同一套代码文件分别部署在多个不同的客户端服务器上；(4)运行环境调用模块，用于接收接收任意一个访问请求，访问请求中包括对应的环境名称，根据访问请求中包含的环境名称，从测试环境配置文件中调取对应的域名和/或端口号，以启用对应的运行环境。进一步的实施例中，所述系统还包括域名和端口号管理模块，用于管理后端服务器的域名信息、以及后端服务器所包含的端口号信息。以上本专利技术的技术方案，与现有相比，其显著的有益效果在于：(1)采用运行环境配置文件实现同一套代码快速访问多个运行环境的技术目的，减少开发人员的工作量，减少配置过程中的错误发生率。(2)通过创建反向代理配置文件，建立代理服务器和运行环境的对应关系，解决现有技术中需要手动修改网络数据请求地址带来的繁琐工作，实现前后端的有效分和快速访问。(3)自动检测当前运行环境，生成或更新对应的运行环境配置文件。(4)实时管理运行环境和域名、端口号的对应关系，提高资源利用率。(5)采用项目名称定义代码文件，一方面，有效区分各个项目对应的同一代码，提高同一代码的重复利用率，另一方面，使用户能够快速查看到代码文件所属项目。应当理解，前述构思以及在下面更加详细地描述的额外构思的所有组合只要在这样的构思不相互矛盾的情况下都可以被视为本公开的专利技术主题的一部分。另外，所要求保护的主题的所有组合都被视为本公开的专利技术主题的一部分。结合附图从下面的描述中可以更加全面地理解本专利技术教导的前述和其他方面、实施例和特征。本专利技术的其他附加方面例如示例性实施方式的特征和/或有益效果将在下面的描述中显见，或通过根据本专利技术教导的具体实施方式的实践中得知。附图说明附图不意在按比例绘制。在附图中，在各个图中示出的每个相同或近似相同的组成部分可以用相同的标号表示。为了清晰起见，在每个图中，并非每个组成部分均被标记。现在，将通过例子并参考附图来描述本专利技术的各个方面的实施例，其中：图1是本专利技术的H5客户端代码设置多环境测试方法的流程图。图2是本专利技术的其中一种例子的工作原理示意图。具体实施方式为了更了解本专利技术的
技术实现思路
，特举具体实施例并配合所附图式说明如下。结合图1，本专利技术提出一种H5客户端代码设置多环境测试方法，所述测试方法包括：S1：针对当前运行环境，自动生成对应的运行环境配置文件，在所述运行环境配置文件中，采用域名区分不同后端服务器，采用端口号区分同一后端服务器上的不同运行环境。将同一套代码文件分别部署在所有客户端服务器上。S2：接收任意一个访问请求，访问请求中包括对应的环境名称，根据访问请求中包含的环境名称，从运行环境配置文件中调取对应的域名和/或端口号，以启用对应的运行环境。在一些例子中，所述运行环境包括测试环境和运维环境，分别对应于本地调试工作和运维服务器部署工作。其中，本地调试：用于开发进行本机代码调试；运维服务器部署：当开发完毕，会将客户端代码部署在运维服务器上。测试环境的服务器供测试人员测试，运维环境(生产环境)的服务器给用户使用。在此基础上，本地调试用端口判断环境(测试环境)，运维服务器部署则用对应的域名判断环境(运维环境)。结合图2，假设后端服务提供三种环境，分别为Develop、Sit、Product环境。一、本地调试用端口判断环境当开本文档来自技高网...

【技术保护点】
1.一种H5客户端代码设置多环境测试方法，其特征在于，所述测试方法包括：/nS1：针对当前运行环境，自动生成对应的运行环境配置文件，在所述运行环境配置文件中，采用域名区分不同后端服务器，采用端口号区分同一后端服务器上的不同运行环境；/n将同一套代码文件分别部署在所有客户端服务器上；/nS2：接收任意一个访问请求，访问请求中包括对应的环境名称，根据访问请求中包含的环境名称，从运行环境配置文件中调取对应的域名和/或端口号，以启用对应的运行环境。/n

【技术特征摘要】
1.一种H5客户端代码设置多环境测试方法，其特征在于，所述测试方法包括：
S1：针对当前运行环境，自动生成对应的运行环境配置文件，在所述运行环境配置文件中，采用域名区分不同后端服务器，采用端口号区分同一后端服务器上的不同运行环境；
将同一套代码文件分别部署在所有客户端服务器上；
S2：接收任意一个访问请求，访问请求中包括对应的环境名称，根据访问请求中包含的环境名称，从运行环境配置文件中调取对应的域名和/或端口号，以启用对应的运行环境。


2.根据权利要求1所述的H5客户端代码设置多环境测试方法，其特征在于，所述运行环境包括测试环境和运维环境。


3.根据权利要求1所述的H5客户端代码设置多环境测试方法，其特征在于，所述测试方法还包括：
定期遍历所有运行环境，自动更新运行环境配置文件。


4.根据权利要求1所述的H5客户端代码设置多环境测试方法，其特征在于，所述测试方法还包括：
创建反向代理配置文件，所述反向代理配置文件中包括代理服务器中各个地址信息和后端服务器中的各个运行环境的对应关系；
接收网络数据请求地址，获取其所对应的环境名称，从反向代理配置文件中直接调取对应的地址信息。


5.根据权利要求1所述的H5客户端代码设置多环境测试方法，其特征在于，步骤S2中，采用webpack对代码文件进行打包，打包生成的代码文件的名称为：“所属项目名称：对应的环境名称”。


6.根据权利要求2所述的H5客户端代码设置多...

【专利技术属性】
技术研发人员：宫健，曹立龙，
申请(专利权)人：苏宁消费金融有限公司，
类型：发明
国别省市：江苏;32