一种代码编辑器自动上传静态资源方法及系统与流程

1.本发明属于文件上传技术领域，尤其涉及一种代码编辑器自动上传静态资源方法及系统。


背景技术：

2.在代码编辑器中静态资源上传对于开发者而言是经常性的操作，并且在开发过程中需要涉及的资源文件较多，所以一直以来这一操作都是一个繁琐且耗时的过程，原因在于，开发者在开发时需要手动上传静态资源至远端oss服务器，并手动配置该服务器的环境、全球加速、文件上传限制、资源目录分类、bucket、cdn url拼接等，并且这些操作需要多个工具协同配合才能完成，效率极其低下，一般单文件上传操作需要数分钟甚至更多的时间。
3.现有技术中，在利用vscode代码编辑器开发工程时，针对某些资源文件的上传，通常的做法是：开发人员先手动使用oss服务器提供的上传工具将资源文件上传至某个指定的oss服务器中，再将该文件在oss服务器的存储路径与对应cdn服务器的域名进行拼接，再生成可公网访问的完整文件url后，手动将所述文件url粘贴到代码编辑器中，使得用户在向cdn服务器请求所述资源文件时，cdn服务器根据url取出对应文件并响应给用户。其中，由于在前端开发过程中需要涉及的资源文件较多，且受文件上传类型、大小、oss服务器选择、oss服务器上传工具等条件限制，若采用上述多工具手动的方法，先使用上传工具上传文件再手动拼接url再粘贴到脚本中，都是十分的繁琐与不便。
4.因此，提供一种便捷地上传文件后可自动生成文件url并插入当前代码编辑器是本领域技术人员亟需解决的技术问题。


技术实现要素：

5.本发明为解决上述技术问题，提供了一种代码编辑器自动上传静态资源方法及系统，本发明的技术方案为：一种代码编辑器自动上传静态资源方法，通过上传插件进行静态资源上传，上传插件包含多个环境分别对应的多个配置表，配置表配置有标识字段、cdn地址字段、oss配置字段，其中，基于标识字段确定文件上传对应环境，基于cdn地址字段确定文件上传的cdn地址与cdn对应的oss服务器，基于oss配置字段确定oss服务器的登录信息，方法包括以下步骤：s1：初始化上传插件及其cdn
‑
oss服务，其中，cdn
‑
oss服务的初始化进一步包括：校验配置表，并基于配置表初始化oss服务以及文件上传服务；s2：调用cdn
‑
oss服务接收需要上传的静态资源，并根据代码编辑器当前打开工程的上传信息生成上传路径；s3：调用文件上传服务根据上传路径将静态资源上传至 oss服务器，并将上传路径与oss服务器对应的cdn的域名拼接，生成静态资源的网络地址并插入至代码编辑器。
6.在其中一个实施例中，步骤s1中，基于配置表初始化oss服务进一步包括：基于oss配置字段请求oss服务器的oss服务，以实现文件上传的交互通信，其中，oss配置字段至少包括登录账号、密钥以及块与区字段，基于块与区字段确定文件上传的存储位置。
7.在其中一个实施例中，步骤s1中，基于配置表初始化文件上传服务进一步包括：基于多个配置表分别生成多个环境对应的文件上传逻辑，并基于代码编辑器当前打开工程的工程名称进行目录映射，其中，文件上传逻辑根据标识字段、cdn地址字段、oss配置字段、块与区字段生成。
8.在其中一个实施例中，步骤s2中，根据代码编辑器当前打开工程的上传信息生成上传路径进一步包括：根据代码编辑器当前打开工程的当前时间、工程名称、文件类型、以及当前环境相应的目标oss服务器生成上传路径，其中，基于当前时间给上传路径与静态资源文件名称加入时间戳。
9.在其中一个实施例中，上传插件还配置有公共配置表，其中，公共配置表配置有文件上传限制与目录映射信息。
10.在其中一个实施例中， 步骤s3进一步包括：检验静态资源的文件类型、文件大小是否符合文件上传限制，若不符合则提示上传失败，反之则调用文件上传服务根据上传路径将静态资源上传至oss服务器，并将上传路径与oss服务器对应的cdn的域名拼接，生成静态资源的网络地址并插入至代码编辑器。
11.一种代码编辑器自动上传静态资源系统，配置有用于静态资源上传的上传插件，上传插件包含多个环境分别对应的多个配置表，配置表配置有标识字段、cdn地址字段、oss配置字段，其中，基于标识字段确定文件上传对应环境，基于cdn地址字段确定文件上传的cdn地址与cdn对应的oss服务器，基于oss配置字段确定oss服务器的登录信息，上传插件包括：初始化模块，用于初始化上传插件及其cdn
‑
oss服务，其中，cdn
‑
oss服务的初始化进一步包括：校验配置表，并基于配置表初始化oss服务以及文件上传服务；上传路径模块，用于调用cdn
‑
oss服务接收需要上传的静态资源，并根据代码编辑器当前打开工程的上传信息生成上传路径；文件上传模块，用于调用文件上传服务根据上传路径将静态资源上传至oss服务器，并将上传路径与oss服务器对应的cdn的域名拼接，生成静态资源的网络地址并插入至代码编辑器。
12.一种计算机设备，包括存储器和处理器，存储器中存储有计算机可读指令，计算机可读指令被处理器执行时，使得处理器执行上述代码编辑器自动上传静态资源方法。
13.一种存储有计算机可读指令的存储介质，计算机可读指令被一个或多个处理器执行时，使得一个或多个处理器执行上述代码编辑器自动上传静态资源方法。
14.本发明与现有技术相比具有以下的优点和积极效果：本发明配置多个环境对应的多个配置表，通过这些配置表中的多个具体字段，实现了在代码编辑器中一步到位地将静态资源上传至oss服务器，其中，基于标识字段确定文件上传对应环境，以实现不同环境的静态资源上传，基于cdn地址字段确定文件上传的cdn
地址与cdn对应的oss服务器，以实现cdn加速，基于oss配置字段确定文件上传的登录信息，以实现与oss服务器交互，基于块与区字段确定文件上传的存储位置，以实现存储位置的最优化，如此，可以高效地将静态资源提交至已全球加速的远端oss服务器中，并在代码编辑器中自动生成可访问的静态资源url，单文件上传操作从过去的数分钟缩短至10秒钟以内，极大提升文件上传效率。
附图说明
15.下面将结合附图对本发明实施例进行详细描述。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。
16.图1 为本发明的一种代码编辑器自动上传静态资源方法的整体流程图；图2 为本发明的一种代码编辑器自动上传静态资源方法的具体流程图。
具体实施方式
17.为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对照附图说明本发明的具体实施方式。显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图，并获得其他的实施方式。
18.为使图面简洁，各图中只示意性地表示出了与本发明相关的部分，它们并不代表其作为产品的实际结构。另外，以使图面简洁便于理解，在有些图中具有相同结构或功能的部件，仅示意性地绘示了其中的一个，或仅标出了其中的一个。在本文中，“一个”不仅表示“仅此一个”，也可以表示“多于一个”的情形。
19.以下结合附图和具体实施例对本发明提出的一种代码编辑器自动上传静态资源方法及系统作进一步详细说明。
20.参看图1，本技术提供了一种代码编辑器自动上传静态资源方法，通过上传插件进行静态资源上传，上传插件包含多个环境分别对应的多个配置表，配置表配置有标识字段、cdn地址字段、oss配置字段，其中，基于标识字段确定文件上传对应环境，基于cdn地址字段确定文件上传的cdn地址与cdn对应的oss服务器，基于oss配置字段确定oss服务器的登录信息，方法包括以下步骤：s1：初始化上传插件及其cdn
‑
oss服务，其中，cdn
‑
oss服务的初始化进一步包括：校验配置表，并基于配置表初始化oss服务以及文件上传服务；s2：调用cdn
‑
oss服务接收需要上传的静态资源，并根据代码编辑器当前打开工程的上传信息生成上传路径；s3：调用文件上传服务根据上传路径将静态资源上传至 oss服务器，并将上传路径与oss服务器对应的cdn的域名拼接，生成静态资源的网络地址并插入至代码编辑器。
21.现对本实施例进行详细说明，但不仅限于此。
22.本实施例适用于在代码编辑器中自动上传静态资源，并完成静态资源的一系列配置并插入当前代码编辑器，大大提高了代码编辑器中资源上传的效率，不仅避免了服务器的环境、全球加速、文件上传限制、资源目录分类、bucket、cdn url拼接等繁琐的操作，而且重点避免了多种现有工具的反复使用，一步到位、高效地将静态资源上传到远端oss服务
器。
23.本实施例通过上传插件进行静态资源上传，上传插件为现有代码编辑器基础上插入的工具，可便于所有现有代码编辑器实现自动上传静态资源，其中，上传插件配置有与多个环境分别对应的多个配置表，多个环境如开发环境、测试环境、生产环境，对应地本实施例设定了三个配置表，以满足上述三种环境不同存储空间的静态资源上传。具体而言，每一配置表中设定有标识字段、cdn地址字段、oss配置字段，其中，标识字段可以设定有标题与标识符，主要用于标识该配置表对应的环境，cdn地址字段设有不同环境对应的cdn服务器的地址，以提供cdn加速，oss配置字段设有不同环境的存储空间对应的登录信息，如账户id、密钥、块与区字段，以在文件上传时进行存储空间的登录，块与区字段则用于标识具体的存储位置，优选根据文件上传时所在的地区就近选择存储位置，以提高文件上传速度。
24.进一步地，本实施例的上述配置表中的字段均可以根据需要进行相关配置，以满足个性化的需求，另外，配置表还设有“是否为默认配置”字段，该字段用于实现配置表的快速配置，以便于开发者使用。
25.进一步地，本实施例的上传插件还配置有公共配置表，公共配置表为多个环境的一些公共配置信息，可以配置有文件上传限制与目录映射信息等字段，文件上传限制例如文件类型扩展限制、文件大小限制等，以对静态资源上传进行规范，目录映射信息用于静态资源上传存储的目录映射。
26.本实施例基于上述多个配置表执行代码编辑器中自动上传静态资源，其中，仅通过本实施例即可实现静态资源的上传，不再需要现有的多种文件上传与配置工具，简单直接、一步到位地将静态资源的上传至oss服务器，大大提高了文件上传效率。
27.1）具体介绍步骤s1s1：初始化上传插件及其cdn
‑
oss服务，其中，cdn
‑
oss服务的初始化进一步包括：校验配置表，并基于配置表初始化oss服务以及文件上传服务。其中，初始化上传插件具体进行交互、监听等初始化，以及检查代码编辑器为所述系统提供的环境参数及状态是否正常，检查cdn服务器以及oss服务器的参数及状态是否正常，初始化cdn
‑
oss服务具体进行cdn配置校验、初始化oss服务、初始化文件上传服务。
28.具体而言：cdn配置校验是为了对上述配置表进行相关的校验，以保证静态资源上传的无误；初始化oss服务是为了请求云端oss服务器进行交互，具体以oss配置字段中的登录账号与密钥等登录信息请求oss服务器获取oss服务交互的权限；初始化文件上传服务是为了将上述配置表以及其他相关设定生成文件上传的执行代码，具体基于多个配置表中的标识字段、cdn地址字段、oss配置字段分别生成多个环境对应的文件上传逻辑，基于代码编辑器当前打开工程的工程名称进行目录映射，在目录映射前可以检查oss服务器中是否存在当前工程名的文件夹，不存在则在oss服务器中新建当前工程名的文件夹之后再进行目录映射，其他相关设定例如文件上传异常处理的设定等等。
29.本实施例配置多个环境对应的多个配置表，通过这些配置表中的多个具体字段，实现了在代码编辑器中一步到位地将静态资源上传至oss服务器，其中，基于标识字段确定文件上传对应环境，以实现不同环境的静态资源上传，基于cdn地址字段确定文件上传的cdn地址与cdn对应的oss服务器，以实现cdn加速，基于oss配置字段确定文件上传的登录信息，以实现与oss服务器交互，基于块与区字段确定文件上传的存储位置，以实现存储位置
的最优化，如此，可以高效地将静态资源提交至已全球加速的远端oss服务器中，并在代码编辑器中自动生成可访问的静态资源url，单文件上传操作从过去的数分钟缩短至10秒钟以内，极大提升文件上传效率。
30.2）具体介绍步骤s2s2：调用cdn
‑
oss服务接收需要上传的静态资源，并根据代码编辑器当前打开工程的上传信息生成上传路径。其中，本实施例根据代码编辑器当前打开工程的当前时间、工程名称、文件类型、以及当前环境相应的目标oss服务器生成上传路径，其中，基于工程名称、文件类型、当前环境相应的目标oss服务器在上传路径中进行服务器的环境、全球加速、资源目录自动分类、存储位置的配置，基于当前时间给静态资源加入时间戳，从而使得每份文件的命名均不相同，防止文件存储时因文件名重复而导致无法存储。
31.进一步优选地，本实施例基于上述多种配置表也可以批量上传静态资源，对于静态资源批量上传，可以根据代码编辑器当前打开工程的当前时间、工程名称、文件类型、以及当前环境相应的目标oss服务器生成上传路径批量生成上传路径，以分别进行文件上传。
32.3）具体介绍步骤s3s3：调用文件上传服务根据上传路径将静态资源上传至oss服务器，并将上传路径与oss服务器对应的cdn的域名拼接，生成静态资源的网络地址并插入至代码编辑器。
33.进一步优选地，本实施例在静态资源上传前还需检验静态资源的文件类型、文件大小是否符合文件上传限制，若不符合则提示上传失败，反之则通过oss服务器调用文件上传服务根据上传路径将静态资源上传至oss服务器，并将上传路径与oss服务器对应的cdn的域名拼接，生成静态资源的网络地址并插入至代码编辑器。
34.现结合完整过程对本实施例进行说明，但不仅限于此。
35.参看图2，本实施例在代码编辑器植入一个上传插件，通过该上传插件可以选择相应环境的目标oss服务器与待上传的资源文件，选中之后，根据当前代码编辑器所打开工程的工程名、当前时间、文件类型生成上传路径，调用oss服务器，将文件按照上传路径上传到oss服务器指定位置，上传成功后，系统将上传路径与cdn服务器域名拼接后生成可公网访问的完整文件url，并将该url插入到代码编辑器中，具体步骤如下：初始化代码编辑器，检查代码编辑器为所述系统提供的环境参数及状态是否正常；用户选择相应环境的目标oss服务器、选择本地文件；初始化cdn服务器、oss服务器的配置与环境，其中，检查cdn服务器以及oss服务器的参数及状态是否正常，检查oss服务器中是否存在当前工程名的文件夹，不存在则在oss服务器中新建当前工程名的文件夹；获取工程名、当前时间、文件类型，并生成文件上传路径，其中，所述工程名即为代码编辑器上当前脚本所对应的工程名，获取当前时间是为了给文件加入时间戳，从而使得每份文件的命名均不相同，防止文件存储时因文件名重复而导致无法存储；检验文件类型、大小是否符合规范，不符合则弹窗提示文件上传失败；调用oss服务器按照所述上传路径将文件存储至所述oss服务器中，若上传成功，则将上传路径与cdn服务器域名拼接，并将拼接好的文件url粘贴至代码编辑器，否则，弹窗提示文件上传失败。
36.经上述过程即完成代码编辑器中自动上传静态资源，其中，上述执行的基础在于，本实施例设定了多个配置表，通过这些配置表实现了与oss服务器之间便捷、高效的交互，避免了多套工具的使用，该技术可以高效地将静态资源提交至已全球加速的远端oss服务器中，并在代码编辑器中自动生成可访问的静态资源url，单文件上传操作从过去的数分钟缩短至10秒钟以内，大大提高了静态资源的上传效率。
37.本技术还提供了一种基于第一实施例的代码编辑器自动上传静态资源系统，配置有用于静态资源上传的上传插件，上传插件包含多个环境分别对应的多个配置表，配置表配置有标识字段、cdn地址字段、oss配置字段，其中，基于标识字段确定文件上传对应环境，基于cdn地址字段确定文件上传的cdn地址与cdn对应的oss服务器，基于oss配置字段确定oss服务器的登录信息，上传插件包括：初始化模块，用于初始化上传插件及其cdn
‑
oss服务，其中，cdn
‑
oss服务的初始化进一步包括：校验配置表，并基于配置表初始化oss服务以及文件上传服务；上传路径模块，用于调用cdn
‑
oss服务接收需要上传的静态资源，并根据代码编辑器当前打开工程的上传信息生成上传路径；文件上传模块，用于调用文件上传服务根据上传路径将静态资源上传至oss服务器，并将上传路径与oss服务器对应的cdn的域名拼接，生成静态资源的网络地址并插入至代码编辑器。
38.本实施例为基于上述代码编辑器自动上传静态资源方法的系统，在此不作重复性赘述，其中，配置多个环境对应的多个配置表，通过这些配置表中的多个具体字段，实现了在代码编辑器中一步到位地将静态资源上传至oss服务器，其中，基于标识字段确定文件上传对应环境，以实现不同环境的静态资源上传，基于cdn地址字段确定文件上传的cdn地址与cdn对应的oss服务器，以实现cdn加速，基于oss配置字段确定文件上传的登录信息，以实现与oss服务器交互，基于块与区字段确定文件上传的存储位置，以实现存储位置的最优化，如此，可以高效地将静态资源提交至已全球加速的远端oss服务器中，并在代码编辑器中自动生成可访问的静态资源url，单文件上传操作从过去的数分钟缩短至10秒钟以内，极大提升文件上传效率。
39.本技术还提出了一种计算机设备，包括存储器和处理器，所述存储器中存储有计算机可读指令，所述计算机可读指令被所述处理器执行时，使得所述处理器执行如上述实施例所提及的代码编辑器自动上传静态资源方法。
40.本技术提出了一种存储有计算机可读指令的存储介质，所述计算机可读指令被一个或多个处理器执行时，使得一个或多个处理器执行如上述实施例中所提及的代码编辑器自动上传静态资源方法。
41.计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(pram)、静态随机存取存储器(sram)、动态随机存取存储器(dram)、其他类型的随机存取存储器(ram)、只读存储器(rom)、电可擦除可编程只读存储器(eeprom)、快闪记忆体或其他内存技术、只读光盘只读存储器(cd
‑
rom)、数字多功能光盘(dvd)或其他光学存储、磁盒式磁带、磁盘存储、量子存储器、基于石墨烯的存储介质或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的
信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。
42.以上所述实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。
43.以上所述实施例仅表达了本发明一些示例性实施例，其描述较为具体和详细，但并不能因此而理解为对本发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变形和改进，这些都属于本发明的保护范围。因此，本发明专利的保护范围应以所附权利要求为准。