并將每一段獨有的抽離后的模塊包文件發(fā)送至web微服務(wù)平臺化的前端開發(fā)框架,以生成對應(yīng)的前端模塊;配置定義單元,用于對所述前端應(yīng)用模塊所屬的前端模塊進(jìn)行定義,其中,所述定義包括對所述前端模塊的靜態(tài)資源目錄和工程化相關(guān)文件進(jìn)行的配置;依賴建立單元,用于通過javascript包管理工具建立所述定義后的前端模塊的依賴關(guān)系;環(huán)境搭建單元,用于從所述web微服務(wù)平臺化的前端開發(fā)框架中預(yù)建立的工程模板中獲取待搭建環(huán)境的待用模板,根據(jù)待用模板以及所述依賴關(guān)系搭建前端開發(fā)環(huán)境。上述的裝置,所述裝置還包括:讀取模塊,用于讀取web微服務(wù)平臺化的前端開發(fā)框架的配置文件以獲取定義后的前端模塊;管理模塊,用于對所述定義后的前端模塊進(jìn)行預(yù)編譯、打包和壓縮,并將壓縮后的前端模塊發(fā)送至包管理工具進(jìn)行管理。第三方面,本發(fā)明還提供了一種電子設(shè)備,所述電子設(shè)備包括:處理器;用于存儲處理器可執(zhí)行的指令的存儲器;其中,所述存儲器被配置為用以實施上述的前端開發(fā)環(huán)境的搭建方法。第四方面,本發(fā)明還提供了一種非易失性計算機可讀存儲介質(zhì),其上存儲有計算機程序指令,所述計算機程序指令被處理器執(zhí)行時實現(xiàn)上述任意一項所述的前端開發(fā)環(huán)境的搭建方法。無錫邦程信息科技有限公司專業(yè)從事網(wǎng)站建設(shè)、電商方及APP開發(fā)等業(yè)務(wù)。湖南智能化技術(shù)搭建包含
通過所述web微服務(wù)平臺化的前端開發(fā)框架預(yù)建立的前端工程模板創(chuàng)建前端平臺模塊,結(jié)合所述依賴關(guān)系搭建前端開發(fā)環(huán)境。需要說明的是,本實施例中的電子設(shè)備在具體實現(xiàn)時可以為服務(wù)器,也可以為pc機,還可以為其他設(shè)備,只要其結(jié)構(gòu)中包括如圖6所示的處理器810、通信接口820、存儲器830和通信總線840,其中處理器810,通信接口820,存儲器830通過通信總線840完成相互間的通信,且處理器810可以調(diào)用存儲器830中的邏輯指令以執(zhí)行上述方法即可。本實施例不對電子設(shè)備的具體實現(xiàn)形式進(jìn)行限定。此外,上述的存儲器830中的邏輯指令可以通過軟件功能單元的形式實現(xiàn)并作為獨有的產(chǎn)品銷售或使用時,可以存儲在一個計算機可讀取存儲介質(zhì)中。基于這樣的理解,本發(fā)明的技術(shù)方案本質(zhì)上或者說對現(xiàn)有技術(shù)做出貢獻(xiàn)的部分或者該技術(shù)方案的部分可以以軟件產(chǎn)品的形式體現(xiàn)出來,該計算機軟件產(chǎn)品存儲在一個存儲介質(zhì)中,包括若干指令用以使得一臺計算機設(shè)備(可以是個人計算機,服務(wù)器,或者網(wǎng)絡(luò)設(shè)備等)執(zhí)行本發(fā)明各個實施例所述方法的全部或部分步驟。而前述的存儲介質(zhì)包括:u盤、移動硬盤、只讀存儲器(rom,read-onlymemory)、隨機存取存儲器。江蘇網(wǎng)絡(luò)營銷技術(shù)搭建市場價同客戶的實際情況和具體需求進(jìn)行良好結(jié)合,為不同類型的客戶提供好品質(zhì)的互聯(lián)網(wǎng)應(yīng)用定制解決方案。
在傳統(tǒng)的web應(yīng)用開發(fā)的基礎(chǔ)結(jié)構(gòu),例如api、web和server結(jié)構(gòu)的web微服務(wù)平臺化的前端開發(fā)框架基礎(chǔ)上增加了新的前端模塊,結(jié)合圖2所示,為本發(fā)明的實施例的模塊結(jié)構(gòu)劃分示意圖,其中的前端模塊為現(xiàn)有的api、web和server的基礎(chǔ)上增加的client模塊(前端模塊),從圖中可以看出,所述前端模塊與原有的java工程完全解耦,使得前端模塊在web微服務(wù)平臺化的前端開發(fā)框架中擁有更靈活的應(yīng)用以及更多創(chuàng)造性應(yīng)用。結(jié)合圖3所示,為本發(fā)明的前端模塊在web微服務(wù)平臺化的前端開發(fā)框架下的前端模塊的工程結(jié)構(gòu),其中,前端工程結(jié)構(gòu)是基于npm的模塊化管理實現(xiàn),工程結(jié)構(gòu)與模塊劃分也更加清晰,結(jié)合圖2及圖3所示,前端平臺模塊包括若干平臺基礎(chǔ)模塊,每一平臺基礎(chǔ)模塊又包括若干平臺基礎(chǔ)子模塊,各模塊之間的關(guān)系亦可包括前端開發(fā)環(huán)境搭建所需要的依賴關(guān)系。結(jié)合圖3所示,本發(fā)明實施例一種可行的實施方式中,所述前端模塊的管理單元為npm私的服,可通過nexus來搭建npm私的服,client模塊可以發(fā)布至私的服后供其他需要的平臺下載,進(jìn)而提供前端模塊、應(yīng)用和組件的依賴管理。結(jié)合圖3所示,封裝后的前端模塊中的base-client為前端基礎(chǔ)子模塊;starter-portal-client為平臺基礎(chǔ)模塊。
也可發(fā)生于前端模塊的封裝過程中,即對所述靜態(tài)資源目錄和工程化相關(guān)文件進(jìn)行定義后,結(jié)合所述資源文件封裝為所述前端模塊。在步驟130中,通過javascript包管理工具建立所述定義后的前端模塊的依賴關(guān)系;所述javascript包管理工具一般為npm包管理工具,通過調(diào)用npm包管理工具能夠?qū)⑺銮岸四K存儲到web微服務(wù)平臺化的前端開發(fā)框架的相應(yīng)存儲路徑。本步驟中,定義后的前端模塊中包括了靜態(tài)資源目錄和工程化相關(guān)文件,通過javascript包管理工具讀取所述靜態(tài)資源目錄可建立所述前端模塊的依賴關(guān)系,通過對所述。所述前端模塊可以為一種便于管理的模塊包文件,以通過所述javascript包管理工具進(jìn)行管理。在步驟140中,通過所述web微服務(wù)平臺化的前端開發(fā)框架預(yù)建立的前端工程模板創(chuàng)建前端平臺模塊,結(jié)合所述依賴關(guān)系搭建前端開發(fā)環(huán)境。本發(fā)明實施例一種可行的實施方式中,所述web微服務(wù)平臺化的前端開發(fā)框架中預(yù)建立的工程模板為腳手架模板,通過所述腳手架模板以及對應(yīng)的配置文件能夠獲取待用模板,根據(jù)所述待用模板以及所述依賴關(guān)系能夠快速搭建所需要的前端開發(fā)環(huán)境,定義后的封裝前端模塊,無須重復(fù)編譯開發(fā)在新的前端開發(fā)環(huán)境中即可直接調(diào)取使用。邦程科技視推動中國企業(yè)開展電子商務(wù)、實現(xiàn)信息化為己任;深入研究企業(yè)客戶的實際需要的網(wǎng)絡(luò)技術(shù)搭建。
所述方法還包括基于http-proxy(代理服務(wù)器)實現(xiàn)所述前端模塊的服務(wù)接口調(diào)用。本發(fā)明實施例一種可行的實施方式中,通過,代理地址可以在配置文件中進(jìn)行配置。配置文件中可以指定mock類型、服務(wù)地址及規(guī)則,mock的實現(xiàn)也是http-proxy代理實現(xiàn)。對于需要預(yù)編譯client模塊的開發(fā)環(huán)境集成,需要配置文件中指定client模塊的開發(fā)服務(wù)地址及靜態(tài)資源映射路徑,然后亦可通過http-proxy來代理這些資源路徑。前端模塊在開發(fā)中調(diào)用服務(wù)接口的方式包括以下幾種,其均主要基于node的http-proxy來實現(xiàn):指定的mockserver公用的后臺服務(wù);指定的后臺開發(fā)人員的服務(wù),web微服務(wù)平臺化的前端開發(fā)框架提供了本地緩存,可以將請求過的接口數(shù)據(jù)進(jìn)行緩存,在前端完全隔離的情況下使用內(nèi)置緩存數(shù)據(jù)進(jìn)行開發(fā)。圖5為本發(fā)明實施例提供的一種前端開發(fā)環(huán)境的搭建裝置的結(jié)構(gòu)示意圖,該裝置可由軟件和/或硬件實現(xiàn),一般地集成于服務(wù)器中,可通過前端開發(fā)環(huán)境的搭建方法來實現(xiàn)。如圖所示,本實施例可以以上述實施例為基礎(chǔ),提供了一種前端開發(fā)環(huán)境的搭建裝置,其主要包括了封裝單元510、配置定義單元520、依賴建立單元530以及環(huán)境搭建單元540。其中的封裝單元510。邦程為不同類型的客戶提供良好的互聯(lián)網(wǎng)應(yīng)用定制解決方案,幫助客戶在新的全球化互聯(lián)網(wǎng)環(huán)境中保持優(yōu)勢。山西提供技術(shù)搭建優(yōu)勢
邦程專業(yè)領(lǐng)域包括網(wǎng)站建設(shè)、無錫網(wǎng)站優(yōu)化、網(wǎng)站代運營、阿里巴巴代運營、百度愛采購代理商、移動營銷服務(wù)。湖南智能化技術(shù)搭建包含
本發(fā)明通過將原工作的模塊包文件抽離封裝形成獨有的客戶端的形式,使得按照開發(fā)需求根據(jù)已形成的客戶端進(jìn)行所需要的配置,根據(jù)不同的配置文件能夠形成不同的客戶端模塊,將所有需要的配置打包成一個模塊發(fā)布到管理平臺后開發(fā)人員能夠直接使用這些客戶端模塊。本發(fā)明解決了在非前后端分離開發(fā)過程中過于依賴后端環(huán)境的問題,降低了前端開發(fā)的難度,同時也解決了完全前后端分離下前端工程結(jié)構(gòu)未能按模塊拆分過于耦合的問題。本發(fā)明中,上述各技術(shù)方案之間還可以相互組合,以實現(xiàn)更多的推薦組合方案。本發(fā)明的其他特征和優(yōu)點將在隨后的說明書中闡述,并且,部分優(yōu)點可從說明書中變得顯而易見,或者通過實施本發(fā)明而了解。本發(fā)明的目的和其他優(yōu)點可通過說明書以及附圖中所特別指出的內(nèi)容中來實現(xiàn)和獲得。具體實施方式為使本發(fā)明實施例的目的、技術(shù)方案和優(yōu)點更加清楚,下面將結(jié)合本發(fā)明實施例中的附圖,對本發(fā)明實施例中的技術(shù)方案進(jìn)行清楚、完整地描述,顯然,所描述的實施例是本發(fā)明一部分實施例,而不是全部的實施例?;诒景l(fā)明中的實施例,本領(lǐng)域普通技術(shù)人員在沒有作出創(chuàng)造性勞動前提下所獲得的所有其他實施例,都屬于本發(fā)明保護(hù)的范圍。湖南智能化技術(shù)搭建包含
無錫邦程信息科技有限公司是一家有著先進(jìn)的發(fā)展理念,先進(jìn)的管理經(jīng)驗,在發(fā)展過程中不斷完善自己,要求自己,不斷創(chuàng)新,時刻準(zhǔn)備著迎接更多挑戰(zhàn)的活力公司,在江蘇省等地區(qū)的商務(wù)服務(wù)中匯聚了大量的人脈以及**,在業(yè)界也收獲了很多良好的評價,這些都源自于自身的努力和大家共同進(jìn)步的結(jié)果,這些評價對我們而言是比較好的前進(jìn)動力,也促使我們在以后的道路上保持奮發(fā)圖強、一往無前的進(jìn)取創(chuàng)新精神,努力把公司發(fā)展戰(zhàn)略推向一個新高度,在全體員工共同努力之下,全力拼搏將共同無錫邦程信息科技供應(yīng)和您一起攜手走向更好的未來,創(chuàng)造更有價值的產(chǎn)品,我們將以更好的狀態(tài),更認(rèn)真的態(tài)度,更飽滿的精力去創(chuàng)造,去拼搏,去努力,讓我們一起更好更快的成長!