CN114168463A

CN114168463A - 切换项目环境的方法、装置、存储介质及电子设备

Info

Publication number: CN114168463A
Application number: CN202111456893.7A
Authority: CN
Inventors: 杨帆
Original assignee: Beijing Tianjiuyun E Commerce Group Co ltd
Current assignee: Beijing Tianjiuyun E Commerce Group Co ltd
Priority date: 2021-12-01
Filing date: 2021-12-01
Publication date: 2022-03-11

Abstract

本公开涉及一种切换项目环境的方法、装置、存储介质及电子设备，该方法包括：获取环境切换指令，所述环境切换指令用于指示将目标项目的当前环境切换为目标环境，所述环境切换指令包括所述目标环境的环境标识信息；通过预先生成的环境配置文件，获取所述环境标识信息对应的环境数据地址，所述环境配置文件包括至少一个环境标识信息与环境数据地址的对应关系；根据所述环境数据地址，将所述目标项目的当前环境切换为所述目标环境。

Description

切换项目环境的方法、装置、存储介质及电子设备

技术领域

本公开涉及通信技术领域，具体地，涉及一种切换项目环境的方法、装置、存储介质及电子设备。

背景技术

在vue3框架前端项目开发过程中，一般会经历本地开发环境、测试脚本环境、开发自测环境、测试环境、预上线环境等等项目环境，然后才能正式发布。在此过程中，各个项目环境之间存在差异，在本地开发的时候都会碰到跨域的问题，当需要在各个环境之间进行切换的时候，就会遇到前端环境不需要变化，但服务端环境需要不断切换的情况，此时需要针对不同的环境选择不同的环境配置。

现有技术中，一般通过前端更换接口地址然后进行打包，用户再进行安装的方式进行项目环境的切换，这种方式需要先更换地址，再进行打包，但是，更换地址需要用户重复更新代码，操作繁琐，导致环境切换容易出错，使得环境切换效率低。

发明内容

本公开的目的是提供一种切换项目环境的方法、装置、存储介质及电子设备，用以解决相关技术中存在的问题。

为了实现上述目的，根据本公开实施例的第一方面，提供一种切换项目环境的方法，包括：

获取环境切换指令，所述环境切换指令用于指示将目标项目的当前环境切换为目标环境，所述环境切换指令包括所述目标环境的环境标识信息；

通过预先生成的环境配置文件，获取所述环境标识信息对应的环境数据地址，所述环境配置文件包括至少一个环境标识信息与环境数据地址的对应关系；

根据所述环境数据地址，将所述目标项目的当前环境切换为所述目标环境。

可选地，所述根据所述环境数据地址，将所述目标项目的当前环境切换为所述目标环境，包括：

通过HTTP请求函数访问所述环境数据地址，以将所述目标项目的当前环境切换为所述目标环境。

可选地，所述通过HTTP请求函数访问所述环境数据地址，以将所述目标项目的当前环境切换为所述目标环境，包括：

通过HTTP请求函数生成数据请求消息，所述数据请求消息包括所述环境数据地址；

根据所述数据请求消息，从所述环境数据地址对应的服务器中获取所述目标环境对应的环境数据；

加载所述环境数据，以将所述目标项目的当前环境切换为所述目标环境。

可选地，所述通过环境配置文件，获取所述环境标识信息对应的环境数据地址，包括：

通过process.env函数从所述环境配置文件中，获取与所述环境标识信息对应的环境数据地址。

可选地，所述环境配置文件通过以下方式预先生成：

生成配置文件；

建立至少一个环境标识信息与环境数据地址的对应关系；

将所述对应关系按照目标数据格式添加至所述配置文件中，得到所述环境配置文件，所述目标数据格式为与所述配置文件的文件格式匹配的格式。

可选地，所述配置文件通过以下方式生成：

确定所述目标项目对应的项目类型；

根据所述目标项目的项目类型从多个文件模板中获取所述目标项目对应的目标文件模板；

将所述目标文件模板作为所述配置文件。

可选地，所述项目为VUE3.js项目。

根据本公开实施例的第二方面，提供一种切换项目环境的装置，所述装置包括：

获取模块，用于获取环境切换指令，所述环境切换指令用于指示将目标项目的当前环境切换为目标环境，所述环境切换指令包括所述目标环境的环境标识信息。

匹配模块，用于通过预先生成的环境配置文件，获取所述环境标识信息对应的环境数据地址，所述环境配置文件包括至少一个环境标识信息与环境数据地址的对应关系。

可选地，所述匹配模块用于通过process.env函数从所述环境配置文件中，获取与所述环境标识信息对应的环境数据地址。

切换模块，用于根据所述环境数据地址，将所述目标项目的当前环境切换为所述目标环境。

可选地，所述切换模块用于通过HTTP请求函数访问所述环境数据地址，以将所述目标项目的当前环境切换为所述目标环境。

可选地，所述切换模块，包括：

请求子模块，用于通过HTTP请求函数生成数据请求消息，所述数据请求消息包括所述环境数据地址。

数据获取子模块，用于根据所述数据请求消息，从所述环境数据地址对应的服务器中获取所述目标环境对应的环境数据。

加载子模块，用于加载所述环境数据，以将所述目标项目的当前环境切换为所述目标环境。

可选地，所述匹配模块，还包括：

生成子模块，用于生成配置文件。

可选地，生成子模块用于确定所述目标项目对应的项目类型；根据所述目标项目的项目类型从多个文件模板中获取所述目标项目对应的目标文件模板；将所述目标文件模板作为所述配置文件。

建立子模块，用于建立至少一个环境标识信息与环境数据地址的对应关系。

添加子模块，用于将所述对应关系按照目标数据格式添加至所述配置文件中，得到所述环境配置文件。

根据本公开实施例的第三方面，提供一种非临时性计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现本公开实施例的第一方面所述方法的步骤。

根据本公开实施例的第四方面，提供一种电子设备，包括：

存储器，其上存储有计算机程序；

处理器，用于执行所述存储器中的所述计算机程序，以实现本公开实施例的第一方面所述方法的步骤。

通过上述技术方案，本公开通过获取环境切换指令，所述环境切换指令用于指示将目标项目的当前环境切换为目标环境，所述环境切换指令包括所述目标环境的环境标识信息；通过预先生成的环境配置文件，获取所述环境标识信息对应的环境数据地址，所述环境配置文件包括所述环境标识信息与所述环境数据地址的对应关系；根据所述环境数据地址，将所述目标项目的当前环境切换为所述目标环境。

这样可以根据预先生成的环境配置文件获取所述环境标识信息对应的环境数据地址，可以直接根据环境标识信息，通过环境配置文件确定环境数据地址，并访问该环境数据地址，以进行项目环境切换，避免在每次切换环境时，都需要用户重复更新代码，从而减少了用户的操作，避免了环境切换频繁出错，进而提高了项目环境的切换效率。

附图说明

附图是用来提供对本公开的进一步理解，并且构成说明书的一部分，与下面的具体实施方式一起用于解释本公开，但并不构成对本公开的限制。在附图中：

图1是本公开实施例示出的一种切换项目环境的方法的流程图；

图2是本公开实施例示出的另一种切换项目环境的方法的流程图；

图3是本公开实施例示出的一种切换项目环境的装置的框图；

图4是本公开实施例示出的另一种切换项目环境的装置的框图；

图5是本公开实施例示出的另一种切换项目环境的装置的框图；

图6是本公开实施例示出的一种电子设备的框图。

具体实施方式

这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。

在介绍本公开提供的切换项目环境的方法、装置、存储介质及电子设备之前，首先对本公开中实施例所涉及的应用场景进行介绍，本公开可以应用于前端项目开发，例如前端VUE3项目，在前端项目的开发过程中，往往涉及到多个应用环境，例如本地开发环境、测试脚本环境、开发自测环境、测试环境、预上线环境等项目环境，需要进行不同环境之间的切换。在项目环境切换过程中，各个环境之间存在差异，主要体现在：服务器地址、接口地址等，当需要在各个环境之间进行切换的时候，就需要针对不同的环境选择不同的环境配置。

而现有技术除了在前端更换接口地址，再进行打包安装的方式进行项目环境切换的方式之外，还可以通过在终端和服务端之间设置中间服务器，通过在中间服务器中部署nginx反向代理修改请求地址的转发规则，从而实现项目环境切换的方式。

但这种方式由于不同环境服务域名不一致，因此nginx配置也各不相同，不便于移植，以及在存在新的项目需要访问中间服务器时，需要首先访问nginx中指定的域名，再由指定的域名反向代理到中间服务器，但是，这样会增加中间服务器和终端之间的交互，从而增加后期的维护成本。

为了解决的上述问题，本申请提出一种切换项目环境的方法、装置、存储介质及电子设备。在切换项目环境时，该方法通过获取环境切换指令，该环境切换指令用于指示将目标项目的当前环境切换为目标环境，该环境切换指令包括该目标环境的环境标识信息；通过预先生成的环境配置文件，获取该环境标识信息对应的环境数据地址，该环境配置文件包括该环境标识信息与该环境数据地址的对应关系；根据该环境数据地址，将该目标项目的当前环境切换为该目标环境。

这样，就无需在每次在切换项目环境时，都要切换接口并进行打包安装，根据预先生成的环境配置文件获取该环境标识信息对应的环境数据地址，然后直接根据项目配置文件中的环境数据地址进行访问，达到项目环境切换的目的，无需更新代码，降低了人工成本，从而能够提高切换项目环境的切换效率；并且，能够直接访问环境数据地址，避免了通过中间服务器与终端进行交互的过程，减少了后期项目的维护成本。

下面结合具体实施例对本公开进行说明。图1是本公开实施例示出的一种切换项目环境的方法的流程图，本实施例可以应用于电子设备，该电子设备可以是电脑、手机、平板电脑等终端设备，如图1所示，该方法包括：

S101，获取环境切换指令。

其中，该环境切换指令用于指示将目标项目的当前环境切换为目标环境，在本步骤中，可以根据前端项目开发过程的当前需求，由用户确定目标项目需要切换的项目环境，在用户确定项目环境后，可以获取该用户触发的环境切换指令。

其中，项目可以为Vue3.js项目，Vue3.js指的是一套构建用户界面的渐进式框架。

示例地，可以接收用户可以通过npm命令触发的该环境切换指令，例如，若接收到的环境切换指令为：“npm run dev uat”，则确定需要将目标项目的当前环境由“dev”环境(即开发环境)切换为“uat”环境(即测试环境)。

S102，通过预先生成的环境配置文件，获取该环境标识信息对应的环境数据地址。

其中，该环境配置文件包括至少一个环境标识信息与环境数据地址的对应关系，例如，环境标识信息可以是项目环境名称，该环境数据地址用于表征指向目标环境对应环境数据的路径。

在一种可能实现方式中，可以通过process.env函数从该环境配置文件中，获取与该环境标识信息对应的环境数据地址。

例如：可以通过命令行“process.env.VUE_APP_BASIC_API”获取环境数据地址，其中，VUE_APP_BASIC_API表示环境配置文件的接口，通过该命令行调用该环境配置文件的接口，读取该环境配置文件，并通过该环境配置文件的接口输出该环境标识信息对应的环境数据地址。

S103、根据该环境数据地址，将该目标项目的当前环境切换为该目标环境。

在一些实施例中，首先，可以通过HTTP请求函数生成数据请求消息。

其中，该数据请求消息包括该环境数据地址。

其次，根据该数据请求消息，从该环境数据地址对应的服务器中获取该目标环境对应的环境数据。

在本步骤中，可以根据环境数据地址确定域名，并根据域名确定对应的服务器，并从该服务器中获取该目标环境对应的环境数据，例如，环境数据地址可以为：http://xxx-pre-test.xxxx.com，则该环境数据地址的域名为：xxx-pre-test.xxxx.com，从而根据该域名确定对应的服务器。

最后，加载该环境数据，以将该目标项目的当前环境切换为该目标环境。

示例地，在获取目标环境的环境数据之后，将该环境数据进行打包编译，并展示打包编译后的环境数据，从而完成该环境数据的加载。

采用上述方案，可以直接根据环境标识信息，通过环境配置文件确定环境数据地址，并访问该环境数据地址，以进行项目环境切换，避免在每次切换环境时，都需要用户重复更新代码，从而减少了用户的操作，避免了环境切换频繁出错，进而提高了项目环境的切换效率。

无需更新代码，降低了人工成本，从而能够提高切换项目环境的切换效率。

下面对环境配置文件的生成进行说明：

在一种可能的实现方式中，如图2所示，上述环境配置文件可以通过以下步骤生成：

S201，生成配置文件。

在一种可能的实现方式中，首先，可以确定该目标项目对应的项目类型。

示例地，可以预先建立不同的项目和项目类型的对应关系，则在本步骤中，可以通过该对应关系确定该目标项目对应的项目类型。

其次，根据该目标项目的项目类型从多个文件模板中获取该目标项目对应的目标文件模板。

其中，该模板配置文件可以包括文件结构和开发工具，文件结构可以包括项目所需要的数据库。

在本步骤中，可以预先设置至少一个项目类型与文件模板的模板对应关系，从而根据目标项目的项目类型通过该模板对应关系获取该目标项目对应的目标文件模板。

最后、将该目标文件模板作为该配置文件。

S202、建立至少一个环境标识信息与环境数据地址的对应关系。

S203、将该对应关系按照目标数据格式添加至该配置文件中，得到该环境配置文件。

其中，该目标数据格式为与该配置文件的文件格式匹配的格式，该目标数据格式可以为JS格式。

需要说明的是，在生成环境配置文件之后，可以将该环境配置文件添加至目标项目的根目录中，并将该环境配置文件的接口配置为输出该目标项目环境的环境数据地址，以便在通过该境配置文件的接口读取该环境配置文件后，输出该目标项目环境的环境数据地址。

示例地，环境配置文件可以通过以下方式配置：

其中，上述“dev”、“uat”、“uat1”、“pre”以及“pro”即为环境标识信息，“dev”表示开发环境，“uat”和“uat1”表示测试环境，“pre”表示灰度环境，“pro”表示生产环境。

在上述环境配置文件中：

dev:’http://xxx.test.xxxx.com’则表示“dev”环境对应的环境数据地址为：http://xxx.test.xxxx.com；

uat:’http://xxx.app.test.xxxx.com’则表示“uat”环境对应的环境数据地址为：http://xxx.app.test.xxxx.com；

uat1:’http://xxx.uat1.test.xxxx.com’则表示“uat1”环境对应的环境数据地址为：http://xxx.uat1.test.xxxx.com；

pre:’http://xxx-pre-test.xxxx.com’则表示“pre”环境对应的环境数据地址为：http://xxx-pre-test.xxxx.com；

pro:’http://xxx.xxxx.com’则表示“pro”环境对应的环境数据地址为：http://xxx.xxxx.com。

需要说明的是，上述环境配置文件只是举例说明，本公开对此不作限定。

图3是本公开实施例示出的一种切换项目环境的装置的框图300；该装置可以包括：

获取模块301，用于获取环境切换指令。

其中，该环境切换指令用于指示将目标项目的当前环境切换为目标环境，该环境切换指令包括该目标环境的环境标识信息。

匹配模块302，用于通过预先生成的环境配置文件，获取该环境标识信息对应的环境数据地址。

其中，该环境配置文件包括至少一个环境标识信息与环境数据地址的对应关系。

可选地，该匹配模块302用于通过process.env函数从该环境配置文件中，获取与该环境标识信息对应的环境数据地址。

切换模块303，用于根据该环境数据地址，将该目标项目的当前环境切换为该目标环境。

可选地，该切换模块303用于通过HTTP请求函数访问该环境数据地址，以将该目标项目的当前环境切换为该目标环境。

可选地，图4是本公开实施例示出的另一种切换项目环境的装置的框图，如图4所示，该切换模块303，包括：

请求子模块3031，用于通过HTTP请求函数生成数据请求消息。

其中，该数据请求消息包括该环境数据地址。

数据获取子模块3032，用于根据该数据请求消息，从该环境数据地址对应的服务器中获取该目标环境对应的环境数据。

加载子模块3033，用于加载该环境数据，以将该目标项目的当前环境切换为该目标环境。

可选地，图5是本公开实施例示出的另一种切换项目环境的装置的框图，如图5所示，该匹配模块302，包括：

生成子模块3021，用于生成配置文件。

可选地，生成子模块3021用于确定该目标项目对应的项目类型；根据该目标项目的项目类型从多个文件模板中获取该目标项目对应的目标文件模板；将该目标文件模板作为该配置文件。

建立子模块3022，用于建立至少一个环境标识信息与环境数据地址的对应关系。

存储子模块3023，用于将该对应关系按照目标数据格式添加至该配置文件中，得到该环境配置文件。

以上的技术方案，通过获取环境切换指令，该环境切换指令用于指示将目标项目的当前环境切换为目标环境，该环境切换指令包括该目标环境的环境标识信息；通过预先生成的环境配置文件，获取该环境标识信息对应的环境数据地址，该环境配置文件包括该环境标识信息与该环境数据地址的对应关系，将该目标项目的当前环境切换为该目标环境。这样能够减少配置文件数量，减少根目录文件数量，让配置更易阅读和修改，在切换环境时，直接使用切换命令切换项目环境，无需修改代码，降低了人工成本，从而能够提高切换项目环境的切换效率，提高了用户工作效率。

关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

图6是根据一示例性实施例示出的一种电子设备的框图。如图6所示，该电子设备600可以包括：处理器601，存储器602。该电子设备600还可以包括多媒体组件603，输入/输出(I/O)接口604，以及通信组件605中的一者或多者。

其中，处理器601用于控制该电子设备600的整体操作，以完成上述的切换项目环境的方法中的全部或部分步骤。存储器602用于存储各种类型的数据以支持在该电子设备600的操作，这些数据例如可以包括用于在该电子设备600上操作的任何应用程序或方法的指令，以及应用程序相关的数据，例如联系人数据、收发的消息、图片、音频、视频等等。该存储器602可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，例如静态随机存取存储器(Static Random Access Memory，简称SRAM)，电可擦除可编程只读存储器(Electrically Erasable Programmable Read-Only Memory，简称EEPROM)，可擦除可编程只读存储器(Erasable Programmable Read-Only Memory，简称EPROM)，可编程只读存储器(Programmable Read-Only Memory，简称PROM)，只读存储器(Read-Only Memory，简称ROM)，磁存储器，快闪存储器，磁盘或光盘。多媒体组件603可以包括屏幕和音频组件。其中屏幕例如可以是触摸屏，音频组件用于输出和/或输入音频信号。例如，音频组件可以包括一个麦克风，麦克风用于接收外部音频信号。所接收的音频信号可以被进一步存储在存储器602或通过通信组件605发送。音频组件还包括至少一个扬声器，用于输出音频信号。I/O接口604为处理器601和其他接口模块之间提供接口，上述其他接口模块可以是键盘，鼠标，按钮等。这些按钮可以是虚拟按钮或者实体按钮。通信组件605用于该电子设备600与其他设备之间进行有线或无线通信。无线通信，例如Wi-Fi，蓝牙，近场通信(Near FieldCommunication，简称NFC)，2G、3G或4G，或它们中的一种或几种的组合，因此相应的该通信组件605可以包括：Wi-Fi模块，蓝牙模块，NFC模块。

在一示例性实施例中，电子设备600可以被一个或多个应用专用集成电路(Application Specific Integrated Circuit，简称ASIC)、数字信号处理器(DigitalSignal Processor，简称DSP)、数字信号处理设备(Digital Signal Processing Device，简称DSPD)、可编程逻辑器件(Programmable Logic Device，简称PLD)、现场可编程门阵列(Field Programmable Gate Array，简称FPGA)、控制器、微控制器、微处理器或其他电子元件实现，用于执行上述的切换项目环境的方法。

在另一示例性实施例中，还提供了一种包括程序指令的计算机可读存储介质，该程序指令被处理器执行时实现上述的切换项目环境的方法的步骤。例如，该计算机可读存储介质可以为上述包括程序指令的存储器602，上述程序指令可由电子设备600的处理器601执行以完成上述的切换项目环境的方法。

以上结合附图详细描述了本公开的优选实施方式，但是，本公开并不限于上述实施方式中的具体细节，在本公开的技术构思范围内，可以对本公开的技术方案进行多种简单变型，这些简单变型均属于本公开的保护范围。

另外需要说明的是，在上述具体实施方式中所描述的各个具体技术特征，在不矛盾的情况下，可以通过任何合适的方式进行组合，为了避免不必要的重复，本公开对各种可能的组合方式不再另行说明。

此外，本公开的各种不同的实施方式之间也可以进行任意组合，只要其不违背本公开的思想，其同样应当视为本公开所公开的内容。

Claims

1.一种切换项目环境的方法，其特征在于，包括：

2.根据权利要求1所述的方法，其特征在于，所述根据所述环境数据地址，将所述目标项目的当前环境切换为所述目标环境，包括：

3.根据权利要求2所述的方法，其特征在于，所述通过HTTP请求函数访问所述环境数据地址，以将所述目标项目的当前环境切换为所述目标环境，包括：

4.根据权利要求1所述的方法，其特征在于，所述通过环境配置文件，获取所述环境标识信息对应的环境数据地址，包括：

5.根据权利要求1所述的方法，其特征在于，所述环境配置文件通过以下方式预先生成：

生成配置文件；

建立至少一个环境标识信息与环境数据地址的对应关系；

6.根据权利要求1所述的方法，其特征在于，所述生成配置文件，包括：

确定所述目标项目对应的项目类型；

将所述目标文件模板作为所述配置文件。

7.根据权利要求1至6任一项所述的方法，其特征在于，所述项目为VUE3.js项目。

8.一种切换项目环境的装置，其特征在于，所述装置包括：

获取模块，用于获取环境切换指令，所述环境切换指令用于指示将目标项目的当前环境切换为目标环境，所述环境切换指令包括所述目标环境的环境标识信息；

匹配模块，用于通过预先生成的环境配置文件，获取所述环境标识信息对应的环境数据地址，所述环境配置文件包括至少一个环境标识信息与环境数据地址的对应关系；

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

10.一种电子设备，其特征在于，包括：

存储器，其上存储有计算机程序；

处理器，用于执行所述存储器中的所述计算机程序，以实现权利要求1-7中任一项所述方法的步骤。