一種處理前端任務(wù)的自動(dòng)化腳本及裝置的制造方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及計(jì)算機(jī)軟件技術(shù)領(lǐng)域，尤其涉及一種處理前端任務(wù)的自動(dòng)化腳本及裝置。
【背景技術(shù)】
[0002]通常，在一些應(yīng)用或者頁面等項(xiàng)目在上線之前，前端技術(shù)人員都需要人工進(jìn)行一些列地優(yōu)化打包代碼和圖片。然而，由于每個(gè)任務(wù)的步驟都是零散的，毫無關(guān)聯(lián)的，從而將前端開發(fā)任務(wù)整合在一條線上非常困難。例如，處理圖片優(yōu)化任務(wù)時(shí)，需要單獨(dú)用圖片優(yōu)化工具壓縮體積、樣式合并或者背景圖合并定位，然后用人工切圖導(dǎo)出，每一個(gè)步驟都需要耗費(fèi)技術(shù)人員大量的時(shí)間，導(dǎo)致工作效率較低，進(jìn)而降低了技術(shù)人員的幸福指數(shù)。
[0003]因此，有必要提供一種處理前端任務(wù)的自動(dòng)化腳本方法及裝置，避免上述情況的發(fā)生，提高技術(shù)人員的工作效率和幸福指數(shù)。

【發(fā)明內(nèi)容】

[0004]本發(fā)明的主要目的在于提出一種處理前端任務(wù)的自動(dòng)化腳本及裝置，旨在解決現(xiàn)有技術(shù)中需要人工處理系列化任務(wù)，前端技術(shù)人員工作效率低，幸福指數(shù)低的問題。
[0005]為實(shí)現(xiàn)上述目的，本發(fā)明提供的一種處理前端任務(wù)的自動(dòng)化腳本，所述方法包括步驟:接收腳本啟動(dòng)指令；以及根據(jù)所述腳本啟動(dòng)指令來啟動(dòng)腳本，并根據(jù)預(yù)先設(shè)置，自動(dòng)地執(zhí)行相應(yīng)的前端任務(wù)。
[0006]優(yōu)選地，所述根據(jù)所述腳本啟動(dòng)指令來啟動(dòng)腳本，并根據(jù)預(yù)先設(shè)置，自動(dòng)地執(zhí)行相應(yīng)的前端任務(wù)，具體包括:讀取與所述前端任務(wù)相適應(yīng)目錄下的所有腳本；接收特定命令，并調(diào)用相應(yīng)的模塊；以及自動(dòng)化處理前端任務(wù)。
[0007]優(yōu)選地，所述腳本啟動(dòng)指令包括至少一個(gè)參數(shù)，相應(yīng)地，所述自動(dòng)地執(zhí)行相應(yīng)的前端任務(wù)是指，根據(jù)所述參數(shù)執(zhí)行所述腳本中的一個(gè)具體前端任務(wù)。
[0008]優(yōu)選地，所述接收腳本啟動(dòng)指令之前還包括:配置腳本運(yùn)行環(huán)境，其包括但不限于node js環(huán)境，在網(wǎng)站的根目錄下生成所述腳本，從而加載需要的模塊。
[0009]優(yōu)選地，所述方法還包括:查看腳本處理結(jié)果，所述查看腳本處理結(jié)果具體包括:判斷所述前端任務(wù)是否成功完成；若沒有成功完成，則打印所述腳本失敗的結(jié)果，以便于日后排查；若成功完成，則顯示響應(yīng)的結(jié)果，以及每個(gè)任務(wù)的順序和時(shí)間，以便于持續(xù)優(yōu)化；以及根據(jù)前端任務(wù)的處理結(jié)果，發(fā)送郵件或者短信息通知。
[0010]此外，為實(shí)現(xiàn)上述目的，本發(fā)明還提出一種處理前端任務(wù)的自動(dòng)化腳本裝置，所述裝置包括:接收單元，用于接收腳本啟動(dòng)指令；執(zhí)行單元，用于根據(jù)所述腳本啟動(dòng)指令來啟動(dòng)腳本，并根據(jù)預(yù)先設(shè)置，自動(dòng)地執(zhí)行相應(yīng)的前端任務(wù)。
[0011]優(yōu)選地，所述執(zhí)行單元具體包括:讀取模塊，用于讀取與所述前端任務(wù)相適應(yīng)目錄下的所有腳本；調(diào)用模塊，用于接收特定命令，并調(diào)用相應(yīng)的模塊；處理模塊，用于自動(dòng)化處理前端任務(wù)。
[0012]優(yōu)選地，所述腳本啟動(dòng)指令包括至少一個(gè)參數(shù)，相應(yīng)地，所述執(zhí)行單元還用于根據(jù)所述參數(shù)執(zhí)行所述腳本中的一個(gè)具體前端任務(wù)。
[0013]優(yōu)選地，所述裝置還包括環(huán)境設(shè)置單元，用于配置腳本運(yùn)行環(huán)境，其包括但不限于node js環(huán)境，在網(wǎng)站的根目錄下生成所述腳本，從而加載需要的模塊。
[0014]優(yōu)選地，所述裝置還包括結(jié)果處理單元，用于查看腳本處理結(jié)果，所述結(jié)果處理單元具體包括:判斷模塊，用于判斷所述前端任務(wù)是否成功完成；若沒有成功完成，則打印所述腳本失敗的結(jié)果，以便于日后排查；若成功完成，則顯示響應(yīng)的結(jié)果，以及每個(gè)任務(wù)的順序和時(shí)間，以便于持續(xù)優(yōu)化；通知模塊，用于根據(jù)前端任務(wù)的處理結(jié)果，發(fā)送郵件或者短信息通知。
[0015]本發(fā)明提出的處理前端任務(wù)的自動(dòng)化腳本方法及裝置，通過接收腳本啟動(dòng)指令，根據(jù)所述腳本啟動(dòng)指令來啟動(dòng)腳本，并根據(jù)預(yù)先設(shè)置，自動(dòng)地執(zhí)行相應(yīng)的前端任務(wù)。從而解放前端技術(shù)人員手工合并和導(dǎo)出任務(wù)，自動(dòng)化處理前端技術(shù)人員需要完成的任務(wù)，提高了技術(shù)人員的工作效率和幸福指數(shù)。
【附圖說明】
[0016]圖1為本發(fā)明第一實(shí)施例提供的一種處理前端任務(wù)的自動(dòng)化腳本方法的流程圖；
[0017]圖2為本發(fā)明第一實(shí)施例提供的一種處理前端任務(wù)的自動(dòng)化腳本方法的子流程圖；
[0018]圖3為本發(fā)明第三實(shí)施例提供的一種處理前端任務(wù)的自動(dòng)化腳本裝置的模塊示意圖。
[0019]本發(fā)明目的的實(shí)現(xiàn)、功能特點(diǎn)及優(yōu)點(diǎn)將結(jié)合實(shí)施例，參照附圖做進(jìn)一步說明。
【具體實(shí)施方式】
[0020]應(yīng)當(dāng)理解，此處所描述的具體實(shí)施例僅僅用以解釋本發(fā)明，并不用于限定本發(fā)明。
[0021]現(xiàn)在將參考附圖描述實(shí)現(xiàn)本發(fā)明各個(gè)實(shí)施例的移動(dòng)終端。在后續(xù)的描述中，使用用于表示元件的諸如“模塊”、“部件”或“單元”的后綴僅為了有利于本發(fā)明的說明，其本身并沒有特定的意義。因此，〃模塊〃與〃部件〃可以混合地使用。
[0022]如圖1所示，本發(fā)明第一實(shí)施例提出一種處理前端任務(wù)的自動(dòng)化腳本方法，包括:
[0023]S110、接收腳本啟動(dòng)指令；
[0024]具體地，首先，配置腳本運(yùn)行環(huán)境，其包括但不限于node js環(huán)境，在網(wǎng)站的根目錄下生成該腳本，從而便于加載需要的模塊。在實(shí)際應(yīng)用中，前端技術(shù)人員將需要加載的模塊，并以json的數(shù)據(jù)格式寫入保存，然后安裝gulp框架，以使腳本執(zhí)行預(yù)先編寫好的自動(dòng)化腳本。
[0025]接收前端技術(shù)人員發(fā)出的腳本啟動(dòng)指令，從而通過插件管理模塊，讀取根目錄下所有模塊代碼，進(jìn)而取代技術(shù)人員手動(dòng)導(dǎo)入每個(gè)模塊。
[0026]進(jìn)一步的，本實(shí)施例中的處理前端任務(wù)的自動(dòng)化腳本是基于“管道”特性，采用src方法讀入文件并產(chǎn)生數(shù)據(jù)流(data stream)，dest方法將數(shù)據(jù)流寫入文件，其中，dest是一些中間步驟，每一個(gè)步驟都是對數(shù)據(jù)流進(jìn)行一定處理，并以鏈?zhǔn)降姆椒ㄟM(jìn)行，函數(shù)式編程。
[0027]S120、根據(jù)所述腳本啟動(dòng)指令來啟動(dòng)腳本，并根據(jù)預(yù)先設(shè)置，自動(dòng)地執(zhí)行相應(yīng)的前端任務(wù)。
[0028]請同時(shí)參照圖2，S120具體包括:
[0029]S121、讀取與所述前端任務(wù)相適應(yīng)目錄下的所有腳本；
[0030]S122、接收特定命令，并調(diào)用相應(yīng)的模塊；
[0031]S123、自動(dòng)化處理前端任務(wù)。
[0032]在實(shí)際應(yīng)用中，例如編寫合并任務(wù)，首先，讀取根目錄下所有的腳本，并調(diào)用合并模塊，將合并后的名稱以參數(shù)的形式寫入，然后，導(dǎo)出合并后的腳本，再調(diào)用壓縮模塊壓縮，調(diào)用丑化代碼模塊丑化后，通過腳本導(dǎo)出到目標(biāo)目錄下，從而完成一些列日常腳本語言優(yōu)化，自動(dòng)完成壓縮、合并、丑化等系列化的工作，提高了前端技術(shù)人員的效率，相應(yīng)地提升了網(wǎng)頁效率以及安全性。
[0033]在本實(shí)施例中，所述特定命令是指前端技術(shù)人員根據(jù)不同的前端任務(wù)而發(fā)出的相對應(yīng)的指令。
[0034]進(jìn)一步的，例如編寫一個(gè)編譯sass的任務(wù)，首先，讀取sass或scss目錄下的縮影腳本，根據(jù)前端技術(shù)人員的指令，調(diào)用sass編譯模塊，并通過腳本導(dǎo)出至指定的目錄下。
[0035]進(jìn)一步的，例如編寫一個(gè)樣式合并任務(wù)，首先，讀取sass編譯好或者前端技術(shù)人員寫好的樣式，調(diào)用并執(zhí)行合并模塊，腳本導(dǎo)出合并后的CSS到指定的目錄下，起到解放人工代碼，降低容錯(cuò)率的作用。
[0036]進(jìn)一步的，例如編寫一個(gè)重命名任務(wù)，首先，讀取需要重命名的文件，腳本批量導(dǎo)出或者按需導(dǎo)出到前端技術(shù)人員配置好的目錄下。
[0037]進(jìn)一步的，例如編寫一個(gè)圖片優(yōu)化任務(wù)，首先，讀取圖片目錄，調(diào)用并執(zhí)行圖片優(yōu)化模塊，通過腳本導(dǎo)出到指定的目錄下，優(yōu)化了圖片的大小，節(jié)約了寬帶和服務(wù)器的費(fèi)用。
[0038]進(jìn)一步的，例如編寫一個(gè)清理cache的任務(wù)，首先，讀取需要清理緩存的路徑，每次運(yùn)行腳本都會(huì)改寫文件名，以達(dá)到更新緩存目的。通過腳本自動(dòng)清理緩存，避免了人工疏忽遺漏忘記加版本號(hào)，從而導(dǎo)致頁面更新失敗的問題。
[0039]編寫注冊好上述一個(gè)或者多個(gè)任務(wù)后，腳本將任務(wù)按順序串起來，需要說明的是，腳本的執(zhí)行順序不一定按照任務(wù)的先后順序執(zhí)行，也有可能異步執(zhí)行，保證執(zhí)行效率，前端技術(shù)人員可以在cmd控制臺(tái)上輸入入默認(rèn)命令，使得腳本可以執(zhí)行全部任務(wù)。
[0040]進(jìn)一步的，若所述腳本啟動(dòng)指令包括至少一個(gè)參數(shù)，則腳本可以指定執(zhí)行腳本中的與所述至少一個(gè)參數(shù)對應(yīng)的某一個(gè)任務(wù)，從而增加腳本的復(fù)用率。
[0041 ] 簡而言之，前端技術(shù)人員只需要在控制臺(tái)上輸入命令時(shí)，并添加任務(wù)名，便可以以參數(shù)形式傳進(jìn)腳本去執(zhí)行具體的任務(wù)。
[0042]本實(shí)施例提供的處理前端任務(wù)的自動(dòng)化腳本方法，通過接收腳本啟動(dòng)指令，根據(jù)所述腳本啟動(dòng)指令來啟動(dòng)腳本，并根據(jù)預(yù)先設(shè)置，自動(dòng)地執(zhí)行相應(yīng)的前端任務(wù)。從而解放前端技術(shù)人員手工合并和導(dǎo)出任務(wù)，自動(dòng)化處理前端技術(shù)人員需要完成的任務(wù)，提高了技術(shù)人員的工作效率和幸福指數(shù)。
[0043]本發(fā)明第二實(shí)施例提出一種處理前端任務(wù)的自動(dòng)化腳本方法。第二實(shí)施例相比第一實(shí)施例的區(qū)別僅在于，在第二實(shí)施例中，所述方法還包括步驟:
[0044]查看腳本處理結(jié)果。
[0045]所述查看腳本處理結(jié)果，具體包括:
[0046]判斷所述前端任務(wù)是否成功完成；
[0047]具體是通過腳本是否完成前端技術(shù)人員預(yù)先設(shè)置的需求進(jìn)行判斷，可以采用現(xiàn)有技術(shù)進(jìn)行判斷，此處不再贅述。
[0048]若腳本沒有成功完成任務(wù)，則自動(dòng)打印所述腳本失敗的結(jié)果，以便于日后排查；
[0049]若腳本成功完成任務(wù)，則顯示響應(yīng)的結(jié)果，以及每個(gè)任務(wù)的順序和時(shí)間，以便于持續(xù)優(yōu)化；
[0050]根據(jù)前端任務(wù)的處理結(jié)果，發(fā)送郵件或者短信息通知。
[0051]本實(shí)施例提供的處理前端任務(wù)的自動(dòng)化腳本方法，通過接收腳本啟動(dòng)指令，根據(jù)所述腳本啟動(dòng)指令來啟動(dòng)腳本，并根據(jù)預(yù)先設(shè)置，自動(dòng)地執(zhí)行相應(yīng)的前端任務(wù)。從而解放前端技術(shù)人員手工合并和導(dǎo)出任務(wù)，自動(dòng)化處理前端技術(shù)人員需要完成的任務(wù)，提高了技術(shù)人員的工作效率和幸福指數(shù)。
[0052]本發(fā)明第三實(shí)施例進(jìn)一步提供一種處理前端任務(wù)的自動(dòng)化腳本裝置，請參照圖3，所述裝置包括:
[0053]接收單元310，用于接收腳本啟動(dòng)指令；
[0054]具體地，首先，所述裝置還包括設(shè)置單元300，用