基于微服務(wù)的完善前端開發(fā)環(huán)境搭建完成之后,能夠?qū)崿F(xiàn)前端應(yīng)用的獨(dú)有解耦、前端依賴管理、純粹的開發(fā)環(huán)境和平臺(tái)化工程化的管理。本領(lǐng)域技術(shù)人員可以理解,實(shí)現(xiàn)上述實(shí)施例方法的全部或部分流程,可以通過計(jì)算機(jī)程序來指令相關(guān)的硬件來完成,所述的程序可存儲(chǔ)于計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)中。其中,所述計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)為磁盤、光盤、只讀存儲(chǔ)記憶體或隨機(jī)存儲(chǔ)記憶體等。圖6示例了一種電子設(shè)備的實(shí)體結(jié)構(gòu)示意圖,如圖6所示,該電子設(shè)備可以包括:處理器(processor)810、通信接口(communicationsinterface)820、存儲(chǔ)器(memory)830和通信總線840,其中,處理器810,通信接口820,存儲(chǔ)器830通過通信總線840完成相互間的通信。處理器810可以調(diào)用存儲(chǔ)器830中的邏輯指令,以執(zhí)行如下方法:通過web微服務(wù)平臺(tái)化預(yù)建立的前端應(yīng)用工程模板創(chuàng)建前端應(yīng)用模塊,在所述前端應(yīng)用模塊加入前端資源文件,其中,所述前端資源文件包括源工程遷移的資源文件和根據(jù)開發(fā)需求形成的資源文件;所述前端應(yīng)用模塊所屬的前端模塊進(jìn)行定義,其中,所述定義為對(duì)所述前端模塊的靜態(tài)資源目錄和工程化相關(guān)文件進(jìn)行的配置;通過javascript包管理工具建立所述定義后的前端模塊的依賴關(guān)系。透過龐大的全球性商務(wù)網(wǎng)絡(luò),面對(duì)面地向企業(yè)客戶提供全方面、標(biāo)準(zhǔn)化、一站式的IT應(yīng)用服務(wù)和信息化解決方案。廣東哪里技術(shù)搭建有哪些
所述方法還包括基于http-proxy(代理服務(wù)器)實(shí)現(xiàn)所述前端模塊的服務(wù)接口調(diào)用。本發(fā)明實(shí)施例一種可行的實(shí)施方式中,通過,代理地址可以在配置文件中進(jìn)行配置。配置文件中可以指定mock類型、服務(wù)地址及規(guī)則,mock的實(shí)現(xiàn)也是http-proxy代理實(shí)現(xiàn)。對(duì)于需要預(yù)編譯client模塊的開發(fā)環(huán)境集成,需要配置文件中指定client模塊的開發(fā)服務(wù)地址及靜態(tài)資源映射路徑,然后亦可通過http-proxy來代理這些資源路徑。前端模塊在開發(fā)中調(diào)用服務(wù)接口的方式包括以下幾種,其均主要基于node的http-proxy來實(shí)現(xiàn):指定的mockserver公用的后臺(tái)服務(wù);指定的后臺(tái)開發(fā)人員的服務(wù),web微服務(wù)平臺(tái)化的前端開發(fā)框架提供了本地緩存,可以將請(qǐng)求過的接口數(shù)據(jù)進(jìn)行緩存,在前端完全隔離的情況下使用內(nèi)置緩存數(shù)據(jù)進(jìn)行開發(fā)。圖5為本發(fā)明實(shí)施例提供的一種前端開發(fā)環(huán)境的搭建裝置的結(jié)構(gòu)示意圖,該裝置可由軟件和/或硬件實(shí)現(xiàn),一般地集成于服務(wù)器中,可通過前端開發(fā)環(huán)境的搭建方法來實(shí)現(xiàn)。如圖所示,本實(shí)施例可以以上述實(shí)施例為基礎(chǔ),提供了一種前端開發(fā)環(huán)境的搭建裝置,其主要包括了封裝單元510、配置定義單元520、依賴建立單元530以及環(huán)境搭建單元540。其中的封裝單元510。廣東哪里技術(shù)搭建有哪些邦程科技視推動(dòng)中國(guó)企業(yè)開展電子商務(wù)、實(shí)現(xiàn)信息化為己任;深入研究企業(yè)客戶的實(shí)際需要的網(wǎng)絡(luò)技術(shù)搭建。
通過在前端模塊接入web微服務(wù)平臺(tái)化的前端開發(fā)框架的入口文件中增加相應(yīng)的申明(以定義的方式或修改屬性參數(shù)的方式進(jìn)行)的方式,使得前端模塊在,因此通過搭建企業(yè)內(nèi)部的npm倉庫,將前端模塊的各client模塊通過npmpublish發(fā)布至搭建的新的前端開發(fā)環(huán)境,達(dá)到所有的client前端模塊進(jìn)行管理的效果。本發(fā)明實(shí)施例一種可行的實(shí)施方式中,所述通過所述包管理工具建立所述定義后的前端模塊的依賴關(guān)系,包括:在步驟410中,獲取所述前端模塊的應(yīng)用模塊與組件間的一依賴關(guān)系;所述一依賴關(guān)系為所述模塊包文件(具體為業(yè)務(wù)子模塊)在工程中所體現(xiàn)的應(yīng)用模塊與組件之間的依賴關(guān)系,其一般可通過資源映射的方式體現(xiàn),所述一依賴關(guān)系一般為原web微服務(wù)環(huán)境中模塊包文件與web微服務(wù)之間的通信協(xié)議產(chǎn)生的,亦可通過調(diào)取資源映射文件的方式調(diào)取。在步驟420中,工程化相關(guān)文件獲取所述前端模塊的平臺(tái)模塊與應(yīng)用模塊間的第二依賴關(guān)系;在步驟430中,根據(jù)所述一依賴關(guān)系和所述第二依賴關(guān)系生成所述定義后的前端模塊的依賴關(guān)系。所述第二依賴關(guān)系為模塊包文件具體為平臺(tái)業(yè)務(wù)模塊與對(duì)應(yīng)的應(yīng)用模塊之間的對(duì)應(yīng)關(guān)系,其一般地可在封裝的配置文件中體現(xiàn)。
所述第二依賴關(guān)系可以為在新增前端模塊的web微服務(wù)環(huán)境中前端模塊與對(duì)應(yīng)的組件或?qū)?yīng)應(yīng)用之間的通信協(xié)議產(chǎn)生,所述一依賴關(guān)系與所述第二依賴關(guān)系之間可以互為補(bǔ)充,亦可為互為包含,通過根據(jù)所述一依賴關(guān)系和所述第二依賴關(guān)系生成所述定義后的前端模塊的依賴關(guān)系,能夠避免封裝后的前端模塊在配置時(shí)出現(xiàn)依賴偏差。本發(fā)明實(shí)施例的前端開發(fā)環(huán)境搭建完成后,通過讀取平臺(tái)配置文件獲取所需要的client模塊,按照配置文件中的順序依次加載對(duì)應(yīng)的各模塊,然后獲取到各模塊的靜態(tài)資源路徑,將該路徑通過執(zhí)行,這樣就實(shí)現(xiàn)了結(jié)合上述依賴關(guān)系控制client模塊的靜態(tài)資源加載及相應(yīng)順序。在平臺(tái)與client模塊開發(fā)過程中,還可以通過npmlink命令實(shí)現(xiàn)開發(fā)的工程組下內(nèi)部模塊協(xié)同開發(fā)的問題,防止頻繁的發(fā)布和裝載。通過本發(fā)明實(shí)施例搭建的前端開發(fā)環(huán)境,可以讓前端人員友好的控制及調(diào)試開發(fā),不依賴任何后端服務(wù)、數(shù)據(jù)庫和中間件。本發(fā)明實(shí)施例一種可行的實(shí)施方式中,平臺(tái)提供的client模塊的模板可內(nèi)置多種命令完善前端工程化的結(jié)構(gòu)標(biāo)準(zhǔn)、代碼規(guī)范,例如editorconfig:同化編輯器之前差異;eslint:模塊包文件所表示的代碼校驗(yàn);prettier:美化代碼等。本發(fā)明實(shí)施例一種可行的實(shí)施方式中。無錫邦程信息科技有限公司,向廣大用戶提供好質(zhì)量產(chǎn)品和好質(zhì)量服務(wù),從而贏得了用戶的信賴。
也可發(fā)生于前端模塊的封裝過程中,即對(duì)所述靜態(tài)資源目錄和工程化相關(guān)文件進(jìn)行定義后,結(jié)合所述資源文件封裝為所述前端模塊。在步驟130中,通過javascript包管理工具建立所述定義后的前端模塊的依賴關(guān)系;所述javascript包管理工具一般為npm包管理工具,通過調(diào)用npm包管理工具能夠?qū)⑺銮岸四K存儲(chǔ)到web微服務(wù)平臺(tái)化的前端開發(fā)框架的相應(yīng)存儲(chǔ)路徑。本步驟中,定義后的前端模塊中包括了靜態(tài)資源目錄和工程化相關(guān)文件,通過javascript包管理工具讀取所述靜態(tài)資源目錄可建立所述前端模塊的依賴關(guān)系,通過對(duì)所述。所述前端模塊可以為一種便于管理的模塊包文件,以通過所述javascript包管理工具進(jìn)行管理。在步驟140中,通過所述web微服務(wù)平臺(tái)化的前端開發(fā)框架預(yù)建立的前端工程模板創(chuàng)建前端平臺(tái)模塊,結(jié)合所述依賴關(guān)系搭建前端開發(fā)環(huán)境。本發(fā)明實(shí)施例一種可行的實(shí)施方式中,所述web微服務(wù)平臺(tái)化的前端開發(fā)框架中預(yù)建立的工程模板為腳手架模板,通過所述腳手架模板以及對(duì)應(yīng)的配置文件能夠獲取待用模板,根據(jù)所述待用模板以及所述依賴關(guān)系能夠快速搭建所需要的前端開發(fā)環(huán)境,定義后的封裝前端模塊,無須重復(fù)編譯開發(fā)在新的前端開發(fā)環(huán)境中即可直接調(diào)取使用。同客戶的實(shí)際情況和具體需求進(jìn)行良好結(jié)合,為不同類型的客戶提供好品質(zhì)的互聯(lián)網(wǎng)應(yīng)用定制解決方案。河北網(wǎng)絡(luò)營(yíng)銷技術(shù)搭建如何收費(fèi)
邦程專業(yè)領(lǐng)域包括網(wǎng)站建設(shè)、無錫網(wǎng)站優(yōu)化、網(wǎng)站代運(yùn)營(yíng)、阿里巴巴代運(yùn)營(yíng)、百度愛采購代理商、移動(dòng)營(yíng)銷服務(wù)。廣東哪里技術(shù)搭建有哪些
所述模塊包文件為通過java語言編寫的java代碼形成的jar包,每一獨(dú)有形成的jar包可能用于實(shí)現(xiàn)某一功能或者應(yīng)用。通過源工程獲取的資源文件,可以為html,js,css,img文件中的一種或兩種及以上的組合,例如通過java語言實(shí)現(xiàn)的jar,在jar包內(nèi)可包括其對(duì)應(yīng)的資源文件,可通過封裝的形式形成所述前端模塊,其它類型的資源文件可以為根據(jù)具體代碼封裝生成。本發(fā)明實(shí)施例的一種具體的實(shí)施場(chǎng)景中,所述前端資源文件還包括根據(jù)開發(fā)需求形成的資源文件,根據(jù)具體的開發(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)文件為通過本發(fā)明的方法搭建的前端開發(fā)環(huán)境中,在開發(fā)過程中的工程所使用的工程化相關(guān)文件,其包括但不限于預(yù)編譯文件、模塊化打包文件以及壓縮文件等。本步驟中的定義。廣東哪里技術(shù)搭建有哪些
無錫邦程信息科技有限公司是一家有著先進(jìn)的發(fā)展理念,先進(jìn)的管理經(jīng)驗(yàn),在發(fā)展過程中不斷完善自己,要求自己,不斷創(chuàng)新,時(shí)刻準(zhǔn)備著迎接更多挑戰(zhàn)的活力公司,在江蘇省等地區(qū)的商務(wù)服務(wù)中匯聚了大量的人脈以及**,在業(yè)界也收獲了很多良好的評(píng)價(jià),這些都源自于自身的努力和大家共同進(jìn)步的結(jié)果,這些評(píng)價(jià)對(duì)我們而言是比較好的前進(jìn)動(dòng)力,也促使我們?cè)谝院蟮牡缆飞媳3謯^發(fā)圖強(qiáng)、一往無前的進(jìn)取創(chuàng)新精神,努力把公司發(fā)展戰(zhàn)略推向一個(gè)新高度,在全體員工共同努力之下,全力拼搏將共同無錫邦程信息科技供應(yīng)和您一起攜手走向更好的未來,創(chuàng)造更有價(jià)值的產(chǎn)品,我們將以更好的狀態(tài),更認(rèn)真的態(tài)度,更飽滿的精力去創(chuàng)造,去拼搏,去努力,讓我們一起更好更快的成長(zhǎng)!