用于通過web微服務平臺化預建立的前端應用工程模板創建前端應用模塊,在所述前端應用模塊加入前端資源文件;其中的配置定義單元520,用于對所述前端應用模塊所屬的前端模塊進行定義,其中,所述定義包括對所述前端模塊的靜態資源目錄和工程化相關文件進行的配置;其中的依賴建立單元530,用于通過javascript包管理工具建立所述定義后的前端模塊的依賴關系;其中的環境搭建單元540,用于通過所述web微服務平臺化的前端開發框架預建立的前端工程模板創建前端平臺模塊,結合所述依賴關系搭建前端開發環境。本發明實施例一種可行的實施方式中,所述裝置還包括:讀取模塊,用于讀取web微服務平臺化的前端開發框架的配置文件以獲取定義后的前端模塊;管理模塊,用于對所述定義后的前端模塊進行預編譯、打包和壓縮,并將壓縮后的前端模塊發送至包管理工具進行管理。上述實施例中提供的前端開發環境的搭建裝置可執行本發明中任意實施例中所提供的前端開發環境的搭建方法,具備執行該方法相應的功能模塊和有益效果,未在上述實施例中詳細描述的技術細節,可參見本發明任意實施例中所提供的前端開發環境的搭建方法。通過本發明實施例提供的上述裝置和方法。技術搭建,簡單易用的管理后臺,能實現多個平臺同步,實現真正高效管理網站。吉林提供技術搭建包含
對所述定義后的前端模塊進行預編譯、打包和壓縮,并將壓縮后的前端模塊發送至包管理工具進行管理。結合上述說明,在本發明實例的另一種可能的實施方式中,對所述前端應用模塊所屬的前端模塊進行定義,還包括:對所述前端模塊的預編譯命令進行配置;和/或對所述前端模塊的資源映射進行配置。結合上述說明,在本發明實例的另一種可能的實施方式中,所述通過所述包管理工具建立所述定義后的前端模塊的依賴關系,包括:獲取所述前端模塊的應用模塊與組件間的一依賴關系;工程化相關文件獲取所述前端模塊的平臺模塊與應用模塊間的第二依賴關系;根據所述一依賴關系和所述第二依賴關系生成所述定義后的前端模塊的依賴關系。結合上述說明,在本發明實例的另一種可能的實施方式中,所述方法還包括:所述資源文件包括html,js,css,img文件中的一種或兩種及以上的組合。結合上述說明,在本發明實例的另一種可能的實施方式中,所述方法還包括:基于http-proxy實現所述前端模塊的服務接口調用。第二方面,本發明實施例還提供了一種前端開發環境的搭建裝置,所述裝置包括:封裝單元,用于將模塊包文件從原代碼工程中抽離。黑龍江提供技術搭建好處無錫邦程信息科技有限公司專業從事網站建設、電商方及APP開發等業務。
本發明通過將原工作的模塊包文件抽離封裝形成獨有的客戶端的形式,使得按照開發需求根據已形成的客戶端進行所需要的配置,根據不同的配置文件能夠形成不同的客戶端模塊,將所有需要的配置打包成一個模塊發布到管理平臺后開發人員能夠直接使用這些客戶端模塊。本發明解決了在非前后端分離開發過程中過于依賴后端環境的問題,降低了前端開發的難度,同時也解決了完全前后端分離下前端工程結構未能按模塊拆分過于耦合的問題。本發明中,上述各技術方案之間還可以相互組合,以實現更多的推薦組合方案。本發明的其他特征和優點將在隨后的說明書中闡述,并且,部分優點可從說明書中變得顯而易見,或者通過實施本發明而了解。本發明的目的和其他優點可通過說明書以及附圖中所特別指出的內容中來實現和獲得。具體實施方式為使本發明實施例的目的、技術方案和優點更加清楚,下面將結合本發明實施例中的附圖,對本發明實施例中的技術方案進行清楚、完整地描述,顯然,所描述的實施例是本發明一部分實施例,而不是全部的實施例。基于本發明中的實施例,本領域普通技術人員在沒有作出創造性勞動前提下所獲得的所有其他實施例,都屬于本發明保護的范圍。
基于微服務的完善前端開發環境搭建完成之后,能夠實現前端應用的獨有解耦、前端依賴管理、純粹的開發環境和平臺化工程化的管理。本領域技術人員可以理解,實現上述實施例方法的全部或部分流程,可以通過計算機程序來指令相關的硬件來完成,所述的程序可存儲于計算機可讀存儲介質中。其中,所述計算機可讀存儲介質為磁盤、光盤、只讀存儲記憶體或隨機存儲記憶體等。圖6示例了一種電子設備的實體結構示意圖,如圖6所示,該電子設備可以包括:處理器(processor)810、通信接口(communicationsinterface)820、存儲器(memory)830和通信總線840,其中,處理器810,通信接口820,存儲器830通過通信總線840完成相互間的通信。處理器810可以調用存儲器830中的邏輯指令,以執行如下方法:通過web微服務平臺化預建立的前端應用工程模板創建前端應用模塊,在所述前端應用模塊加入前端資源文件,其中,所述前端資源文件包括源工程遷移的資源文件和根據開發需求形成的資源文件;所述前端應用模塊所屬的前端模塊進行定義,其中,所述定義為對所述前端模塊的靜態資源目錄和工程化相關文件進行的配置;通過javascript包管理工具建立所述定義后的前端模塊的依賴關系。無錫邦程信息科技有限公司,向廣大用戶提供好質量產品和好質量服務,從而贏得了用戶的信賴。
所述第二依賴關系可以為在新增前端模塊的web微服務環境中前端模塊與對應的組件或對應應用之間的通信協議產生,所述一依賴關系與所述第二依賴關系之間可以互為補充,亦可為互為包含,通過根據所述一依賴關系和所述第二依賴關系生成所述定義后的前端模塊的依賴關系,能夠避免封裝后的前端模塊在配置時出現依賴偏差。本發明實施例的前端開發環境搭建完成后,通過讀取平臺配置文件獲取所需要的client模塊,按照配置文件中的順序依次加載對應的各模塊,然后獲取到各模塊的靜態資源路徑,將該路徑通過執行,這樣就實現了結合上述依賴關系控制client模塊的靜態資源加載及相應順序。在平臺與client模塊開發過程中,還可以通過npmlink命令實現開發的工程組下內部模塊協同開發的問題,防止頻繁的發布和裝載。通過本發明實施例搭建的前端開發環境,可以讓前端人員友好的控制及調試開發,不依賴任何后端服務、數據庫和中間件。本發明實施例一種可行的實施方式中,平臺提供的client模塊的模板可內置多種命令完善前端工程化的結構標準、代碼規范,例如editorconfig:同化編輯器之前差異;eslint:模塊包文件所表示的代碼校驗;prettier:美化代碼等。本發明實施例一種可行的實施方式中。邦程一直秉承專業、誠信、服務、進取的價值觀,堅持互聯網品牌設計經驗和整合營銷的理念。黑龍江提供技術搭建好處
無錫邦程信息科技有限公司專業從事網站建設、為客戶提供一站式品牌策劃、創意設計、開發及托管等服務。吉林提供技術搭建包含
也可發生于前端模塊的封裝過程中,即對所述靜態資源目錄和工程化相關文件進行定義后,結合所述資源文件封裝為所述前端模塊。在步驟130中,通過javascript包管理工具建立所述定義后的前端模塊的依賴關系;所述javascript包管理工具一般為npm包管理工具,通過調用npm包管理工具能夠將所述前端模塊存儲到web微服務平臺化的前端開發框架的相應存儲路徑。本步驟中,定義后的前端模塊中包括了靜態資源目錄和工程化相關文件,通過javascript包管理工具讀取所述靜態資源目錄可建立所述前端模塊的依賴關系,通過對所述。所述前端模塊可以為一種便于管理的模塊包文件,以通過所述javascript包管理工具進行管理。在步驟140中,通過所述web微服務平臺化的前端開發框架預建立的前端工程模板創建前端平臺模塊,結合所述依賴關系搭建前端開發環境。本發明實施例一種可行的實施方式中,所述web微服務平臺化的前端開發框架中預建立的工程模板為腳手架模板,通過所述腳手架模板以及對應的配置文件能夠獲取待用模板,根據所述待用模板以及所述依賴關系能夠快速搭建所需要的前端開發環境,定義后的封裝前端模塊,無須重復編譯開發在新的前端開發環境中即可直接調取使用。吉林提供技術搭建包含
無錫邦程信息科技有限公司是一家有著雄厚實力背景、信譽可靠、勵精圖治、展望未來、有夢想有目標,有組織有體系的公司,堅持于帶領員工在未來的道路上大放光明,攜手共畫藍圖,在江蘇省等地區的商務服務行業中積累了大批忠誠的客戶粉絲源,也收獲了良好的用戶口碑,為公司的發展奠定的良好的行業基礎,也希望未來公司能成為*****,努力為行業領域的發展奉獻出自己的一份力量,我們相信精益求精的工作態度和不斷的完善創新理念以及自強不息,斗志昂揚的的企業精神將**無錫邦程信息科技供應和您一起攜手步入輝煌,共創佳績,一直以來,公司貫徹執行科學管理、創新發展、誠實守信的方針,員工精誠努力,協同奮取,以品質、服務來贏得市場,我們一直在路上!