在傳統的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為平臺基礎模塊。無錫邦程信息科技有限公司開,創性地建立了適合中小企業需要的IT應用服務運營模式。湖北網絡技術搭建如何收費
前端開發環境的搭建方法、裝置、設備及存儲介質。背景技術:微服務是一種服務間松耦合的、每個服務之間高度自治并且使用輕量級協議進行通信的可持續集成部署的分布式架構體系。其可以采取較為典型的分布式結構,細分的部署粒度,服務的擴展性更為靈活。前端開發模式目前有兩種方式:其中的一種是,利用微服務體系實現各服務間隔離、自治,體現在工程中各服務模塊也相對獨有,在基于springcloud搭建的微服務平臺架構中,常用的是將每個模塊對應的前端資源放入對應的web模塊resources/static目錄下,通過maven將所有的模塊整合在一起,但是這樣所有的前端資源都分散在不同的jar包中,通過配置靜態資源路由來尋址這些資源,這導致前端開發環境是依賴java工程,可能會受到數據庫、中間件等環境的影響,并且資源加載順序無法控制,靜態資源無法熱更新,各模塊打包時所需的平臺資源和公共組件資源無法獲得,對于異構模塊需要將編譯后的代碼放入到web工程中才可以使用,而且異構系統在開發階段獲取不了平臺的資源環境等,這些都很大程度上影響了前端開發人員的工作環境與效率。另一種前端開發模式就是將前端工程完全獨有,將所有模塊的代碼都放在一個工程中。山西智能化技術搭建信息中心邦程專業領域包括網站建設、無錫網站優化、網站代運營、阿里巴巴代運營、百度愛采購代理商、移動營銷服務。
ramrandomaccessmemory)、磁碟或者光盤等各種可以存儲程序代碼的介質。另一方面,本發明實施例還提供一種非暫態計算機可讀存儲介質,其上存儲有計算機程序,該計算機程序被處理器執行時實現以執行上述各實施例提供的傳輸方法,例如包括:通過web微服務平臺化預建立的前端應用工程模板創建前端應用模塊,在所述前端應用模塊加入前端資源文件,其中,所述前端資源文件包括源工程遷移的資源文件和根據開發需求形成的資源文件;對所述前端應用模塊所屬的前端模塊進行定義,其中,所述定義為對所述前端模塊的靜態資源目錄和工程化相關文件進行的配置;通過javascript包管理工具建立所述定義后的前端模塊的依賴關系;通過所述web微服務平臺化的前端開發框架預建立的前端工程模板創建前端平臺模塊,結合所述依賴關系搭建前端開發環境。以上所描述的裝置實施例可可是示意性的,其中所述作為分離部件說明的單元可以是或者也可以不是物理上分開的,作為單元顯示的部件可以是或者也可以不是物理單元,即可以位于一個地方,或者也可以分布到多個網絡單元上。可以根據實際的需要選擇其中的部分或者全部模塊來實現本實施例方案的目的。本領域普通技術人員在不付出創造性的勞動的情況下。
提供完全純粹的前端開發環境,但是這樣平臺無法對已有的模塊自由組合,缺少模塊的依賴管理,體系上也無法和后端的模塊對應上,這樣也不是我們所期望的結果。技術實現要素:鑒于上述的分析,本發明實施例旨在提供一種前端開發環境的搭建方法、裝置、設備及存儲介質,用以解決現有的前端開發過程中過于依賴后端工程的問題。一方面,本發明實施例提供了一種前端開發環境的搭建方法,所述方法包括:通過web微服務平臺化預建立的前端應用工程模板創建前端應用模塊,在所述前端應用模塊加入前端資源文件,其中,所述前端資源文件包括源工程遷移的資源文件和根據開發需求形成的資源文件;所述前端應用模塊所屬的前端模塊進行定義,其中,所述定義為對所述前端模塊的靜態資源目錄和工程化相關文件進行的配置;通過javascript包管理工具建立所述定義后的前端模塊的依賴關系;通過所述web微服務平臺化的前端開發框架預建立的前端工程模板創建前端平臺模塊,結合所述依賴關系搭建前端開發環境。結合上述說明,在本發明實例的另一種可能的實施方式中,所述方法還包括:讀取web微服務平臺化的前端開發框架的配置文件以獲取定義后的前端模塊。無錫邦程信息科技有限公司,向廣大用戶提供好質量產品和好質量服務,從而贏得了用戶的信賴。
其中的平臺基礎模塊內置多個基礎子模塊,包含前端開發服務和平臺基礎資源前端模塊的服務器路徑、資源路徑和模板路徑。本發明實施例一種可行的實施方式中,在前端開發環境搭建完成后的應用過程還包括:讀取web微服務平臺化的前端開發框架的配置文件以獲取定義后的前端模塊;對所述定義后的前端模塊進行預編譯、打包和壓縮,并將壓縮后的前端模塊發送至包管理工具進行管理。本發明實施例的一種實施場景中,在開發完成后平臺會針對client模塊進行預編譯、打包和壓縮,整個過程可由,gulp工具是基于流的前端構建工具:通過讀取平臺配置文件獲取所有的client模塊,獲取需要進行預編譯的模塊,使用node子進程進行預編譯處理;按照client模塊順序輸出靜態資源到dist目錄整合;獲取所有client模塊中指定的模塊化壓縮的入口,通過rjs進行模塊化壓縮輸出;后面獲得整合后的完整模塊包文件所表示的前端代碼。本發明實施例的實施場景中,開發人員在新的開發環境中能夠通過前端模塊快速獲取整合后的完整前端代碼,而且不需要關聯前端的具體工程,整個開發流程大為精簡。所述前端開發模塊用于前端開發,當開發完成后。通過技術搭建為廣大用戶研發先進的信息技術搭建起一個適合企業業務和管理需要的應用服務平臺。湖北企業技術搭建選擇
同客戶的實際情況和具體需求進行良好結合,為不同類型的客戶提供好品質的互聯網應用定制解決方案。湖北網絡技術搭建如何收費
本發明實施例另一種可行的實施方式中,在所述,亦可使用yeoman管理工具管理腳手架模板,yeoman是成熟的工程腳手架管理工具,能夠實現快速搭建開發環境。本發明實施例中所述腳手架模塊的意義主要為定義工程結構和基礎屬性設置,初始化之后,只需要將抽離出來的前端資源文件放置在對應的目錄中,然后在npm模塊入口文件中聲明前端模塊的靜態資源目錄和工程化相關(預編譯、模塊化打包壓縮等)配置,即可完成前端模塊的封裝。本發明實施例一種具體和實施場景中,所述前端模塊腳手架裝置的配置包括:使用yeoman管理腳手架模板,以快速搭建開發環境;創建portal-client(前端平臺模塊,屬于前端模塊中的平臺模塊)平臺腳手架,包含工程結構、基礎配置和內置腳本等;創建app-client(前端應用模塊,屬于前端模塊中的應用模塊)應用腳手架,包含工程結構、基礎配置和內置腳本等;擴展特殊應用腳手架,針對異構開發的兼容等;將腳手架發布至至npm私的服(前端模塊的管理平臺)進行管理。通過yeoman可以管理多種腳手架以適應不同的場景。本發明實施例一種可行的實施方式中,所述基于,定制之后的腳手架工具能夠快速生成相應的項目以提高開發效率。本發明的方法。湖北網絡技術搭建如何收費
無錫邦程信息科技有限公司是一家有著雄厚實力背景、信譽可靠、勵精圖治、展望未來、有夢想有目標,有組織有體系的公司,堅持于帶領員工在未來的道路上大放光明,攜手共畫藍圖,在江蘇省等地區的商務服務行業中積累了大批忠誠的客戶粉絲源,也收獲了良好的用戶口碑,為公司的發展奠定的良好的行業基礎,也希望未來公司能成為*****,努力為行業領域的發展奉獻出自己的一份力量,我們相信精益求精的工作態度和不斷的完善創新理念以及自強不息,斗志昂揚的的企業精神將**無錫邦程信息科技供應和您一起攜手步入輝煌,共創佳績,一直以來,公司貫徹執行科學管理、創新發展、誠實守信的方針,員工精誠努力,協同奮取,以品質、服務來贏得市場,我們一直在路上!