對(duì)所述定義后的前端模塊進(jìn)行預(yù)編譯、打包和壓縮,并將壓縮后的前端模塊發(fā)送至包管理工具進(jìn)行管理。結(jié)合上述說(shuō)明,在本發(fā)明實(shí)例的另一種可能的實(shí)施方式中,對(duì)所述前端應(yīng)用模塊所屬的前端模塊進(jìn)行定義,還包括:對(duì)所述前端模塊的預(yù)編譯命令進(jìn)行配置;和/或?qū)λ銮岸四K的資源映射進(jìn)行配置。結(jié)合上述說(shuō)明,在本發(fā)明實(shí)例的另一種可能的實(shí)施方式中,所述通過(guò)所述包管理工具建立所述定義后的前端模塊的依賴關(guān)系,包括:獲取所述前端模塊的應(yīng)用模塊與組件間的一依賴關(guān)系;工程化相關(guān)文件獲取所述前端模塊的平臺(tái)模塊與應(yīng)用模塊間的第二依賴關(guān)系;根據(jù)所述一依賴關(guān)系和所述第二依賴關(guān)系生成所述定義后的前端模塊的依賴關(guān)系。結(jié)合上述說(shuō)明,在本發(fā)明實(shí)例的另一種可能的實(shí)施方式中,所述方法還包括:所述資源文件包括html,js,css,img文件中的一種或兩種及以上的組合。結(jié)合上述說(shuō)明,在本發(fā)明實(shí)例的另一種可能的實(shí)施方式中,所述方法還包括:基于http-proxy實(shí)現(xiàn)所述前端模塊的服務(wù)接口調(diào)用。第二方面,本發(fā)明實(shí)施例還提供了一種前端開(kāi)發(fā)環(huán)境的搭建裝置,所述裝置包括:封裝單元,用于將模塊包文件從原代碼工程中抽離。同客戶的實(shí)際情況和具體需求進(jìn)行良好結(jié)合,為不同類型的客戶提供好品質(zhì)的互聯(lián)網(wǎng)應(yīng)用定制解決方案。湖南智能化技術(shù)搭建好處
基于微服務(wù)的完善前端開(kāi)發(fā)環(huán)境搭建完成之后,能夠?qū)崿F(xiàn)前端應(yīng)用的獨(dú)有解耦、前端依賴管理、純粹的開(kāi)發(fā)環(huán)境和平臺(tái)化工程化的管理。本領(lǐng)域技術(shù)人員可以理解,實(shí)現(xiàn)上述實(shí)施例方法的全部或部分流程,可以通過(guò)計(jì)算機(jī)程序來(lái)指令相關(guān)的硬件來(lái)完成,所述的程序可存儲(chǔ)于計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)中。其中,所述計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)為磁盤(pán)、光盤(pán)、只讀存儲(chǔ)記憶體或隨機(jī)存儲(chǔ)記憶體等。圖6示例了一種電子設(shè)備的實(shí)體結(jié)構(gòu)示意圖,如圖6所示,該電子設(shè)備可以包括:處理器(processor)810、通信接口(communicationsinterface)820、存儲(chǔ)器(memory)830和通信總線840,其中,處理器810,通信接口820,存儲(chǔ)器830通過(guò)通信總線840完成相互間的通信。處理器810可以調(diào)用存儲(chǔ)器830中的邏輯指令,以執(zhí)行如下方法:通過(guò)web微服務(wù)平臺(tái)化預(yù)建立的前端應(yīng)用工程模板創(chuàng)建前端應(yīng)用模塊,在所述前端應(yīng)用模塊加入前端資源文件,其中,所述前端資源文件包括源工程遷移的資源文件和根據(jù)開(kāi)發(fā)需求形成的資源文件;所述前端應(yīng)用模塊所屬的前端模塊進(jìn)行定義,其中,所述定義為對(duì)所述前端模塊的靜態(tài)資源目錄和工程化相關(guān)文件進(jìn)行的配置;通過(guò)javascript包管理工具建立所述定義后的前端模塊的依賴關(guān)系。河南哪里技術(shù)搭建信息中心無(wú)錫邦程信息科技有限公司,專業(yè)的幫助客戶在新的全球化互聯(lián)網(wǎng)環(huán)境中保持優(yōu)勢(shì)。
所述第二依賴關(guān)系可以為在新增前端模塊的web微服務(wù)環(huán)境中前端模塊與對(duì)應(yīng)的組件或?qū)?yīng)應(yīng)用之間的通信協(xié)議產(chǎn)生,所述一依賴關(guān)系與所述第二依賴關(guān)系之間可以互為補(bǔ)充,亦可為互為包含,通過(guò)根據(jù)所述一依賴關(guān)系和所述第二依賴關(guān)系生成所述定義后的前端模塊的依賴關(guān)系,能夠避免封裝后的前端模塊在配置時(shí)出現(xiàn)依賴偏差。本發(fā)明實(shí)施例的前端開(kāi)發(fā)環(huán)境搭建完成后,通過(guò)讀取平臺(tái)配置文件獲取所需要的client模塊,按照配置文件中的順序依次加載對(duì)應(yīng)的各模塊,然后獲取到各模塊的靜態(tài)資源路徑,將該路徑通過(guò)執(zhí)行,這樣就實(shí)現(xiàn)了結(jié)合上述依賴關(guān)系控制client模塊的靜態(tài)資源加載及相應(yīng)順序。在平臺(tái)與client模塊開(kāi)發(fā)過(guò)程中,還可以通過(guò)npmlink命令實(shí)現(xiàn)開(kāi)發(fā)的工程組下內(nèi)部模塊協(xié)同開(kāi)發(fā)的問(wèn)題,防止頻繁的發(fā)布和裝載。通過(guò)本發(fā)明實(shí)施例搭建的前端開(kāi)發(fā)環(huán)境,可以讓前端人員友好的控制及調(diào)試開(kāi)發(fā),不依賴任何后端服務(wù)、數(shù)據(jù)庫(kù)和中間件。本發(fā)明實(shí)施例一種可行的實(shí)施方式中,平臺(tái)提供的client模塊的模板可內(nèi)置多種命令完善前端工程化的結(jié)構(gòu)標(biāo)準(zhǔn)、代碼規(guī)范,例如editorconfig:同化編輯器之前差異;eslint:模塊包文件所表示的代碼校驗(yàn);prettier:美化代碼等。本發(fā)明實(shí)施例一種可行的實(shí)施方式中。
前端開(kāi)發(fā)環(huán)境的搭建方法、裝置、設(shè)備及存儲(chǔ)介質(zhì)。背景技術(shù):微服務(wù)是一種服務(wù)間松耦合的、每個(gè)服務(wù)之間高度自治并且使用輕量級(jí)協(xié)議進(jìn)行通信的可持續(xù)集成部署的分布式架構(gòu)體系。其可以采取較為典型的分布式結(jié)構(gòu),細(xì)分的部署粒度,服務(wù)的擴(kuò)展性更為靈活。前端開(kāi)發(fā)模式目前有兩種方式:其中的一種是,利用微服務(wù)體系實(shí)現(xiàn)各服務(wù)間隔離、自治,體現(xiàn)在工程中各服務(wù)模塊也相對(duì)獨(dú)有,在基于springcloud搭建的微服務(wù)平臺(tái)架構(gòu)中,常用的是將每個(gè)模塊對(duì)應(yīng)的前端資源放入對(duì)應(yīng)的web模塊resources/static目錄下,通過(guò)maven將所有的模塊整合在一起,但是這樣所有的前端資源都分散在不同的jar包中,通過(guò)配置靜態(tài)資源路由來(lái)尋址這些資源,這導(dǎo)致前端開(kāi)發(fā)環(huán)境是依賴java工程,可能會(huì)受到數(shù)據(jù)庫(kù)、中間件等環(huán)境的影響,并且資源加載順序無(wú)法控制,靜態(tài)資源無(wú)法熱更新,各模塊打包時(shí)所需的平臺(tái)資源和公共組件資源無(wú)法獲得,對(duì)于異構(gòu)模塊需要將編譯后的代碼放入到web工程中才可以使用,而且異構(gòu)系統(tǒng)在開(kāi)發(fā)階段獲取不了平臺(tái)的資源環(huán)境等,這些都很大程度上影響了前端開(kāi)發(fā)人員的工作環(huán)境與效率。另一種前端開(kāi)發(fā)模式就是將前端工程完全獨(dú)有,將所有模塊的代碼都放在一個(gè)工程中。無(wú)錫邦程信息科技有限公司開(kāi),創(chuàng)性地建立了適合中小企業(yè)需要的IT應(yīng)用服務(wù)運(yùn)營(yíng)模式。
通過(guò)web微服務(wù)平臺(tái)化的前端開(kāi)發(fā)框架的配置文件獲取開(kāi)發(fā)完成的前端模塊,對(duì)所述定義后的前端模塊進(jìn)行預(yù)編譯、打包和壓縮,并將壓縮后的前端模塊通過(guò)搭建企業(yè)內(nèi)部的npm倉(cāng)庫(kù),將前端模塊通過(guò)npm包管理工具的publish組件發(fā)布至搭建的至npm私的服(前端模塊的管理平臺(tái)),達(dá)到所有的client模塊進(jìn)行管理。本發(fā)明實(shí)施例的一種實(shí)施場(chǎng)景下,所述打包流程包括:利用,用gulp構(gòu)建任務(wù)監(jiān)控所有靜態(tài)資源、js、css、sass和html;一般地,具體步驟包括:清理輸出目錄;對(duì)于需要預(yù)編譯的模板進(jìn)行預(yù)編譯處理;整合平臺(tái)基礎(chǔ)依賴和應(yīng)用模塊的資源文件到整合目錄;整合應(yīng)用模塊配置的第三方資源文件到整合目錄;依據(jù)配置的js文件模塊化入口進(jìn)行模塊化文件合并;壓縮合并后的js模塊整合文件和css文件到輸出目錄;刪除整合目錄。本發(fā)明實(shí)施例一種可行的實(shí)施方式中,所述前端應(yīng)用模塊所屬的前端模塊進(jìn)行定義,還包括對(duì)前端模塊中的預(yù)編譯命令以及資源映射進(jìn)行配置,包括:對(duì)所述前端模塊的預(yù)編譯命令進(jìn)行配置;和/或?qū)λ銮岸四K的資源映射進(jìn)行配置。本發(fā)明實(shí)施例的一般應(yīng)用場(chǎng)景中,通過(guò)在定義client模塊時(shí)需要對(duì)所述前端模塊的靜態(tài)資源目錄、模塊化打包入口文件、預(yù)編譯命令、資源映射均進(jìn)行配置。通過(guò)技術(shù)搭建為廣大用戶研發(fā)先進(jìn)的信息技術(shù)搭建起一個(gè)適合企業(yè)業(yè)務(wù)和管理需要的應(yīng)用服務(wù)平臺(tái)。青海什么是技術(shù)搭建市場(chǎng)價(jià)
邦程科技視推動(dòng)中國(guó)企業(yè)開(kāi)展電子商務(wù)、實(shí)現(xiàn)信息化為己任;深入研究企業(yè)客戶的實(shí)際需要的網(wǎng)絡(luò)技術(shù)搭建。湖南智能化技術(shù)搭建好處
所述模塊包文件為通過(guò)java語(yǔ)言編寫(xiě)的java代碼形成的jar包,每一獨(dú)有形成的jar包可能用于實(shí)現(xiàn)某一功能或者應(yīng)用。通過(guò)源工程獲取的資源文件,可以為html,js,css,img文件中的一種或兩種及以上的組合,例如通過(guò)java語(yǔ)言實(shí)現(xiàn)的jar,在jar包內(nèi)可包括其對(duì)應(yīng)的資源文件,可通過(guò)封裝的形式形成所述前端模塊,其它類型的資源文件可以為根據(jù)具體代碼封裝生成。本發(fā)明實(shí)施例的一種具體的實(shí)施場(chǎng)景中,所述前端資源文件還包括根據(jù)開(kāi)發(fā)需求形成的資源文件,根據(jù)具體的開(kāi)發(fā)需求可以實(shí)現(xiàn)資源文件的定制,進(jìn)一步還可以實(shí)現(xiàn)對(duì)資源文件的平臺(tái)共享。在步驟120中,對(duì)所述前端應(yīng)用模塊所屬的前端模塊進(jìn)行定義,其中,所述定義包括對(duì)所述前端模塊的靜態(tài)資源目錄和工程化相關(guān)文件進(jìn)行的配置;在步驟110中生成的前端模塊為基礎(chǔ)的客戶端模塊,其所形成的模塊中至少應(yīng)包括靜態(tài)資源目錄和工程化相關(guān)文件,對(duì)靜態(tài)資源目錄和工程化相關(guān)文件進(jìn)行的具體配置即為對(duì)所述前端模塊進(jìn)行的定義。所述工程化相關(guān)文件為通過(guò)本發(fā)明的方法搭建的前端開(kāi)發(fā)環(huán)境中,在開(kāi)發(fā)過(guò)程中的工程所使用的工程化相關(guān)文件,其包括但不限于預(yù)編譯文件、模塊化打包文件以及壓縮文件等。本步驟中的定義。湖南智能化技術(shù)搭建好處
無(wú)錫邦程信息科技有限公司是一家有著雄厚實(shí)力背景、信譽(yù)可靠、勵(lì)精圖治、展望未來(lái)、有夢(mèng)想有目標(biāo),有組織有體系的公司,堅(jiān)持于帶領(lǐng)員工在未來(lái)的道路上大放光明,攜手共畫(huà)藍(lán)圖,在江蘇省等地區(qū)的商務(wù)服務(wù)行業(yè)中積累了大批忠誠(chéng)的客戶粉絲源,也收獲了良好的用戶口碑,為公司的發(fā)展奠定的良好的行業(yè)基礎(chǔ),也希望未來(lái)公司能成為*****,努力為行業(yè)領(lǐng)域的發(fā)展奉獻(xiàn)出自己的一份力量,我們相信精益求精的工作態(tài)度和不斷的完善創(chuàng)新理念以及自強(qiáng)不息,斗志昂揚(yáng)的的企業(yè)精神將**無(wú)錫邦程信息科技供應(yīng)和您一起攜手步入輝煌,共創(chuàng)佳績(jī),一直以來(lái),公司貫徹執(zhí)行科學(xué)管理、創(chuàng)新發(fā)展、誠(chéng)實(shí)守信的方針,員工精誠(chéng)努力,協(xié)同奮取,以品質(zhì)、服務(wù)來(lái)贏得市場(chǎng),我們一直在路上!