本發明涉及一種前端開發環境的搭建方法、裝置、設備及存儲介質,其主要運用于前端開發使用語言進行過渡的場景中,其基本思想是:將現有工程的資源文件及配置文件以及根據開發需求生成的配置資源文件等進行封裝形成前端模塊,該前端模塊包括前端平臺模塊以及前端應用模塊,其中的前端平臺模塊又包括前端基礎模塊,前端基礎模塊包括若干基礎子模塊,前端模塊中包括了前端應用模塊的依賴以及組件的依賴,將前端模塊發布后,開發人員能夠通過這種方式直接通過配置文件讀取這些前端模塊,而不再依賴于已編譯的后端工程文件,對于開發工作人員而言提供了一種新的前端開發環境以及一種新的前端開發環境的快速搭建方法。圖1為本發明實施例一提供的流程圖,本實施例可適用于對前端工程進行封裝以獨有進行配置的情況,該方法具體包括如下步驟:在步驟110中,通過web微服務平臺化預建立的前端應用工程模板創建前端應用模塊,在所述前端應用模塊加入前端資源文件,其中,所述前端資源文件包括源工程遷移的資源文件和根據開發需求形成的資源文件;本發明實施例一種可行的實施方式中,所述源工程可以為在開發過程中的原java環境中的java工程。無錫邦程信息科技有限公司,向廣大用戶提供好質量產品和好質量服務,從而贏得了用戶的信賴。四川輔助技術搭建便捷
并將每一段獨有的抽離后的模塊包文件發送至web微服務平臺化的前端開發框架,以生成對應的前端模塊;配置定義單元,用于對所述前端應用模塊所屬的前端模塊進行定義,其中,所述定義包括對所述前端模塊的靜態資源目錄和工程化相關文件進行的配置;依賴建立單元,用于通過javascript包管理工具建立所述定義后的前端模塊的依賴關系;環境搭建單元,用于從所述web微服務平臺化的前端開發框架中預建立的工程模板中獲取待搭建環境的待用模板,根據待用模板以及所述依賴關系搭建前端開發環境。上述的裝置,所述裝置還包括:讀取模塊,用于讀取web微服務平臺化的前端開發框架的配置文件以獲取定義后的前端模塊;管理模塊,用于對所述定義后的前端模塊進行預編譯、打包和壓縮,并將壓縮后的前端模塊發送至包管理工具進行管理。第三方面,本發明還提供了一種電子設備,所述電子設備包括:處理器;用于存儲處理器可執行的指令的存儲器;其中,所述存儲器被配置為用以實施上述的前端開發環境的搭建方法。第四方面,本發明還提供了一種非易失性計算機可讀存儲介質,其上存儲有計算機程序指令,所述計算機程序指令被處理器執行時實現上述任意一項所述的前端開發環境的搭建方法。天津提供技術搭建包含無錫邦程信息科技有限公司專業從事網站建設、為客戶提供一站式品牌策劃、創意設計、開發及托管等服務。
前端開發環境的搭建方法、裝置、設備及存儲介質。背景技術:微服務是一種服務間松耦合的、每個服務之間高度自治并且使用輕量級協議進行通信的可持續集成部署的分布式架構體系。其可以采取較為典型的分布式結構,細分的部署粒度,服務的擴展性更為靈活。前端開發模式目前有兩種方式:其中的一種是,利用微服務體系實現各服務間隔離、自治,體現在工程中各服務模塊也相對獨有,在基于springcloud搭建的微服務平臺架構中,常用的是將每個模塊對應的前端資源放入對應的web模塊resources/static目錄下,通過maven將所有的模塊整合在一起,但是這樣所有的前端資源都分散在不同的jar包中,通過配置靜態資源路由來尋址這些資源,這導致前端開發環境是依賴java工程,可能會受到數據庫、中間件等環境的影響,并且資源加載順序無法控制,靜態資源無法熱更新,各模塊打包時所需的平臺資源和公共組件資源無法獲得,對于異構模塊需要將編譯后的代碼放入到web工程中才可以使用,而且異構系統在開發階段獲取不了平臺的資源環境等,這些都很大程度上影響了前端開發人員的工作環境與效率。另一種前端開發模式就是將前端工程完全獨有,將所有模塊的代碼都放在一個工程中。
本發明實施例另一種可行的實施方式中,在所述,亦可使用yeoman管理工具管理腳手架模板,yeoman是成熟的工程腳手架管理工具,能夠實現快速搭建開發環境。本發明實施例中所述腳手架模塊的意義主要為定義工程結構和基礎屬性設置,初始化之后,只需要將抽離出來的前端資源文件放置在對應的目錄中,然后在npm模塊入口文件中聲明前端模塊的靜態資源目錄和工程化相關(預編譯、模塊化打包壓縮等)配置,即可完成前端模塊的封裝。本發明實施例一種具體和實施場景中,所述前端模塊腳手架裝置的配置包括:使用yeoman管理腳手架模板,以快速搭建開發環境;創建portal-client(前端平臺模塊,屬于前端模塊中的平臺模塊)平臺腳手架,包含工程結構、基礎配置和內置腳本等;創建app-client(前端應用模塊,屬于前端模塊中的應用模塊)應用腳手架,包含工程結構、基礎配置和內置腳本等;擴展特殊應用腳手架,針對異構開發的兼容等;將腳手架發布至至npm私的服(前端模塊的管理平臺)進行管理。通過yeoman可以管理多種腳手架以適應不同的場景。本發明實施例一種可行的實施方式中,所述基于,定制之后的腳手架工具能夠快速生成相應的項目以提高開發效率。本發明的方法。同客戶的實際情況和具體需求進行良好結合,為不同類型的客戶提供好品質的互聯網應用定制解決方案。
也可發生于前端模塊的封裝過程中,即對所述靜態資源目錄和工程化相關文件進行定義后,結合所述資源文件封裝為所述前端模塊。在步驟130中,通過javascript包管理工具建立所述定義后的前端模塊的依賴關系;所述javascript包管理工具一般為npm包管理工具,通過調用npm包管理工具能夠將所述前端模塊存儲到web微服務平臺化的前端開發框架的相應存儲路徑。本步驟中,定義后的前端模塊中包括了靜態資源目錄和工程化相關文件,通過javascript包管理工具讀取所述靜態資源目錄可建立所述前端模塊的依賴關系,通過對所述。所述前端模塊可以為一種便于管理的模塊包文件,以通過所述javascript包管理工具進行管理。在步驟140中,通過所述web微服務平臺化的前端開發框架預建立的前端工程模板創建前端平臺模塊,結合所述依賴關系搭建前端開發環境。本發明實施例一種可行的實施方式中,所述web微服務平臺化的前端開發框架中預建立的工程模板為腳手架模板,通過所述腳手架模板以及對應的配置文件能夠獲取待用模板,根據所述待用模板以及所述依賴關系能夠快速搭建所需要的前端開發環境,定義后的封裝前端模塊,無須重復編譯開發在新的前端開發環境中即可直接調取使用。透過龐大的全球性商務網絡,面對面地向企業客戶提供全方面、標準化、一站式的IT應用服務和信息化解決方案。遼寧輔助技術搭建怎么樣
邦程科技通過周密的策劃、深入的調查、理性的分析、精妙的創意、專業的實施。四川輔助技術搭建便捷
所述模塊包文件為通過java語言編寫的java代碼形成的jar包,每一獨有形成的jar包可能用于實現某一功能或者應用。通過源工程獲取的資源文件,可以為html,js,css,img文件中的一種或兩種及以上的組合,例如通過java語言實現的jar,在jar包內可包括其對應的資源文件,可通過封裝的形式形成所述前端模塊,其它類型的資源文件可以為根據具體代碼封裝生成。本發明實施例的一種具體的實施場景中,所述前端資源文件還包括根據開發需求形成的資源文件,根據具體的開發需求可以實現資源文件的定制,進一步還可以實現對資源文件的平臺共享。在步驟120中,對所述前端應用模塊所屬的前端模塊進行定義,其中,所述定義包括對所述前端模塊的靜態資源目錄和工程化相關文件進行的配置;在步驟110中生成的前端模塊為基礎的客戶端模塊,其所形成的模塊中至少應包括靜態資源目錄和工程化相關文件,對靜態資源目錄和工程化相關文件進行的具體配置即為對所述前端模塊進行的定義。所述工程化相關文件為通過本發明的方法搭建的前端開發環境中,在開發過程中的工程所使用的工程化相關文件,其包括但不限于預編譯文件、模塊化打包文件以及壓縮文件等。本步驟中的定義。四川輔助技術搭建便捷
無錫邦程信息科技有限公司是一家有著雄厚實力背景、信譽可靠、勵精圖治、展望未來、有夢想有目標,有組織有體系的公司,堅持于帶領員工在未來的道路上大放光明,攜手共畫藍圖,在江蘇省等地區的商務服務行業中積累了大批忠誠的客戶粉絲源,也收獲了良好的用戶口碑,為公司的發展奠定的良好的行業基礎,也希望未來公司能成為*****,努力為行業領域的發展奉獻出自己的一份力量,我們相信精益求精的工作態度和不斷的完善創新理念以及自強不息,斗志昂揚的的企業精神將**無錫邦程信息科技供應和您一起攜手步入輝煌,共創佳績,一直以來,公司貫徹執行科學管理、創新發展、誠實守信的方針,員工精誠努力,協同奮取,以品質、服務來贏得市場,我們一直在路上!