對所述定義后的前端模塊進行預編譯、打包和壓縮,并將壓縮后的前端模塊發送至包管理工具進行管理。結合上述說明,在本發明實例的另一種可能的實施方式中,對所述前端應用模塊所屬的前端模塊進行定義,還包括:對所述前端模塊的預編譯命令進行配置;和/或對所述前端模塊的資源映射進行配置。結合上述說明,在本發明實例的另一種可能的實施方式中,所述通過所述包管理工具建立所述定義后的前端模塊的依賴關系,包括:獲取所述前端模塊的應用模塊與組件間的一依賴關系;工程化相關文件獲取所述前端模塊的平臺模塊與應用模塊間的第二依賴關系;根據所述一依賴關系和所述第二依賴關系生成所述定義后的前端模塊的依賴關系。結合上述說明,在本發明實例的另一種可能的實施方式中,所述方法還包括:所述資源文件包括html,js,css,img文件中的一種或兩種及以上的組合。結合上述說明,在本發明實例的另一種可能的實施方式中,所述方法還包括:基于http-proxy實現所述前端模塊的服務接口調用。第二方面,本發明實施例還提供了一種前端開發環境的搭建裝置,所述裝置包括:封裝單元,用于將模塊包文件從原代碼工程中抽離。技術搭建,簡單易用的管理后臺,能實現多個平臺同步,實現真正高效管理網站。湖北貿易技術搭建好處
所述方法還包括基于http-proxy(代理服務器)實現所述前端模塊的服務接口調用。本發明實施例一種可行的實施方式中,通過,代理地址可以在配置文件中進行配置。配置文件中可以指定mock類型、服務地址及規則,mock的實現也是http-proxy代理實現。對于需要預編譯client模塊的開發環境集成,需要配置文件中指定client模塊的開發服務地址及靜態資源映射路徑,然后亦可通過http-proxy來代理這些資源路徑。前端模塊在開發中調用服務接口的方式包括以下幾種,其均主要基于node的http-proxy來實現:指定的mockserver公用的后臺服務;指定的后臺開發人員的服務,web微服務平臺化的前端開發框架提供了本地緩存,可以將請求過的接口數據進行緩存,在前端完全隔離的情況下使用內置緩存數據進行開發。圖5為本發明實施例提供的一種前端開發環境的搭建裝置的結構示意圖,該裝置可由軟件和/或硬件實現,一般地集成于服務器中,可通過前端開發環境的搭建方法來實現。如圖所示,本實施例可以以上述實施例為基礎,提供了一種前端開發環境的搭建裝置,其主要包括了封裝單元510、配置定義單元520、依賴建立單元530以及環境搭建單元540。其中的封裝單元510。河北營銷技術搭建好處邦程一直秉承專業、誠信、服務、進取的價值觀,堅持互聯網品牌設計經驗和整合營銷的理念。
在傳統的web應用開發的基礎結構,例如api、web和server結構的web微服務平臺化的前端開發框架基礎上增加了新的前端模塊,結合圖2所示,為本發明的實施例的模塊結構劃分示意圖,其中的前端模塊為現有的api、web和server的基礎上增加的client模塊(前端模塊),從圖中可以看出,所述前端模塊與原有的java工程完全解耦,使得前端模塊在web微服務平臺化的前端開發框架中擁有更靈活的應用以及更多創造性應用。結合圖3所示,為本發明的前端模塊在web微服務平臺化的前端開發框架下的前端模塊的工程結構,其中,前端工程結構是基于npm的模塊化管理實現,工程結構與模塊劃分也更加清晰,結合圖2及圖3所示,前端平臺模塊包括若干平臺基礎模塊,每一平臺基礎模塊又包括若干平臺基礎子模塊,各模塊之間的關系亦可包括前端開發環境搭建所需要的依賴關系。結合圖3所示,本發明實施例一種可行的實施方式中,所述前端模塊的管理單元為npm私的服,可通過nexus來搭建npm私的服,client模塊可以發布至私的服后供其他需要的平臺下載,進而提供前端模塊、應用和組件的依賴管理。結合圖3所示,封裝后的前端模塊中的base-client為前端基礎子模塊;starter-portal-client為平臺基礎模塊。
提供完全純粹的前端開發環境,但是這樣平臺無法對已有的模塊自由組合,缺少模塊的依賴管理,體系上也無法和后端的模塊對應上,這樣也不是我們所期望的結果。技術實現要素:鑒于上述的分析,本發明實施例旨在提供一種前端開發環境的搭建方法、裝置、設備及存儲介質,用以解決現有的前端開發過程中過于依賴后端工程的問題。一方面,本發明實施例提供了一種前端開發環境的搭建方法,所述方法包括:通過web微服務平臺化預建立的前端應用工程模板創建前端應用模塊,在所述前端應用模塊加入前端資源文件,其中,所述前端資源文件包括源工程遷移的資源文件和根據開發需求形成的資源文件;所述前端應用模塊所屬的前端模塊進行定義,其中,所述定義為對所述前端模塊的靜態資源目錄和工程化相關文件進行的配置;通過javascript包管理工具建立所述定義后的前端模塊的依賴關系;通過所述web微服務平臺化的前端開發框架預建立的前端工程模板創建前端平臺模塊,結合所述依賴關系搭建前端開發環境。結合上述說明,在本發明實例的另一種可能的實施方式中,所述方法還包括:讀取web微服務平臺化的前端開發框架的配置文件以獲取定義后的前端模塊。無錫邦程信息科技有限公司,專業的幫助客戶在新的全球化互聯網環境中保持優勢。
前端開發環境的搭建方法、裝置、設備及存儲介質。背景技術:微服務是一種服務間松耦合的、每個服務之間高度自治并且使用輕量級協議進行通信的可持續集成部署的分布式架構體系。其可以采取較為典型的分布式結構,細分的部署粒度,服務的擴展性更為靈活。前端開發模式目前有兩種方式:其中的一種是,利用微服務體系實現各服務間隔離、自治,體現在工程中各服務模塊也相對獨有,在基于springcloud搭建的微服務平臺架構中,常用的是將每個模塊對應的前端資源放入對應的web模塊resources/static目錄下,通過maven將所有的模塊整合在一起,但是這樣所有的前端資源都分散在不同的jar包中,通過配置靜態資源路由來尋址這些資源,這導致前端開發環境是依賴java工程,可能會受到數據庫、中間件等環境的影響,并且資源加載順序無法控制,靜態資源無法熱更新,各模塊打包時所需的平臺資源和公共組件資源無法獲得,對于異構模塊需要將編譯后的代碼放入到web工程中才可以使用,而且異構系統在開發階段獲取不了平臺的資源環境等,這些都很大程度上影響了前端開發人員的工作環境與效率。另一種前端開發模式就是將前端工程完全獨有,將所有模塊的代碼都放在一個工程中。無錫邦程信息科技有限公司,向廣大用戶提供好質量產品和好質量服務,從而贏得了用戶的信賴。山西企業技術搭建便捷
透過龐大的全球性商務網絡,面對面地向企業客戶提供全方面、標準化、一站式的IT應用服務和信息化解決方案。湖北貿易技術搭建好處
是一家以品牌策劃,創意設計,開發及托管等服務等的私營獨資企業的公司,我公司主要以服務型為主導,把握商務服務行業的需求,為客戶提供穩定、可靠的產品解決方案。我們認為給合作伙伴創造價值,并以誠實、寬容、用心的服務作為要求,通過自主和真誠合作為商務服務行業帶來品牌策劃,創意設計,開發及托管等服務更好的產品及服務。 品牌策劃,創意設計,開發及托管等服務會根據客戶的實際情況和具體需求進行良好結合,為不同類型的客戶提供較佳的行業應用定制解決方案,給予用戶更好的產品及服務 。自成立以來推動國內企業商務服務行業發展,深入研究企業客戶的實際需要,開創性地建立了適合行業各類型用戶需要的服務運營模式,為客戶提供品牌策劃,創意設計,開發及托管等服務等多樣化的產品。湖北貿易技術搭建好處
無錫邦程信息科技有限公司是一家有著先進的發展理念,先進的管理經驗,在發展過程中不斷完善自己,要求自己,不斷創新,時刻準備著迎接更多挑戰的活力公司,在江蘇省等地區的商務服務中匯聚了大量的人脈以及**,在業界也收獲了很多良好的評價,這些都源自于自身的努力和大家共同進步的結果,這些評價對我們而言是比較好的前進動力,也促使我們在以后的道路上保持奮發圖強、一往無前的進取創新精神,努力把公司發展戰略推向一個新高度,在全體員工共同努力之下,全力拼搏將共同無錫邦程信息科技供應和您一起攜手走向更好的未來,創造更有價值的產品,我們將以更好的狀態,更認真的態度,更飽滿的精力去創造,去拼搏,去努力,讓我們一起更好更快的成長!