也可發(fā)生于前端模塊的封裝過程中,即對所述靜態(tài)資源目錄和工程化相關文件進行定義后,結合所述資源文件封裝為所述前端模塊。在步驟130中,通過javascript包管理工具建立所述定義后的前端模塊的依賴關系;所述javascript包管理工具一般為npm包管理工具,通過調(diào)用npm包管理工具能夠?qū)⑺銮岸四K存儲到web微服務平臺化的前端開發(fā)框架的相應存儲路徑。本步驟中,定義后的前端模塊中包括了靜態(tài)資源目錄和工程化相關文件,通過javascript包管理工具讀取所述靜態(tài)資源目錄可建立所述前端模塊的依賴關系,通過對所述。所述前端模塊可以為一種便于管理的模塊包文件,以通過所述javascript包管理工具進行管理。在步驟140中,通過所述web微服務平臺化的前端開發(fā)框架預建立的前端工程模板創(chuàng)建前端平臺模塊,結合所述依賴關系搭建前端開發(fā)環(huán)境。本發(fā)明實施例一種可行的實施方式中,所述web微服務平臺化的前端開發(fā)框架中預建立的工程模板為腳手架模板,通過所述腳手架模板以及對應的配置文件能夠獲取待用模板,根據(jù)所述待用模板以及所述依賴關系能夠快速搭建所需要的前端開發(fā)環(huán)境,定義后的封裝前端模塊,無須重復編譯開發(fā)在新的前端開發(fā)環(huán)境中即可直接調(diào)取使用。無錫邦程信息科技有限公司專業(yè)從事網(wǎng)站建設、為客戶提供一站式品牌策劃、創(chuàng)意設計、開發(fā)及托管等服務。福建什么是技術搭建便捷
其中的平臺基礎模塊內(nèi)置多個基礎子模塊,包含前端開發(fā)服務和平臺基礎資源前端模塊的服務器路徑、資源路徑和模板路徑。本發(fā)明實施例一種可行的實施方式中,在前端開發(fā)環(huán)境搭建完成后的應用過程還包括:讀取web微服務平臺化的前端開發(fā)框架的配置文件以獲取定義后的前端模塊;對所述定義后的前端模塊進行預編譯、打包和壓縮,并將壓縮后的前端模塊發(fā)送至包管理工具進行管理。本發(fā)明實施例的一種實施場景中,在開發(fā)完成后平臺會針對client模塊進行預編譯、打包和壓縮,整個過程可由,gulp工具是基于流的前端構建工具:通過讀取平臺配置文件獲取所有的client模塊,獲取需要進行預編譯的模塊,使用node子進程進行預編譯處理;按照client模塊順序輸出靜態(tài)資源到dist目錄整合;獲取所有client模塊中指定的模塊化壓縮的入口,通過rjs進行模塊化壓縮輸出;后面獲得整合后的完整模塊包文件所表示的前端代碼。本發(fā)明實施例的實施場景中,開發(fā)人員在新的開發(fā)環(huán)境中能夠通過前端模塊快速獲取整合后的完整前端代碼,而且不需要關聯(lián)前端的具體工程,整個開發(fā)流程大為精簡。所述前端開發(fā)模塊用于前端開發(fā),當開發(fā)完成后。廣西哪里技術搭建好處無錫邦程信息科技有限公司專業(yè)從事網(wǎng)站建設、電商方及APP開發(fā)等業(yè)務。
通過在前端模塊接入web微服務平臺化的前端開發(fā)框架的入口文件中增加相應的申明(以定義的方式或修改屬性參數(shù)的方式進行)的方式,使得前端模塊在,因此通過搭建企業(yè)內(nèi)部的npm倉庫,將前端模塊的各client模塊通過npmpublish發(fā)布至搭建的新的前端開發(fā)環(huán)境,達到所有的client前端模塊進行管理的效果。本發(fā)明實施例一種可行的實施方式中,所述通過所述包管理工具建立所述定義后的前端模塊的依賴關系,包括:在步驟410中,獲取所述前端模塊的應用模塊與組件間的一依賴關系;所述一依賴關系為所述模塊包文件(具體為業(yè)務子模塊)在工程中所體現(xiàn)的應用模塊與組件之間的依賴關系,其一般可通過資源映射的方式體現(xiàn),所述一依賴關系一般為原web微服務環(huán)境中模塊包文件與web微服務之間的通信協(xié)議產(chǎn)生的,亦可通過調(diào)取資源映射文件的方式調(diào)取。在步驟420中,工程化相關文件獲取所述前端模塊的平臺模塊與應用模塊間的第二依賴關系;在步驟430中,根據(jù)所述一依賴關系和所述第二依賴關系生成所述定義后的前端模塊的依賴關系。所述第二依賴關系為模塊包文件具體為平臺業(yè)務模塊與對應的應用模塊之間的對應關系,其一般地可在封裝的配置文件中體現(xiàn)。
基于微服務的完善前端開發(fā)環(huán)境搭建完成之后,能夠?qū)崿F(xiàn)前端應用的獨有解耦、前端依賴管理、純粹的開發(fā)環(huán)境和平臺化工程化的管理。本領域技術人員可以理解,實現(xiàn)上述實施例方法的全部或部分流程,可以通過計算機程序來指令相關的硬件來完成,所述的程序可存儲于計算機可讀存儲介質(zhì)中。其中,所述計算機可讀存儲介質(zhì)為磁盤、光盤、只讀存儲記憶體或隨機存儲記憶體等。圖6示例了一種電子設備的實體結構示意圖,如圖6所示,該電子設備可以包括:處理器(processor)810、通信接口(communicationsinterface)820、存儲器(memory)830和通信總線840,其中,處理器810,通信接口820,存儲器830通過通信總線840完成相互間的通信。處理器810可以調(diào)用存儲器830中的邏輯指令,以執(zhí)行如下方法:通過web微服務平臺化預建立的前端應用工程模板創(chuàng)建前端應用模塊,在所述前端應用模塊加入前端資源文件,其中,所述前端資源文件包括源工程遷移的資源文件和根據(jù)開發(fā)需求形成的資源文件;所述前端應用模塊所屬的前端模塊進行定義,其中,所述定義為對所述前端模塊的靜態(tài)資源目錄和工程化相關文件進行的配置;通過javascript包管理工具建立所述定義后的前端模塊的依賴關系。邦程為不同類型的客戶提供良好的互聯(lián)網(wǎng)應用定制解決方案,幫助客戶在新的全球化互聯(lián)網(wǎng)環(huán)境中保持優(yōu)勢。
所述方法還包括基于http-proxy(代理服務器)實現(xiàn)所述前端模塊的服務接口調(diào)用。本發(fā)明實施例一種可行的實施方式中,通過,代理地址可以在配置文件中進行配置。配置文件中可以指定mock類型、服務地址及規(guī)則,mock的實現(xiàn)也是http-proxy代理實現(xiàn)。對于需要預編譯client模塊的開發(fā)環(huán)境集成,需要配置文件中指定client模塊的開發(fā)服務地址及靜態(tài)資源映射路徑,然后亦可通過http-proxy來代理這些資源路徑。前端模塊在開發(fā)中調(diào)用服務接口的方式包括以下幾種,其均主要基于node的http-proxy來實現(xiàn):指定的mockserver公用的后臺服務;指定的后臺開發(fā)人員的服務,web微服務平臺化的前端開發(fā)框架提供了本地緩存,可以將請求過的接口數(shù)據(jù)進行緩存,在前端完全隔離的情況下使用內(nèi)置緩存數(shù)據(jù)進行開發(fā)。圖5為本發(fā)明實施例提供的一種前端開發(fā)環(huán)境的搭建裝置的結構示意圖,該裝置可由軟件和/或硬件實現(xiàn),一般地集成于服務器中,可通過前端開發(fā)環(huán)境的搭建方法來實現(xiàn)。如圖所示,本實施例可以以上述實施例為基礎,提供了一種前端開發(fā)環(huán)境的搭建裝置,其主要包括了封裝單元510、配置定義單元520、依賴建立單元530以及環(huán)境搭建單元540。其中的封裝單元510。邦程專業(yè)領域包括網(wǎng)站建設、無錫網(wǎng)站優(yōu)化、網(wǎng)站代運營、阿里巴巴代運營、百度愛采購代理商、移動營銷服務。浙江國際技術搭建優(yōu)勢
透過龐大的全球性商務網(wǎng)絡,面對面地向企業(yè)客戶提供全方面、標準化、一站式的IT應用服務和信息化解決方案。福建什么是技術搭建便捷
前端開發(fā)環(huán)境的搭建方法、裝置、設備及存儲介質(zhì)。背景技術:微服務是一種服務間松耦合的、每個服務之間高度自治并且使用輕量級協(xié)議進行通信的可持續(xù)集成部署的分布式架構體系。其可以采取較為典型的分布式結構,細分的部署粒度,服務的擴展性更為靈活。前端開發(fā)模式目前有兩種方式:其中的一種是,利用微服務體系實現(xiàn)各服務間隔離、自治,體現(xiàn)在工程中各服務模塊也相對獨有,在基于springcloud搭建的微服務平臺架構中,常用的是將每個模塊對應的前端資源放入對應的web模塊resources/static目錄下,通過maven將所有的模塊整合在一起,但是這樣所有的前端資源都分散在不同的jar包中,通過配置靜態(tài)資源路由來尋址這些資源,這導致前端開發(fā)環(huán)境是依賴java工程,可能會受到數(shù)據(jù)庫、中間件等環(huán)境的影響,并且資源加載順序無法控制,靜態(tài)資源無法熱更新,各模塊打包時所需的平臺資源和公共組件資源無法獲得,對于異構模塊需要將編譯后的代碼放入到web工程中才可以使用,而且異構系統(tǒng)在開發(fā)階段獲取不了平臺的資源環(huán)境等,這些都很大程度上影響了前端開發(fā)人員的工作環(huán)境與效率。另一種前端開發(fā)模式就是將前端工程完全獨有,將所有模塊的代碼都放在一個工程中。福建什么是技術搭建便捷
無錫邦程信息科技有限公司匯集了大量的優(yōu)秀人才,集企業(yè)奇思,創(chuàng)經(jīng)濟奇跡,一群有夢想有朝氣的團隊不斷在前進的道路上開創(chuàng)新天地,繪畫新藍圖,在江蘇省等地區(qū)的商務服務中始終保持良好的信譽,信奉著“爭取每一個客戶不容易,失去每一個用戶很簡單”的理念,市場是企業(yè)的方向,質(zhì)量是企業(yè)的生命,在公司有效方針的領導下,全體上下,團結一致,共同進退,齊心協(xié)力把各方面工作做得更好,努力開創(chuàng)工作的新局面,公司的新高度,未來無錫邦程信息科技供應和您一起奔向更美好的未來,即使現(xiàn)在有一點小小的成績,也不足以驕傲,過去的種種都已成為昨日我們只有總結經(jīng)驗,才能繼續(xù)上路,讓我們一起點燃新的希望,放飛新的夢想!