一种代码编辑器自动上传静态资源方法及系统技术方案

本发明专利技术公开了一种代码编辑器自动上传静态资源方法及系统，通过配置多个环境对应的多个配置表，并基于这些配置表中的多个具体字段，实现了在代码编辑器中一步到位直接地将静态资源上传至OSS服务器，其中，基于标识字段确定文件上传对应环境，以实现不同环境的静态资源上传，基于CDN地址字段确定文件上传的CDN地址与CDN对应的OSS服务器，基于OSS配置字段确定文件上传的登录信息，以实现与OSS服务器交互，基于块与区字段确定文件上传的存储位置，以实现存储位置的最优化。本发明专利技术不仅实现了将静态资源上传至远端OSS服务器中，并在代码编辑器中自动生成静态资源的URL，而且重点只通过一个工具就实现了资源自动上传，避免了现有多套工具的使用，从而提高了资源上传的效率。从而提高了资源上传的效率。从而提高了资源上传的效率。

【技术实现步骤摘要】
一种代码编辑器自动上传静态资源方法及系统


[0001]本专利技术属于文件上传
，尤其涉及一种代码编辑器自动上传静态资源方法及系统。

技术介绍

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

技术实现思路

[0005]本专利技术为解决上述技术问题，提供了一种代码编辑器自动上传静态资源方法及系统，本专利技术的技术方案为：一种代码编辑器自动上传静态资源方法，通过上传插件进行静态资源上传，上传插件包含多个环境分别对应的多个配置表，配置表配置有标识字段、CDN地址字段、OSS配置字段，其中，基于标识字段确定文件上传对应环境，基于CDN地址字段确定文件上传的CDN地址与CDN对应的OSS服务器，基于OSS配置字段确定OSS服务器的登录信息，方法包括以下步骤：S1：初始化上传插件及其CDN
‑
OSS服务，其中，CDN
‑
OSS服务的初始化进一步包括：校验配置表，并基于配置表初始化OSS服务以及文件上传服务；S2：调用CDN
‑
OSS服务接收需要上传的静态资源，并根据代码编辑器当前打开工程的上传信息生成上传路径；S3：调用文件上传服务根据上传路径将静态资源上传至 OSS服务器，并将上传路径与OSS服务器对应的CDN的域名拼接，生成静态资源的网络地址并插入至代码编辑器。
[0006]在其中一个实施例中，步骤S1中，基于配置表初始化OSS服务进一步包括：基于OSS配置字段请求OSS服务器的OSS服务，以实现文件上传的交互通信，其中，OSS配置字段至少包括登录账号、密钥以及块与区字段，基于块与区字段确定文件上传的存储位置。
[0007]在其中一个实施例中，步骤S1中，基于配置表初始化文件上传服务进一步包括：基于多个配置表分别生成多个环境对应的文件上传逻辑，并基于代码编辑器当前打开工程的工程名称进行目录映射，其中，文件上传逻辑根据标识字段、CDN地址字段、OSS配置字段、块与区字段生成。
[0008]在其中一个实施例中，步骤S2中，根据代码编辑器当前打开工程的上传信息生成上传路径进一步包括：根据代码编辑器当前打开工程的当前时间、工程名称、文件类型、以及当前环境相应的目标OSS服务器生成上传路径，其中，基于当前时间给上传路径与静态资源文件名称加入时间戳。
[0009]在其中一个实施例中，上传插件还配置有公共配置表，其中，公共配置表配置有文件上传限制与目录映射信息。
[0010]在其中一个实施例中， 步骤S3进一步包括：检验静态资源的文件类型、文件大小是否符合文件上传限制，若不符合则提示上传失败，反之则调用文件上传服务根据上传路径将静态资源上传至OSS服务器，并将上传路径与OSS服务器对应的CDN的域名拼接，生成静态资源的网络地址并插入至代码编辑器。
[0011]一种代码编辑器自动上传静态资源系统，配置有用于静态资源上传的上传插件，上传插件包含多个环境分别对应的多个配置表，配置表配置有标识字段、CDN地址字段、OSS配置字段，其中，基于标识字段确定文件上传对应环境，基于CDN地址字段确定文件上传的CDN地址与CDN对应的OSS服务器，基于OSS配置字段确定OSS服务器的登录信息，上传插件包括：初始化模块，用于初始化上传插件及其CDN
‑
OSS服务，其中，CDN
‑
OSS服务的初始化进一步包括：校验配置表，并基于配置表初始化OSS服务以及文件上传服务；上传路径模块，用于调用CDN
‑
OSS服务接收需要上传的静态资源，并根据代码编辑器当前打开工程的上传信息生成上传路径；文件上传模块，用于调用文件上传服务根据上传路径将静态资源上传至OSS服务器，并将上传路径与OSS服务器对应的CDN的域名拼接，生成静态资源的网络地址并插入至代码编辑器。
[0012]一种计算机设备，包括存储器和处理器，存储器中存储有计算机可读指令，计算机可读指令被处理器执行时，使得处理器执行上述代码编辑器自动上传静态资源方法。
[0013]一种存储有计算机可读指令的存储介质，计算机可读指令被一个或多个处理器执行时，使得一个或多个处理器执行上述代码编辑器自动上传静态资源方法。
[0014]本专利技术与现有技术相比具有以下的优点和积极效果：本专利技术配置多个环境对应的多个配置表，通过这些配置表中的多个具体字段，实现了在代码编辑器中一步到位地将静态资源上传至OSS服务器，其中，基于标识字段确定文件上传对应环境，以实现不同环境的静态资源上传，基于CDN地址字段确定文件上传的CDN
地址与CDN对应的OSS服务器，以实现CDN加速，基于OSS配置字段确定文件上传的登录信息，以实现与OSS服务器交互，基于块与区字段确定文件上传的存储位置，以实现存储位置的最优化，如此，可以高效地将静态资源提交至已全球加速的远端OSS服务器中，并在代码编辑器中自动生成可访问的静态资源URL，单文件上传操作从过去的数分钟缩短至10秒钟以内，极大提升文件上传效率。
附图说明
[0015]下面将结合附图对本专利技术实施例进行详细描述。附图仅用于示出优选实施方式的目的，而并不认为是对本专利技术的限制。
[0016]图1 为本专利技术的一种代码编辑器自动上传静态资源方法的整体流程图；图2 为本专利技术的一种代码编辑器自动上传静态资源方法的具体流程图。
具体实施方式
[0017]为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对照附图说明本专利技术的具体实施方式。显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种代码编辑器自动上传静态资源方法，其特征在于，通过上传插件进行静态资源上传，所述上传插件包含多个环境分别对应的多个配置表，所述配置表配置有标识字段、CDN地址字段、OSS配置字段，其中，基于所述标识字段确定文件上传对应环境，基于所述CDN地址字段确定文件上传的CDN地址与CDN对应的OSS服务器，基于所述OSS配置字段确定OSS服务器的登录信息，所述方法包括以下步骤：S1：初始化所述上传插件及其CDN
‑
OSS服务，其中，所述CDN
‑
OSS服务的初始化进一步包括：校验所述配置表，并基于所述配置表初始化OSS服务以及文件上传服务；S2：调用所述CDN
‑
OSS服务接收需要上传的静态资源，并根据代码编辑器当前打开工程的上传信息生成上传路径；S3：调用所述文件上传服务根据所述上传路径将所述静态资源上传至 OSS服务器，并将所述上传路径与所述OSS服务器对应的CDN的域名拼接，生成所述静态资源的网络地址并插入至代码编辑器。2.根据权利要求1所述的代码编辑器自动上传静态资源方法，其特征在于，所述步骤S1中，基于所述配置表初始化OSS服务进一步包括：基于所述OSS配置字段请求OSS服务器的所述OSS服务，以实现文件上传的交互通信，其中，所述OSS配置字段至少包括登录账号、密钥以及块与区字段，基于所述块与区字段确定文件上传的存储位置。3.根据权利要求1所述的代码编辑器自动上传静态资源方法，其特征在于，所述步骤S1中，基于所述配置表初始化文件上传服务进一步包括：基于多个所述配置表分别生成多个环境对应的文件上传逻辑，并基于代码编辑器当前打开工程的工程名称进行目录映射，其中，所述文件上传逻辑根据所述标识字段、所述CDN地址字段、所述OSS配置字段、所述块与区字段生成。4.根据权利要求1至3任意一项所述的代码编辑器自动上传静态资源方法，其特征在于，所述步骤S2中，所述根据代码编辑器当前打开工程的上传信息生成上传路径进一步包括：根据代码编辑器当前打开工程的当前时间、工程名称、文件类型、以及当前环境相应的目标OSS服务器生成上传路径，其中，基于所述当前时间给所述上传路径与静态资源文件...

【专利技术属性】
技术研发人员：苏立煜，刘秋香，陈宇，汪宁，陈鹏，
申请(专利权)人：杭州乒乓智能技术有限公司，
类型：发明
国别省市：