其中的平臺基礎模塊內置多個基礎子模塊,包含前端開發服務和平臺基礎資源前端模塊的服務器路徑、資源路徑和模板路徑。本發明實施例一種可行的實施方式中,在前端開發環境搭建完成后的應用過程還包括:讀取web微服務平臺化的前端開發框架的配置文件以獲取定義后的前端模塊;對所述定義后的前端模塊進行預編譯、打包和壓縮,并將壓縮后的前端模塊發送至包管理工具進行管理。本發明實施例的一種實施場景中,在開發完成后平臺會針對client模塊進行預編譯、打包和壓縮,整個過程可由,gulp工具是基于流的前端構建工具:通過讀取平臺配置文件獲取所有的client模塊,獲取需要進行預編譯的模塊,使用node子進程進行預編譯處理;按照client模塊順序輸出靜態資源到dist目錄整合;獲取所有client模塊中指定的模塊化壓縮的入口,通過rjs進行模塊化壓縮輸出;后面獲得整合后的完整模塊包文件所表示的前端代碼。本發明實施例的實施場景中,開發人員在新的開發環境中能夠通過前端模塊快速獲取整合后的完整前端代碼,而且不需要關聯前端的具體工程,整個開發流程大為精簡。所述前端開發模塊用于前端開發,當開發完成后。同客戶的實際情況和具體需求進行良好結合,為不同類型的客戶提供好品質的互聯網應用定制解決方案。河南企業技術搭建包含
所述方法還包括基于http-proxy(代理服務器)實現所述前端模塊的服務接口調用。本發明實施例一種可行的實施方式中,通過,代理地址可以在配置文件中進行配置。配置文件中可以指定mock類型、服務地址及規則,mock的實現也是http-proxy代理實現。對于需要預編譯client模塊的開發環境集成,需要配置文件中指定client模塊的開發服務地址及靜態資源映射路徑,然后亦可通過http-proxy來代理這些資源路徑。前端模塊在開發中調用服務接口的方式包括以下幾種,其均主要基于node的http-proxy來實現:指定的mockserver公用的后臺服務;指定的后臺開發人員的服務,web微服務平臺化的前端開發框架提供了本地緩存,可以將請求過的接口數據進行緩存,在前端完全隔離的情況下使用內置緩存數據進行開發。圖5為本發明實施例提供的一種前端開發環境的搭建裝置的結構示意圖,該裝置可由軟件和/或硬件實現,一般地集成于服務器中,可通過前端開發環境的搭建方法來實現。如圖所示,本實施例可以以上述實施例為基礎,提供了一種前端開發環境的搭建裝置,其主要包括了封裝單元510、配置定義單元520、依賴建立單元530以及環境搭建單元540。其中的封裝單元510。海南網絡技術搭建有哪些邦程科技通過周密的策劃、深入的調查、理性的分析、精妙的創意、專業的實施。
本發明涉及一種前端開發環境的搭建方法、裝置、設備及存儲介質,其主要運用于前端開發使用語言進行過渡的場景中,其基本思想是:將現有工程的資源文件及配置文件以及根據開發需求生成的配置資源文件等進行封裝形成前端模塊,該前端模塊包括前端平臺模塊以及前端應用模塊,其中的前端平臺模塊又包括前端基礎模塊,前端基礎模塊包括若干基礎子模塊,前端模塊中包括了前端應用模塊的依賴以及組件的依賴,將前端模塊發布后,開發人員能夠通過這種方式直接通過配置文件讀取這些前端模塊,而不再依賴于已編譯的后端工程文件,對于開發工作人員而言提供了一種新的前端開發環境以及一種新的前端開發環境的快速搭建方法。圖1為本發明實施例一提供的流程圖,本實施例可適用于對前端工程進行封裝以獨有進行配置的情況,該方法具體包括如下步驟:在步驟110中,通過web微服務平臺化預建立的前端應用工程模板創建前端應用模塊,在所述前端應用模塊加入前端資源文件,其中,所述前端資源文件包括源工程遷移的資源文件和根據開發需求形成的資源文件;本發明實施例一種可行的實施方式中,所述源工程可以為在開發過程中的原java環境中的java工程。
基于微服務的完善前端開發環境搭建完成之后,能夠實現前端應用的獨有解耦、前端依賴管理、純粹的開發環境和平臺化工程化的管理。本領域技術人員可以理解,實現上述實施例方法的全部或部分流程,可以通過計算機程序來指令相關的硬件來完成,所述的程序可存儲于計算機可讀存儲介質中。其中,所述計算機可讀存儲介質為磁盤、光盤、只讀存儲記憶體或隨機存儲記憶體等。圖6示例了一種電子設備的實體結構示意圖,如圖6所示,該電子設備可以包括:處理器(processor)810、通信接口(communicationsinterface)820、存儲器(memory)830和通信總線840,其中,處理器810,通信接口820,存儲器830通過通信總線840完成相互間的通信。處理器810可以調用存儲器830中的邏輯指令,以執行如下方法:通過web微服務平臺化預建立的前端應用工程模板創建前端應用模塊,在所述前端應用模塊加入前端資源文件,其中,所述前端資源文件包括源工程遷移的資源文件和根據開發需求形成的資源文件;所述前端應用模塊所屬的前端模塊進行定義,其中,所述定義為對所述前端模塊的靜態資源目錄和工程化相關文件進行的配置;通過javascript包管理工具建立所述定義后的前端模塊的依賴關系。無錫邦程信息科技有限公司,專業的幫助客戶在新的全球化互聯網環境中保持優勢。
通過所述web微服務平臺化的前端開發框架預建立的前端工程模板創建前端平臺模塊,結合所述依賴關系搭建前端開發環境。需要說明的是,本實施例中的電子設備在具體實現時可以為服務器,也可以為pc機,還可以為其他設備,只要其結構中包括如圖6所示的處理器810、通信接口820、存儲器830和通信總線840,其中處理器810,通信接口820,存儲器830通過通信總線840完成相互間的通信,且處理器810可以調用存儲器830中的邏輯指令以執行上述方法即可。本實施例不對電子設備的具體實現形式進行限定。此外,上述的存儲器830中的邏輯指令可以通過軟件功能單元的形式實現并作為獨有的產品銷售或使用時,可以存儲在一個計算機可讀取存儲介質中。基于這樣的理解,本發明的技術方案本質上或者說對現有技術做出貢獻的部分或者該技術方案的部分可以以軟件產品的形式體現出來,該計算機軟件產品存儲在一個存儲介質中,包括若干指令用以使得一臺計算機設備(可以是個人計算機,服務器,或者網絡設備等)執行本發明各個實施例所述方法的全部或部分步驟。而前述的存儲介質包括:u盤、移動硬盤、只讀存儲器(rom,read-onlymemory)、隨機存取存儲器。無錫邦程信息科技有限公司,向廣大用戶提供好質量產品和好質量服務,從而贏得了用戶的信賴。福建營銷技術搭建怎么樣
邦程專業領域包括網站建設、無錫網站優化、網站代運營、阿里巴巴代運營、百度愛采購代理商、移動營銷服務。河南企業技術搭建包含
對所述定義后的前端模塊進行預編譯、打包和壓縮,并將壓縮后的前端模塊發送至包管理工具進行管理。結合上述說明,在本發明實例的另一種可能的實施方式中,對所述前端應用模塊所屬的前端模塊進行定義,還包括:對所述前端模塊的預編譯命令進行配置;和/或對所述前端模塊的資源映射進行配置。結合上述說明,在本發明實例的另一種可能的實施方式中,所述通過所述包管理工具建立所述定義后的前端模塊的依賴關系,包括:獲取所述前端模塊的應用模塊與組件間的一依賴關系;工程化相關文件獲取所述前端模塊的平臺模塊與應用模塊間的第二依賴關系;根據所述一依賴關系和所述第二依賴關系生成所述定義后的前端模塊的依賴關系。結合上述說明,在本發明實例的另一種可能的實施方式中,所述方法還包括:所述資源文件包括html,js,css,img文件中的一種或兩種及以上的組合。結合上述說明,在本發明實例的另一種可能的實施方式中,所述方法還包括:基于http-proxy實現所述前端模塊的服務接口調用。第二方面,本發明實施例還提供了一種前端開發環境的搭建裝置,所述裝置包括:封裝單元,用于將模塊包文件從原代碼工程中抽離。河南企業技術搭建包含
無錫邦程信息科技有限公司在同行業領域中,一直處在一個不斷銳意進取,不斷制造創新的市場高度,多年以來致力于發展富有創新價值理念的產品標準,在江蘇省等地區的商務服務中始終保持良好的商業口碑,成績讓我們喜悅,但不會讓我們止步,殘酷的市場磨煉了我們堅強不屈的意志,和諧溫馨的工作環境,富有營養的公司土壤滋養著我們不斷開拓創新,勇于進取的無限潛力,無錫邦程信息科技供應攜手大家一起走向共同輝煌的未來,回首過去,我們不會因為取得了一點點成績而沾沾自喜,相反的是面對競爭越來越激烈的市場氛圍,我們更要明確自己的不足,做好迎接新挑戰的準備,要不畏困難,激流勇進,以一個更嶄新的精神面貌迎接大家,共同走向輝煌回來!