也可發生于前端模塊的封裝過程中,即對所述靜態資源目錄和工程化相關文件進行定義后,結合所述資源文件封裝為所述前端模塊。在步驟130中,通過javascript包管理工具建立所述定義后的前端模塊的依賴關系;所述javascript包管理工具一般為npm包管理工具,通過調用npm包管理工具能夠將所述前端模塊存儲到web微服務平臺化的前端開發框架的相應存儲路徑。本步驟中,定義后的前端模塊中包括了靜態資源目錄和工程化相關文件,通過javascript包管理工具讀取所述靜態資源目錄可建立所述前端模塊的依賴關系,通過對所述。所述前端模塊可以為一種便于管理的模塊包文件,以通過所述javascript包管理工具進行管理。在步驟140中,通過所述web微服務平臺化的前端開發框架預建立的前端工程模板創建前端平臺模塊,結合所述依賴關系搭建前端開發環境。本發明實施例一種可行的實施方式中,所述web微服務平臺化的前端開發框架中預建立的工程模板為腳手架模板,通過所述腳手架模板以及對應的配置文件能夠獲取待用模板,根據所述待用模板以及所述依賴關系能夠快速搭建所需要的前端開發環境,定義后的封裝前端模塊,無須重復編譯開發在新的前端開發環境中即可直接調取使用。透過龐大的全球性商務網絡,面對面地向企業客戶提供全方面、標準化、一站式的IT應用服務和信息化解決方案。寧夏國際技術搭建有哪些
在傳統的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為平臺基礎模塊。寧夏什么是技術搭建好處無錫邦程信息科技有限公司,向廣大用戶提供好質量產品和好質量服務,從而贏得了用戶的信賴。
對所述定義后的前端模塊進行預編譯、打包和壓縮,并將壓縮后的前端模塊發送至包管理工具進行管理。結合上述說明,在本發明實例的另一種可能的實施方式中,對所述前端應用模塊所屬的前端模塊進行定義,還包括:對所述前端模塊的預編譯命令進行配置;和/或對所述前端模塊的資源映射進行配置。結合上述說明,在本發明實例的另一種可能的實施方式中,所述通過所述包管理工具建立所述定義后的前端模塊的依賴關系,包括:獲取所述前端模塊的應用模塊與組件間的一依賴關系;工程化相關文件獲取所述前端模塊的平臺模塊與應用模塊間的第二依賴關系;根據所述一依賴關系和所述第二依賴關系生成所述定義后的前端模塊的依賴關系。結合上述說明,在本發明實例的另一種可能的實施方式中,所述方法還包括:所述資源文件包括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。技術搭建,簡單易用的管理后臺,能實現多個平臺同步,實現真正高效管理網站。
app-client為業務子模塊,portal-client為業務平臺整合模塊。所述portal-client前端構建包括:通過內置命令對portal-client整體構建打包;通過內置命令發布portal-client和app-client至至npm私的服(前端模塊的管理平臺),可供其他平臺自由組合使用。所述portal-client前端開發配置包括:配置前端開發服務訪問端口;配置后端服務反向代理地址;配置mock服務訪問模式(mock-server、share-portal、dev-portal);配置平臺應用的裝載順序及應用的裝載模式;通過內置命令啟動前端開發服務;通過平臺具體場景及開發環境來配置個人的前端開發環境促進快速開發,聯調和測試。具體地,對前端工程portal-client和app-client的初始化,包括:使用管理工具yeoman中的portal-client腳手架創建平臺工程portal-client;配置應用依賴,到npm私的服(前端模塊的管理平臺)中已經存在的client模塊可以直接配置后裝載;使用yeoman中app-client腳手架創建應用工程app-client;配置應用構建模式及依賴組件;在portal-client中使用內置命令安裝client模塊(包含平臺工程內client及私的服上的client);通過腳手架快速創建工程,并且快速處理應用及組件依賴,構建好本地應用的開發環境。通過技術搭建為廣大用戶研發先進的信息技術搭建起一個適合企業業務和管理需要的應用服務平臺。山東營銷技術搭建信息中心
邦程專業領域包括網站建設、無錫網站優化、網站代運營、阿里巴巴代運營、百度愛采購代理商、移動營銷服務。寧夏國際技術搭建有哪些
所述模塊包文件為通過java語言編寫的java代碼形成的jar包,每一獨有形成的jar包可能用于實現某一功能或者應用。通過源工程獲取的資源文件,可以為html,js,css,img文件中的一種或兩種及以上的組合,例如通過java語言實現的jar,在jar包內可包括其對應的資源文件,可通過封裝的形式形成所述前端模塊,其它類型的資源文件可以為根據具體代碼封裝生成。本發明實施例的一種具體的實施場景中,所述前端資源文件還包括根據開發需求形成的資源文件,根據具體的開發需求可以實現資源文件的定制,進一步還可以實現對資源文件的平臺共享。在步驟120中,對所述前端應用模塊所屬的前端模塊進行定義,其中,所述定義包括對所述前端模塊的靜態資源目錄和工程化相關文件進行的配置;在步驟110中生成的前端模塊為基礎的客戶端模塊,其所形成的模塊中至少應包括靜態資源目錄和工程化相關文件,對靜態資源目錄和工程化相關文件進行的具體配置即為對所述前端模塊進行的定義。所述工程化相關文件為通過本發明的方法搭建的前端開發環境中,在開發過程中的工程所使用的工程化相關文件,其包括但不限于預編譯文件、模塊化打包文件以及壓縮文件等。本步驟中的定義。寧夏國際技術搭建有哪些
無錫邦程信息科技有限公司是一家有著雄厚實力背景、信譽可靠、勵精圖治、展望未來、有夢想有目標,有組織有體系的公司,堅持于帶領員工在未來的道路上大放光明,攜手共畫藍圖,在江蘇省等地區的商務服務行業中積累了大批忠誠的客戶粉絲源,也收獲了良好的用戶口碑,為公司的發展奠定的良好的行業基礎,也希望未來公司能成為*****,努力為行業領域的發展奉獻出自己的一份力量,我們相信精益求精的工作態度和不斷的完善創新理念以及自強不息,斗志昂揚的的企業精神將**無錫邦程信息科技供應和您一起攜手步入輝煌,共創佳績,一直以來,公司貫徹執行科學管理、創新發展、誠實守信的方針,員工精誠努力,協同奮取,以品質、服務來贏得市場,我們一直在路上!