一种前端工程的接口切换方法、系统、装置和存储介质制造方法及图纸

本发明专利技术公开了一种前端工程的接口切换方法、系统、装置和存储介质，方法包括以下步骤：获取用户在开发环境中输入的命令中所带的参数；根据参数判断是否使用模拟数据服务器，若是，则配置http代理中间件的转发路径和转发规则，对前端工程的所有请求的URL进行配置；反之，则不对http代理中间件进行配置，根据设定值将前端工程的所有请求的URL配置为后端工程的URL。本发明专利技术通过在开发环境中获取用户输入的命令中的参数，根据参数自动对http代理中间件和前端工程的所有请求的URL进行配置，本发明专利技术免除了用户在开发过程中手动修改文件时带来的麻烦，提升了在开发环境中接口切换的效率。本发明专利技术可以广泛应用于软件开发领域。

An Interface Switching Method, System, Device and Storage Medium for Front End Engineering

The invention discloses an interface switching method, system, device and storage medium for front-end engineering, which includes the following steps: acquiring the parameters in the command input by the user in the development environment; judging whether to use the analog data server according to the parameters; if so, configuring the forwarding path and rules of HTTP proxy middleware to enter the URLs of all requests of front-end engineering. Line configuration; conversely, the HTTP proxy middleware is not configured, and the URLs of all requests from the front-end project are configured as the URLs of the back-end project according to the set values. The invention automatically configures the URLs of all requests of HTTP proxy middleware and front-end engineering by acquiring the parameters in the commands input by users in the development environment. The invention avoids the trouble caused by manual modification of files during the development process and improves the efficiency of interface switching in the development environment. The invention can be widely applied in the field of software development.

【技术实现步骤摘要】
一种前端工程的接口切换方法、系统、装置和存储介质
本专利技术涉及软件开发领域，尤其是一种前端工程的接口切换方法、系统、装置和存储介质。
技术介绍
近几年前后端完全分离的思想和其高效、多端支持、强交互的特点逐渐被认可，越多越多的前端开发者使用不同的框架构建前端工程，实现前后端完全分离开发。此开发模式在开发之初开发人员之间协商好接口的路径和json数据格式，前端使用模拟数据服务器/工具开始不依赖于后端的开发工作，待后端接口开发完成，只需将原来前端模拟数据服务器的路径改成后端真实的服务器路径即可实现真实的对接联调。开发过程中，前端专注展示和页面流，后端专注数据和接口，前后端并行高效地进行开发。前端模拟数据服务器的方案也是多种多样，有mock.js、faker.js、json-server和使用node.js的静态的json文件服务器等方式。而采用json-server和json文件服务器的解决方案是通过http代理中间件http-proxy-middleware转发请求来实现的，但是采用这种方案需要通过手工更改开发环境中的配置和前端工程的配置来实现，在开发过程中需要频繁在模拟数据服务器和后端接口之间切换，采用该方法的效率特别低。
技术实现思路
为解决上述技术问题，本专利技术的目的在于：提供一种高效的前端工程的接口切换方法、系统、装置和存储介质。本专利技术所采取的第一种技术方案是：一种前端工程的接口切换方法，包括以下步骤：获取用户在前端工程的开发环境中输入的命令中所带的参数；根据所述参数判断是否使用模拟数据服务器，若是，则根据所述参数配置http代理中间件的转发路径和转发规则，然后根据所述参数对前端工程的所有请求的URL进行配置；反之，则不对http代理中间件进行配置，然后根据设定值将前端工程的所有请求的URL配置为后端工程的URL。进一步，所述根据所述参数对前端工程的所有请求的URL进行配置，这一步骤具体包括：根据所述参数在前端工程的所有请求的URL中添加转发标识，以使http代理中间件根据所述转发标识转发前端工程的请求。进一步，所述模拟数据服务器包括json文件服务器和json-sever。进一步，所述根据所述参数配置http代理中间件的转发路径和转发规则，这一步骤具体包括：根据所述参数将http代理中间件的转发路径配置为json文件服务器的路径或者json-sever的路径；根据所述参数配置http代理中间件的转发规则。进一步，所述开发环境为webpack开发环境。本专利技术所采取的第二种技术方案是：一种前端工程的接口切换系统，包括：参数获取模块，用于获取用户在前端工程的开发环境中输入的命令中所带的参数；参数判断模块，用于根据所述参数判断是否使用模拟数据服务器，若是，则转至第一配置模块进行处理，反之，则转至第二配置模块进行处理；第一配置模块，用于根据所述参数配置http代理中间件的转发路径和转发规则，然后根据所述参数对前端工程的所有请求的URL进行配置；第二配置模块，用于根据设定值将前端工程的所有请求的URL配置为后端工程的URL；所述参数获取模块与参数判断模块连接，所述参数判断模块分别与第一配置模块和第二配置模块连接。进一步，所述模拟数据服务器包括json文件服务器和json-sever。进一步，所述第一配置模块包括：第一配置单元，用于根据所述参数将http代理中间件的转发路径配置为json文件服务器的路径或者json-sever的路径；第二配置单元，用于根据所述参数配置http代理中间件的转发规则；参数传递单元，用于根据所述参数在前端工程的所有请求的URL中添加转发标识，以使http代理中间件根据所述转发标识转发前端工程的请求。本专利技术所采取的第三种技术方案是：一种前端工程的接口切换装置，包括：存储器，用于存储程序；处理器，用于加载所述程序以执行一种前端工程的接口切换方法。本专利技术所采取的第四种技术方案是：一种存储介质，所述存储介质上存储有程序，所述程序被处理器执行时实现一种前端工程的接口切换方法。本专利技术的有益效果是：通过在开发环境中获取用户输入的命令中的参数，根据参数自动对http代理中间件和前端工程的所有请求的URL进行配置，使得用户在切换接口时，仅需在开发环境的运行命令中携带设定的参数即可，本专利技术免除了用户在开发过程中手动修改文件时带来的麻烦，提升了在开发环境中接口切换的效率。附图说明图1为本专利技术一种前端工程的接口切换方法的流程图；图2为本专利技术一种前端工程的接口切换系统的模块框图。具体实施方式下面结合说明书附图和具体的实施例对本专利技术进行进一步的说明。参照图1，一种前端工程的接口切换方法，包括以下步骤：获取用户在前端工程的开发环境中输入的命令中所带的参数；所述参数是指命令附带的参数，例如像命令行中的命令所带的参数，例如“rm-r”，其中“rm”为命令，“-r”为命令附带的参数。根据所述参数判断是否使用模拟数据服务器，本领域技术人员可以设定一些参数值来进行判断，例如，设定字符A和字符B表示使用模拟数据服务器，其他字符则表示不使用模拟数据服务器。若是，则根据所述参数配置http代理中间件的转发路径和转发规则，然后根据所述参数对前端工程的所有请求的URL进行配置；完成对http代理中间件和前端工程的配置以后，前端工程所发出的请求，http代理中间件均转发至被配置的转发路径中，其中，这些转发路径为模拟数据服务器的路径。反之，则不对http代理中间件进行配置，然后根据设定值将前端工程的所有请求的URL配置为后端工程的URL。设定值可以是后端工程的URL，也可以是后端工程的URL在数据库中对应的编号等，当用户所输入的命令不带有参数或者参数不符合规则时，则将前端工程的URL配置为后端工程的URL，http代理中间件会直接将请求发送至后端工程的URL。进一步作为优选的实施方式，所述根据所述参数对前端工程的所有请求的URL进行配置，这一步骤具体包括：根据所述参数在前端工程的所有请求的URL中添加转发标识，以使http代理中间件根据所述转发标识转发前端工程的请求。http代理中间件根据自身的转发规则，识别转发标识，凡是带有转发标识的请求均发送至模拟数据服务器中。进一步作为优选的实施方式，本实施例提供多种模拟数据服务器的选择，本领域技术人员可以根据实际需要拓展出更多的模拟数据服务器。所述模拟数据服务器包括json文件服务器和json-sever。进一步作为优选的实施方式，所述根据所述参数配置http代理中间件的转发路径和转发规则，这一步骤具体包括：根据所述参数将http代理中间件的转发路径配置为json文件服务器的路径或者json-sever的路径；例如，当参数为“json”时，将http代理中间件的转发路径配置为json文件服务器的路径；当参数为“json-sever”时，将http代理中间件的转发路径配置为json-sever的路径。根据所述参数配置http代理中间件的转发规则。进一步作为优选的实施方式，所述开发环境为webpack开发环境。参照图2，一种前端工程的接口切换系统，包括：参数获取模块，用于获取用户在前端工程的开发环境中输入的命令中所带的参数；参数判断模块，用于根据所述参数判断是否使用模拟数据服务器，若是，则转本文档来自技高网...

【技术保护点】
1.一种前端工程的接口切换方法，其特征在于：包括以下步骤：获取用户在前端工程的开发环境中输入的命令中所带的参数；根据所述参数判断是否使用模拟数据服务器，若是，则根据所述参数配置http代理中间件的转发路径和转发规则，然后根据所述参数对前端工程的所有请求的URL进行配置；反之，则不对http代理中间件进行配置，然后根据设定值将前端工程的所有请求的URL配置为后端工程的URL。

【技术特征摘要】
1.一种前端工程的接口切换方法，其特征在于：包括以下步骤：获取用户在前端工程的开发环境中输入的命令中所带的参数；根据所述参数判断是否使用模拟数据服务器，若是，则根据所述参数配置http代理中间件的转发路径和转发规则，然后根据所述参数对前端工程的所有请求的URL进行配置；反之，则不对http代理中间件进行配置，然后根据设定值将前端工程的所有请求的URL配置为后端工程的URL。2.根据权利要求1所述的一种前端工程的接口切换方法，其特征在于：所述根据所述参数对前端工程的所有请求的URL进行配置，这一步骤具体包括：根据所述参数在前端工程的所有请求的URL中添加转发标识，以使http代理中间件根据所述转发标识转发前端工程的请求。3.根据权利要求1所述的一种前端工程的接口切换方法，其特征在于：所述模拟数据服务器包括json文件服务器和json-sever。4.根据权利要求3所述的一种前端工程的接口切换方法，其特征在于：所述根据所述参数配置http代理中间件的转发路径和转发规则，这一步骤具体包括：根据所述参数将http代理中间件的转发路径配置为json文件服务器的路径或者json-sever的路径；根据所述参数配置http代理中间件的转发规则。5.根据权利要求1所述的一种前端工程的接口切换方法，其特征在于：所述开发环境为webpack开发环境。6.一种前端工程的接口切换系统，其特征在于：包括：参数获取模块，用于获取用户在前端工程的开发环境中输入的命令中...

【专利技术属性】
技术研发人员：陈健豪，陈志刚，马楚强，
申请(专利权)人：东莞数汇大数据有限公司，
类型：发明
国别省市：广东,44