提供完全純粹的前端開發環境,但是這樣平臺無法對已有的模塊自由組合,缺少模塊的依賴管理,體系上也無法和后端的模塊對應上,這樣也不是我們所期望的結果。技術實現要素:鑒于上述的分析,本發明實施例旨在提供一種前端開發環境的搭建方法、裝置、設備及存儲介質,用以解決現有的前端開發過程中過于依賴后端工程的問題。一方面,本發明實施例提供了一種前端開發環境的搭建方法,所述方法包括:通過web微服務平臺化預建立的前端應用工程模板創建前端應用模塊,在所述前端應用模塊加入前端資源文件,其中,所述前端資源文件包括源工程遷移的資源文件和根據開發需求形成的資源文件;所述前端應用模塊所屬的前端模塊進行定義,其中,所述定義為對所述前端模塊的靜態資源目錄和工程化相關文件進行的配置;通過javascript包管理工具建立所述定義后的前端模塊的依賴關系;通過所述web微服務平臺化的前端開發框架預建立的前端工程模板創建前端平臺模塊,結合所述依賴關系搭建前端開發環境。結合上述說明,在本發明實例的另一種可能的實施方式中,所述方法還包括:讀取web微服務平臺化的前端開發框架的配置文件以獲取定義后的前端模塊。邦程一直秉承專業、誠信、服務、進取的價值觀,堅持互聯網品牌設計經驗和整合營銷的理念。河北國際技術搭建優勢
所述方法還包括基于http-proxy(代理服務器)實現所述前端模塊的服務接口調用。本發明實施例一種可行的實施方式中,通過,代理地址可以在配置文件中進行配置。配置文件中可以指定mock類型、服務地址及規則,mock的實現也是http-proxy代理實現。對于需要預編譯client模塊的開發環境集成,需要配置文件中指定client模塊的開發服務地址及靜態資源映射路徑,然后亦可通過http-proxy來代理這些資源路徑。前端模塊在開發中調用服務接口的方式包括以下幾種,其均主要基于node的http-proxy來實現:指定的mockserver公用的后臺服務;指定的后臺開發人員的服務,web微服務平臺化的前端開發框架提供了本地緩存,可以將請求過的接口數據進行緩存,在前端完全隔離的情況下使用內置緩存數據進行開發。圖5為本發明實施例提供的一種前端開發環境的搭建裝置的結構示意圖,該裝置可由軟件和/或硬件實現,一般地集成于服務器中,可通過前端開發環境的搭建方法來實現。如圖所示,本實施例可以以上述實施例為基礎,提供了一種前端開發環境的搭建裝置,其主要包括了封裝單元510、配置定義單元520、依賴建立單元530以及環境搭建單元540。其中的封裝單元510。北京提供技術搭建包含同客戶的實際情況和具體需求進行良好結合,為不同類型的客戶提供好品質的互聯網應用定制解決方案。
并將每一段獨有的抽離后的模塊包文件發送至web微服務平臺化的前端開發框架,以生成對應的前端模塊;配置定義單元,用于對所述前端應用模塊所屬的前端模塊進行定義,其中,所述定義包括對所述前端模塊的靜態資源目錄和工程化相關文件進行的配置;依賴建立單元,用于通過javascript包管理工具建立所述定義后的前端模塊的依賴關系;環境搭建單元,用于從所述web微服務平臺化的前端開發框架中預建立的工程模板中獲取待搭建環境的待用模板,根據待用模板以及所述依賴關系搭建前端開發環境。上述的裝置,所述裝置還包括:讀取模塊,用于讀取web微服務平臺化的前端開發框架的配置文件以獲取定義后的前端模塊;管理模塊,用于對所述定義后的前端模塊進行預編譯、打包和壓縮,并將壓縮后的前端模塊發送至包管理工具進行管理。第三方面,本發明還提供了一種電子設備,所述電子設備包括:處理器;用于存儲處理器可執行的指令的存儲器;其中,所述存儲器被配置為用以實施上述的前端開發環境的搭建方法。第四方面,本發明還提供了一種非易失性計算機可讀存儲介質,其上存儲有計算機程序指令,所述計算機程序指令被處理器執行時實現上述任意一項所述的前端開發環境的搭建方法。
前端開發環境的搭建方法、裝置、設備及存儲介質。背景技術:微服務是一種服務間松耦合的、每個服務之間高度自治并且使用輕量級協議進行通信的可持續集成部署的分布式架構體系。其可以采取較為典型的分布式結構,細分的部署粒度,服務的擴展性更為靈活。前端開發模式目前有兩種方式:其中的一種是,利用微服務體系實現各服務間隔離、自治,體現在工程中各服務模塊也相對獨有,在基于springcloud搭建的微服務平臺架構中,常用的是將每個模塊對應的前端資源放入對應的web模塊resources/static目錄下,通過maven將所有的模塊整合在一起,但是這樣所有的前端資源都分散在不同的jar包中,通過配置靜態資源路由來尋址這些資源,這導致前端開發環境是依賴java工程,可能會受到數據庫、中間件等環境的影響,并且資源加載順序無法控制,靜態資源無法熱更新,各模塊打包時所需的平臺資源和公共組件資源無法獲得,對于異構模塊需要將編譯后的代碼放入到web工程中才可以使用,而且異構系統在開發階段獲取不了平臺的資源環境等,這些都很大程度上影響了前端開發人員的工作環境與效率。另一種前端開發模式就是將前端工程完全獨有,將所有模塊的代碼都放在一個工程中。邦程為不同類型的客戶提供良好的互聯網應用定制解決方案,幫助客戶在新的全球化互聯網環境中保持優勢。
通過所述web微服務平臺化的前端開發框架預建立的前端工程模板創建前端平臺模塊,結合所述依賴關系搭建前端開發環境。需要說明的是,本實施例中的電子設備在具體實現時可以為服務器,也可以為pc機,還可以為其他設備,只要其結構中包括如圖6所示的處理器810、通信接口820、存儲器830和通信總線840,其中處理器810,通信接口820,存儲器830通過通信總線840完成相互間的通信,且處理器810可以調用存儲器830中的邏輯指令以執行上述方法即可。本實施例不對電子設備的具體實現形式進行限定。此外,上述的存儲器830中的邏輯指令可以通過軟件功能單元的形式實現并作為獨有的產品銷售或使用時,可以存儲在一個計算機可讀取存儲介質中?;谶@樣的理解,本發明的技術方案本質上或者說對現有技術做出貢獻的部分或者該技術方案的部分可以以軟件產品的形式體現出來,該計算機軟件產品存儲在一個存儲介質中,包括若干指令用以使得一臺計算機設備(可以是個人計算機,服務器,或者網絡設備等)執行本發明各個實施例所述方法的全部或部分步驟。而前述的存儲介質包括:u盤、移動硬盤、只讀存儲器(rom,read-onlymemory)、隨機存取存儲器。邦程科技專業網站后臺,為網站管理帶來福音;可需簡單交互,就能更新官網內容;一站更新。甘肅什么是技術搭建市場價
透過龐大的全球性商務網絡,面對面地向企業客戶提供全方面、標準化、一站式的IT應用服務和信息化解決方案。河北國際技術搭建優勢
無錫邦程信息科技有限公司專業從事網站建設、電商方及APP開發等業務,為客戶提供一站式品牌策劃、創意設計、開發及托管等服務。邦程科技視推動中國企業開展電子商務、實現信息化為己任;深入研究企業客戶的實際需要,開創性地建立了適合中小企業需要的IT應用服務運營模式;運用先進的信息技術搭建起一個適合企業業務和管理需要的應用服務平臺,并透過龐大的全球性商務網絡,面對面地向企業客戶提供全方面、標準化、一站式的IT應用服務和信息化解決方案。在項目過程中,邦程科技通過周密的策劃、深入的調查、理性的分析、精妙的創意、專業的實施,并同客戶的實際情況和具體需求進行良好結合,為不同類型的客戶提供質量的互聯網應用定制解決方案,幫助客戶在新的全球化互聯網環境中保持優勢。隨著物聯網、云計算、大數據、人工智能、移動互聯網等新一代信息技術的迅猛發展,賦能水務行業,智慧水務逐漸成為水務管理的新方向。智慧水務能為城市管理者提供各類決策支持,更好的做出水與城市、水與人口、水與GDP、水與災害控制的決定。海綿城市、流域水環境治理、河長制都屬于智慧水務在城市管理中的體現?,F在,人們都在提智慧,智慧城市、智慧交通、智慧教育等。河北國際技術搭建優勢
無錫邦程信息科技有限公司在同行業領域中,一直處在一個不斷銳意進取,不斷制造創新的市場高度,多年以來致力于發展富有創新價值理念的產品標準,在江蘇省等地區的商務服務中始終保持良好的商業口碑,成績讓我們喜悅,但不會讓我們止步,殘酷的市場磨煉了我們堅強不屈的意志,和諧溫馨的工作環境,富有營養的公司土壤滋養著我們不斷開拓創新,勇于進取的無限潛力,無錫邦程信息科技供應攜手大家一起走向共同輝煌的未來,回首過去,我們不會因為取得了一點點成績而沾沾自喜,相反的是面對競爭越來越激烈的市場氛圍,我們更要明確自己的不足,做好迎接新挑戰的準備,要不畏困難,激流勇進,以一個更嶄新的精神面貌迎接大家,共同走向輝煌回來!