CN104965742B - 一种处理前端任务的自动化脚本及装置 - Google Patents

Abstract

本发明公开了一种处理前端任务的自动化脚本方法及装置，属于计算机软件领域。方法流程包括：接收脚本启动指令；以及根据所述脚本启动指令来启动脚本，并根据预先设置，自动地执行相应的前端任务。从而解放前端技术人员手工合并和导出任务，自动化处理前端技术人员需要完成的任务，提高了技术人员的工作效率和幸福指数。

Description

一种处理前端任务的自动化脚本及装置

技术领域

本发明涉及计算机软件技术领域，尤其涉及一种处理前端任务的自动化脚本及装置。

背景技术

通常，在一些应用或者页面等项目在上线之前，前端技术人员都需要人工进行一些列地优化打包代码和图片。然而，由于每个任务的步骤都是零散的，毫无关联的，从而将前端开发任务整合在一条线上非常困难。例如，处理图片优化任务时，需要单独用图片优化工具压缩体积、样式合并或者背景图合并定位，然后用人工切图导出，每一个步骤都需要耗费技术人员大量的时间，导致工作效率较低，进而降低了技术人员的幸福指数。

因此，有必要提供一种处理前端任务的自动化脚本方法及装置，避免上述情况的发生，提高技术人员的工作效率和幸福指数。

发明内容

本发明的主要目的在于提出一种处理前端任务的自动化脚本及装置，旨在解决现有技术中需要人工处理系列化任务，前端技术人员工作效率低，幸福指数低的问题。

为实现上述目的，本发明提供的一种处理前端任务的自动化脚本，所述方法包括步骤：接收脚本启动指令；以及根据所述脚本启动指令来启动脚本，并根据预先设置，自动地执行相应的前端任务。

优选地，所述根据所述脚本启动指令来启动脚本，并根据预先设置，自动地执行相应的前端任务，具体包括：读取与所述前端任务相适应目录下的所有脚本；接收特定命令，并调用相应的模块；以及自动化处理前端任务。

优选地，所述脚本启动指令包括至少一个参数，相应地，所述自动地执行相应的前端任务是指，根据所述参数执行所述脚本中的一个具体前端任务。

优选地，所述接收脚本启动指令之前还包括：配置脚本运行环境，其包括但不限于nodejs环境，在网站的根目录下生成所述脚本，从而加载需要的模块。

优选地，所述方法还包括：查看脚本处理结果，所述查看脚本处理结果具体包括：判断所述前端任务是否成功完成；若没有成功完成，则打印所述脚本失败的结果，以便于日后排查；若成功完成，则显示响应的结果，以及每个任务的顺序和时间，以便于持续优化；以及根据前端任务的处理结果，发送邮件或者短信息通知。

此外，为实现上述目的，本发明还提出一种处理前端任务的自动化脚本装置，所述装置包括：接收单元，用于接收脚本启动指令；执行单元，用于根据所述脚本启动指令来启动脚本，并根据预先设置，自动地执行相应的前端任务。

优选地，所述执行单元具体包括：读取模块，用于读取与所述前端任务相适应目录下的所有脚本；调用模块，用于接收特定命令，并调用相应的模块；处理模块，用于自动化处理前端任务。

优选地，所述脚本启动指令包括至少一个参数，相应地，所述执行单元还用于根据所述参数执行所述脚本中的一个具体前端任务。

优选地，所述装置还包括环境设置单元，用于配置脚本运行环境，其包括但不限于nodejs环境，在网站的根目录下生成所述脚本，从而加载需要的模块。

优选地，所述装置还包括结果处理单元，用于查看脚本处理结果，所述结果处理单元具体包括：判断模块，用于判断所述前端任务是否成功完成；若没有成功完成，则打印所述脚本失败的结果，以便于日后排查；若成功完成，则显示响应的结果，以及每个任务的顺序和时间，以便于持续优化；通知模块，用于根据前端任务的处理结果，发送邮件或者短信息通知。

本发明提出的处理前端任务的自动化脚本方法及装置，通过接收脚本启动指令，根据所述脚本启动指令来启动脚本，并根据预先设置，自动地执行相应的前端任务。从而解放前端技术人员手工合并和导出任务，自动化处理前端技术人员需要完成的任务，提高了技术人员的工作效率和幸福指数。

附图说明

图1为本发明第一实施例提供的一种处理前端任务的自动化脚本方法的流程图；

图2为本发明第一实施例提供的一种处理前端任务的自动化脚本方法的子流程图；

图3为本发明第三实施例提供的一种处理前端任务的自动化脚本装置的模块示意图。

本发明目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。

具体实施方式

应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

现在将参考附图描述实现本发明各个实施例的移动终端。在后续的描述中，使用用于表示元件的诸如“模块”、“部件”或“单元”的后缀仅为了有利于本发明的说明，其本身并没有特定的意义。因此，"模块"与"部件"可以混合地使用。

如图1所示，本发明第一实施例提出一种处理前端任务的自动化脚本方法，包括：

S110、接收脚本启动指令；

具体地，首先，配置脚本运行环境，其包括但不限于nodejs环境，在网站的根目录下生成该脚本，从而便于加载需要的模块。在实际应用中，前端技术人员将需要加载的模块，并以json的数据格式写入保存，然后安装gulp框架，以使脚本执行预先编写好的自动化脚本。

接收前端技术人员发出的脚本启动指令，从而通过插件管理模块，读取根目录下所有模块代码，进而取代技术人员手动导入每个模块。

进一步的，本实施例中的处理前端任务的自动化脚本是基于“管道”特性，采用src方法读入文件并产生数据流(data stream)，dest方法将数据流写入文件，其中，dest是一些中间步骤，每一个步骤都是对数据流进行一定处理，并以链式的方法进行，函数式编程。

S120、根据所述脚本启动指令来启动脚本，并根据预先设置，自动地执行相应的前端任务。

请同时参照图2，S120具体包括：

S121、读取与所述前端任务相适应目录下的所有脚本；

S122、接收特定命令，并调用相应的模块；

S123、自动化处理前端任务。

在实际应用中，例如编写合并任务，首先，读取根目录下所有的脚本，并调用合并模块，将合并后的名称以参数的形式写入，然后，导出合并后的脚本，再调用压缩模块压缩，调用丑化代码模块丑化后，通过脚本导出到目标目录下，从而完成一些列日常脚本语言优化，自动完成压缩、合并、丑化等系列化的工作，提高了前端技术人员的效率，相应地提升了网页效率以及安全性。

在本实施例中，所述特定命令是指前端技术人员根据不同的前端任务而发出的相对应的指令。

进一步的，例如编写一个编译sass的任务，首先，读取sass或scss目录下的缩影脚本，根据前端技术人员的指令，调用sass编译模块，并通过脚本导出至指定的目录下。

进一步的，例如编写一个样式合并任务，首先，读取sass编译好或者前端技术人员写好的样式，调用并执行合并模块，脚本导出合并后的css到指定的目录下，起到解放人工代码，降低容错率的作用。

进一步的，例如编写一个重命名任务，首先，读取需要重命名的文件，脚本批量导出或者按需导出到前端技术人员配置好的目录下。

进一步的，例如编写一个图片优化任务，首先，读取图片目录，调用并执行图片优化模块，通过脚本导出到指定的目录下，优化了图片的大小，节约了宽带和服务器的费用。

进一步的，例如编写一个清理cache的任务，首先，读取需要清理缓存的路径，每次运行脚本都会改写文件名，以达到更新缓存目的。通过脚本自动清理缓存，避免了人工疏忽遗漏忘记加版本号，从而导致页面更新失败的问题。

编写注册好上述一个或者多个任务后，脚本将任务按顺序串起来，需要说明的是，脚本的执行顺序不一定按照任务的先后顺序执行，也有可能异步执行，保证执行效率，前端技术人员可以在cmd控制台上输入入默认命令，使得脚本可以执行全部任务。

进一步的，若所述脚本启动指令包括至少一个参数，则脚本可以指定执行脚本中的与所述至少一个参数对应的某一个任务，从而增加脚本的复用率。

简而言之，前端技术人员只需要在控制台上输入命令时，并添加任务名，便可以以参数形式传进脚本去执行具体的任务。

本实施例提供的处理前端任务的自动化脚本方法，通过接收脚本启动指令，根据所述脚本启动指令来启动脚本，并根据预先设置，自动地执行相应的前端任务。从而解放前端技术人员手工合并和导出任务，自动化处理前端技术人员需要完成的任务，提高了技术人员的工作效率和幸福指数。

本发明第二实施例提出一种处理前端任务的自动化脚本方法。第二实施例相比第一实施例的区别仅在于，在第二实施例中，所述方法还包括步骤：

查看脚本处理结果。

所述查看脚本处理结果，具体包括：

判断所述前端任务是否成功完成；

具体是通过脚本是否完成前端技术人员预先设置的需求进行判断，可以采用现有技术进行判断，此处不再赘述。

若脚本没有成功完成任务，则自动打印所述脚本失败的结果，以便于日后排查；

若脚本成功完成任务，则显示响应的结果，以及每个任务的顺序和时间，以便于持续优化；

根据前端任务的处理结果，发送邮件或者短信息通知。

本实施例提供的处理前端任务的自动化脚本方法，通过接收脚本启动指令，根据所述脚本启动指令来启动脚本，并根据预先设置，自动地执行相应的前端任务。从而解放前端技术人员手工合并和导出任务，自动化处理前端技术人员需要完成的任务，提高了技术人员的工作效率和幸福指数。

本发明第三实施例进一步提供一种处理前端任务的自动化脚本装置，请参照图3，所述装置包括：

接收单元310，用于接收脚本启动指令；

具体地，首先，所述装置还包括设置单元300，用于配置脚本运行环境，其包括但不限于nodejs环境，在网站的根目录下生成该脚本，从而便于加载需要的模块。在实际应用中，前端技术人员将需要加载的模块，并以json的数据格式写入保存，然后安装gulp框架，以使脚本执行预先编写好的自动化脚本。

接收单元310接收前端技术人员发出的脚本启动指令，从而通过插件管理模块，读取根目录下所有模块代码，进而取代技术人员手动导入每个模块。

进一步的，本实施例中的处理前端任务的自动化脚本是基于“管道”特性，采用src方法读入文件并产生数据流(data stream)，dest方法将数据流写入文件，其中，dest是一些中间步骤，每一个步骤都是对数据流进行一定处理，并以链式的方法进行，函数式编程。

执行单元320，用于根据所述脚本启动指令来启动脚本，并根据预先设置，自动地执行相应的前端任务。

该执行单元320具体包括：

读取模块，读取与所述前端任务相适应目录下的所有脚本；

调用模块，用于接收特定命令，并调用相应的模块；

处理模块，用于自动化处理前端任务。

在实际应用中，例如编写合并任务，首先，读取模块读取根目录下所有的脚本，调用模块调用合并模块，将合并后的名称以参数的形式写入，然后，处理模块导出合并后的脚本，调用模块再调用压缩模块压缩，调用丑化代码模块丑化后，通过处理模块脚本导出到目标目录下，从而完成一些列日常脚本语言优化，自动完成压缩、合并、丑化等系列化的工作，提高了前端技术人员的效率，相应地提升了网页效率以及安全性。

在本实施例中，所述特定命令是指前端技术人员根据不同的前端任务而发出的相对应的指令。

进一步的，例如编写一个编译sass的任务，首先，读取模块读取sass或scss目录下的缩影脚本，调用模块根据前端技术人员的指令，调用sass编译模块，并通过处理模块导出至指定的目录下。

进一步的，例如编写一个样式合并任务，首先，读取模块读取sass编译好或者前端技术人员写好的样式，调用模块调用并执行合并模块，处理模块导出合并后的css到指定的目录下，起到解放人工代码，降低容错率的作用。

进一步的，例如编写一个重命名任务，首先，读取模块读取需要重命名的文件，处理模块批量导出或者按需导出到前端技术人员配置好的目录下。

进一步的，例如编写一个图片优化任务，首先，读取模块读取图片目录，调用模块调用并执行图片优化模块，通过处理模块导出到指定的目录下，优化了图片的大小，节约了宽带和服务器的费用。

进一步的，例如编写一个清理cache的任务，首先，读取模块读取需要清理缓存的路径，每次运行处理模块都会改写文件名，以达到更新缓存目的。通过脚本自动清理缓存，避免了人工疏忽遗漏忘记加版本号，从而导致页面更新失败的问题。

编写注册好上述一个或者多个任务后，脚本将任务按顺序串起来，需要说明的是，脚本的执行顺序不一定按照任务的先后顺序执行，也有可能异步执行，保证执行效率，前端技术人员可以在cmd控制台上输入入默认命令，使得脚本可以执行全部任务。

进一步的，若所述脚本启动指令包括至少一个参数，则脚本可以指定执行脚本中的与所述至少一个参数对应的某一个任务，从而增加脚本的复用率。

简而言之，前端技术人员只需要在控制台上输入命令时，并添加任务名，便可以以参数形式传进脚本去执行具体的任务。

本实施例提供的处理前端任务的自动化脚本装置，通过接收单元接收脚本启动指令，执行单元根据所述脚本启动指令来启动脚本，并根据预先设置，自动地执行相应的前端任务。从而解放前端技术人员手工合并和导出任务，自动化处理前端技术人员需要完成的任务，提高了技术人员的工作效率和幸福指数。

本发明第四实施例进一步提出一种处理前端任务的自动化脚本装置。第四实施例相比第三实施例的区别仅在于，在第四实施例中，所述装置还包括：

处理单元330，用于查看脚本处理结果。该处理单元包括判断模块，用于判断所述前端任务是否成功完成。具体是通过脚本是否完成前端技术人员预先设置的需求进行判断，可以采用现有技术进行判断，此处不再赘述。

若脚本没有成功完成任务，则自动打印所述脚本失败的结果，以便于日后排查；

若脚本成功完成任务，则显示响应的结果，以及每个任务的顺序和时间，以便于持续优化；

所述处理单元330还包括通知模块，用于根据前端任务的处理结果，发送邮件或者短信息通知。

本实施例提供的处理前端任务的自动化脚本装置，通过接收单元接收脚本启动指令，执行单元根据所述脚本启动指令来启动脚本，并根据预先设置，自动地执行相应的前端任务。从而解放前端技术人员手工合并和导出任务，自动化处理前端技术人员需要完成的任务，提高了技术人员的工作效率和幸福指数。

需要说明的是，在不冲突的情况下，本发明各个实施例及实施例中的特征可以进行相互组合实施。

需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。

上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中，包括若干指令用以使得一台终端设备(可以是手机，计算机，服务器，空调器，或者网络设备等)执行本发明各个实施例所述的方法。

以上仅为本发明的优选实施例，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，均同理包括在本发明的专利保护范围内。

Claims (8)

1.一种处理前端任务的自动化脚本方法，其特征在于，所述方法包括步骤：

接收脚本启动指令；以及

根据所述脚本启动指令来启动脚本，并根据预先设置，自动地执行相应的前端任务，包括：

读取与所述前端任务相适应目录下的所有脚本；

接收特定命令，并调用相应的模块；

自动地处理前端任务；

其中，所述脚本为将需要加载的模块以json的数据格式写入保存，然后安装gulp框架得到，采用src方法读入文件并产生数据流，dest方法将数据流写入文件。

2.根据权利要求1所述的处理前端任务的自动化脚本方法，其特征在于，所述脚本启动指令包括至少一个参数，相应地，所述自动地执行相应的前端任务是指，根据所述参数执行所述脚本中的一个具体前端任务。

3.根据权利要求1所述的处理前端任务的自动化脚本方法，其特征在于，所述接收脚本启动指令之前还包括：配置脚本运行环境，其包括但不限于nodejs环境，在网站的根目录下生成所述脚本，从而加载需要的模块。

4.根据权利要求1-3任意一项所述的处理前端任务的自动化脚本方法，其特征在于，所述方法还包括：查看脚本处理结果，所述查看脚本处理结果具体包括：

判断所述前端任务是否成功完成；

若没有成功完成，则打印所述脚本失败的结果，以便于日后排查；

若成功完成，则显示响应的结果，以及每个任务的顺序和时间，以便于持续优化；以及

根据前端任务的处理结果，发送邮件或者短信息通知。

5.一种处理前端任务的自动化脚本装置，其特征在于，所述装置包括：

接收单元，用于接收脚本启动指令；

执行单元，用于根据所述脚本启动指令来启动脚本，并根据预先设置，自动地执行相应的前端任务，所述执行单元包括：

读取模块，用于读取与所述前端任务相适应目录下的所有脚本；

调用模块，用于接收特定命令，并调用相应的模块；

处理模块，用于自动化处理前端任务；

其中，所述脚本为将需要加载的模块以json的数据格式写入保存，然后安装gulp框架得到，采用src方法读入文件并产生数据流，dest方法将数据流写入文件。

6.根据权利要求5所述的处理前端任务的自动化脚本装置，其特征在于，所述脚本启动指令包括至少一个参数，相应地，所述执行单元还用于根据所述参数执行所述脚本中的一个具体前端任务。

7.根据权利要求5所述的处理前端任务的自动化脚本装置，其特征在于，所述装置还包括环境设置单元，用于配置脚本运行环境，其包括但不限于nodejs环境，在网站的根目录下生成所述脚本，从而加载需要的模块。

8.根据权利要求5-7任意一项所述的处理前端任务的自动化脚本装置，其特征在于，所述装置还包括结果处理单元，用于查看脚本处理结果，所述结果处理单元具体包括：

判断模块，用于判断所述前端任务是否成功完成；

若没有成功完成，则打印所述脚本失败的结果，以便于日后排查；

若成功完成，则显示响应的结果，以及每个任务的顺序和时间，以便于持续优化；

通知模块，用于根据前端任务的处理结果，发送邮件或者短信息通知。