通過(guò)所述web微服務(wù)平臺(tái)化的前端開(kāi)發(fā)框架預(yù)建立的前端工程模板創(chuàng)建前端平臺(tái)模塊,結(jié)合所述依賴(lài)關(guān)系搭建前端開(kāi)發(fā)環(huán)境。需要說(shuō)明的是,本實(shí)施例中的電子設(shè)備在具體實(shí)現(xiàn)時(shí)可以為服務(wù)器,也可以為pc機(jī),還可以為其他設(shè)備,只要其結(jié)構(gòu)中包括如圖6所示的處理器810、通信接口820、存儲(chǔ)器830和通信總線840,其中處理器810,通信接口820,存儲(chǔ)器830通過(guò)通信總線840完成相互間的通信,且處理器810可以調(diào)用存儲(chǔ)器830中的邏輯指令以執(zhí)行上述方法即可。本實(shí)施例不對(duì)電子設(shè)備的具體實(shí)現(xiàn)形式進(jìn)行限定。此外,上述的存儲(chǔ)器830中的邏輯指令可以通過(guò)軟件功能單元的形式實(shí)現(xiàn)并作為獨(dú)有的產(chǎn)品銷(xiāo)售或使用時(shí),可以存儲(chǔ)在一個(gè)計(jì)算機(jī)可讀取存儲(chǔ)介質(zhì)中。基于這樣的理解,本發(fā)明的技術(shù)方案本質(zhì)上或者說(shuō)對(duì)現(xiàn)有技術(shù)做出貢獻(xiàn)的部分或者該技術(shù)方案的部分可以以軟件產(chǎn)品的形式體現(xiàn)出來(lái),該計(jì)算機(jī)軟件產(chǎn)品存儲(chǔ)在一個(gè)存儲(chǔ)介質(zhì)中,包括若干指令用以使得一臺(tái)計(jì)算機(jī)設(shè)備(可以是個(gè)人計(jì)算機(jī),服務(wù)器,或者網(wǎng)絡(luò)設(shè)備等)執(zhí)行本發(fā)明各個(gè)實(shí)施例所述方法的全部或部分步驟。而前述的存儲(chǔ)介質(zhì)包括:u盤(pán)、移動(dòng)硬盤(pán)、只讀存儲(chǔ)器(rom,read-onlymemory)、隨機(jī)存取存儲(chǔ)器。邦程科技專(zhuān)業(yè)網(wǎng)站后臺(tái),為網(wǎng)站管理帶來(lái)福音;可需簡(jiǎn)單交互,就能更新官網(wǎng)內(nèi)容;一站更新。上海什么是技術(shù)搭建有哪些
并將每一段獨(dú)有的抽離后的模塊包文件發(fā)送至web微服務(wù)平臺(tái)化的前端開(kāi)發(fā)框架,以生成對(duì)應(yīng)的前端模塊;配置定義單元,用于對(duì)所述前端應(yīng)用模塊所屬的前端模塊進(jìn)行定義,其中,所述定義包括對(duì)所述前端模塊的靜態(tài)資源目錄和工程化相關(guān)文件進(jìn)行的配置;依賴(lài)建立單元,用于通過(guò)javascript包管理工具建立所述定義后的前端模塊的依賴(lài)關(guān)系;環(huán)境搭建單元,用于從所述web微服務(wù)平臺(tái)化的前端開(kāi)發(fā)框架中預(yù)建立的工程模板中獲取待搭建環(huán)境的待用模板,根據(jù)待用模板以及所述依賴(lài)關(guān)系搭建前端開(kāi)發(fā)環(huán)境。上述的裝置,所述裝置還包括:讀取模塊,用于讀取web微服務(wù)平臺(tái)化的前端開(kāi)發(fā)框架的配置文件以獲取定義后的前端模塊;管理模塊,用于對(duì)所述定義后的前端模塊進(jìn)行預(yù)編譯、打包和壓縮,并將壓縮后的前端模塊發(fā)送至包管理工具進(jìn)行管理。第三方面,本發(fā)明還提供了一種電子設(shè)備,所述電子設(shè)備包括:處理器;用于存儲(chǔ)處理器可執(zhí)行的指令的存儲(chǔ)器;其中,所述存儲(chǔ)器被配置為用以實(shí)施上述的前端開(kāi)發(fā)環(huán)境的搭建方法。第四方面,本發(fā)明還提供了一種非易失性計(jì)算機(jī)可讀存儲(chǔ)介質(zhì),其上存儲(chǔ)有計(jì)算機(jī)程序指令,所述計(jì)算機(jī)程序指令被處理器執(zhí)行時(shí)實(shí)現(xiàn)上述任意一項(xiàng)所述的前端開(kāi)發(fā)環(huán)境的搭建方法。河南什么是技術(shù)搭建優(yōu)勢(shì)邦程為不同類(lèi)型的客戶(hù)提供良好的互聯(lián)網(wǎng)應(yīng)用定制解決方案,幫助客戶(hù)在新的全球化互聯(lián)網(wǎng)環(huán)境中保持優(yōu)勢(shì)。
所述方法還包括基于http-proxy(代理服務(wù)器)實(shí)現(xiàn)所述前端模塊的服務(wù)接口調(diào)用。本發(fā)明實(shí)施例一種可行的實(shí)施方式中,通過(guò),代理地址可以在配置文件中進(jìn)行配置。配置文件中可以指定mock類(lèi)型、服務(wù)地址及規(guī)則,mock的實(shí)現(xiàn)也是http-proxy代理實(shí)現(xiàn)。對(duì)于需要預(yù)編譯client模塊的開(kāi)發(fā)環(huán)境集成,需要配置文件中指定client模塊的開(kāi)發(fā)服務(wù)地址及靜態(tài)資源映射路徑,然后亦可通過(guò)http-proxy來(lái)代理這些資源路徑。前端模塊在開(kāi)發(fā)中調(diào)用服務(wù)接口的方式包括以下幾種,其均主要基于node的http-proxy來(lái)實(shí)現(xiàn):指定的mockserver公用的后臺(tái)服務(wù);指定的后臺(tái)開(kāi)發(fā)人員的服務(wù),web微服務(wù)平臺(tái)化的前端開(kāi)發(fā)框架提供了本地緩存,可以將請(qǐng)求過(guò)的接口數(shù)據(jù)進(jìn)行緩存,在前端完全隔離的情況下使用內(nèi)置緩存數(shù)據(jù)進(jìn)行開(kāi)發(fā)。圖5為本發(fā)明實(shí)施例提供的一種前端開(kāi)發(fā)環(huán)境的搭建裝置的結(jié)構(gòu)示意圖,該裝置可由軟件和/或硬件實(shí)現(xiàn),一般地集成于服務(wù)器中,可通過(guò)前端開(kāi)發(fā)環(huán)境的搭建方法來(lái)實(shí)現(xiàn)。如圖所示,本實(shí)施例可以以上述實(shí)施例為基礎(chǔ),提供了一種前端開(kāi)發(fā)環(huán)境的搭建裝置,其主要包括了封裝單元510、配置定義單元520、依賴(lài)建立單元530以及環(huán)境搭建單元540。其中的封裝單元510。
本發(fā)明實(shí)施例另一種可行的實(shí)施方式中,在所述,亦可使用yeoman管理工具管理腳手架模板,yeoman是成熟的工程腳手架管理工具,能夠?qū)崿F(xiàn)快速搭建開(kāi)發(fā)環(huán)境。本發(fā)明實(shí)施例中所述腳手架模塊的意義主要為定義工程結(jié)構(gòu)和基礎(chǔ)屬性設(shè)置,初始化之后,只需要將抽離出來(lái)的前端資源文件放置在對(duì)應(yīng)的目錄中,然后在npm模塊入口文件中聲明前端模塊的靜態(tài)資源目錄和工程化相關(guān)(預(yù)編譯、模塊化打包壓縮等)配置,即可完成前端模塊的封裝。本發(fā)明實(shí)施例一種具體和實(shí)施場(chǎng)景中,所述前端模塊腳手架裝置的配置包括:使用yeoman管理腳手架模板,以快速搭建開(kāi)發(fā)環(huán)境;創(chuàng)建portal-client(前端平臺(tái)模塊,屬于前端模塊中的平臺(tái)模塊)平臺(tái)腳手架,包含工程結(jié)構(gòu)、基礎(chǔ)配置和內(nèi)置腳本等;創(chuàng)建app-client(前端應(yīng)用模塊,屬于前端模塊中的應(yīng)用模塊)應(yīng)用腳手架,包含工程結(jié)構(gòu)、基礎(chǔ)配置和內(nèi)置腳本等;擴(kuò)展特殊應(yīng)用腳手架,針對(duì)異構(gòu)開(kāi)發(fā)的兼容等;將腳手架發(fā)布至至npm私的服(前端模塊的管理平臺(tái))進(jìn)行管理。通過(guò)yeoman可以管理多種腳手架以適應(yīng)不同的場(chǎng)景。本發(fā)明實(shí)施例一種可行的實(shí)施方式中,所述基于,定制之后的腳手架工具能夠快速生成相應(yīng)的項(xiàng)目以提高開(kāi)發(fā)效率。本發(fā)明的方法。透過(guò)龐大的全球性商務(wù)網(wǎng)絡(luò),面對(duì)面地向企業(yè)客戶(hù)提供全方面、標(biāo)準(zhǔn)化、一站式的IT應(yīng)用服務(wù)和信息化解決方案。
在傳統(tǒng)的web應(yīng)用開(kāi)發(fā)的基礎(chǔ)結(jié)構(gòu),例如api、web和server結(jié)構(gòu)的web微服務(wù)平臺(tái)化的前端開(kāi)發(fā)框架基礎(chǔ)上增加了新的前端模塊,結(jié)合圖2所示,為本發(fā)明的實(shí)施例的模塊結(jié)構(gòu)劃分示意圖,其中的前端模塊為現(xiàn)有的api、web和server的基礎(chǔ)上增加的client模塊(前端模塊),從圖中可以看出,所述前端模塊與原有的java工程完全解耦,使得前端模塊在web微服務(wù)平臺(tái)化的前端開(kāi)發(fā)框架中擁有更靈活的應(yīng)用以及更多創(chuàng)造性應(yīng)用。結(jié)合圖3所示,為本發(fā)明的前端模塊在web微服務(wù)平臺(tái)化的前端開(kāi)發(fā)框架下的前端模塊的工程結(jié)構(gòu),其中,前端工程結(jié)構(gòu)是基于npm的模塊化管理實(shí)現(xiàn),工程結(jié)構(gòu)與模塊劃分也更加清晰,結(jié)合圖2及圖3所示,前端平臺(tái)模塊包括若干平臺(tái)基礎(chǔ)模塊,每一平臺(tái)基礎(chǔ)模塊又包括若干平臺(tái)基礎(chǔ)子模塊,各模塊之間的關(guān)系亦可包括前端開(kāi)發(fā)環(huán)境搭建所需要的依賴(lài)關(guān)系。結(jié)合圖3所示,本發(fā)明實(shí)施例一種可行的實(shí)施方式中,所述前端模塊的管理單元為npm私的服,可通過(guò)nexus來(lái)搭建npm私的服,client模塊可以發(fā)布至私的服后供其他需要的平臺(tái)下載,進(jìn)而提供前端模塊、應(yīng)用和組件的依賴(lài)管理。結(jié)合圖3所示,封裝后的前端模塊中的base-client為前端基礎(chǔ)子模塊;starter-portal-client為平臺(tái)基礎(chǔ)模塊。無(wú)錫邦程信息科技有限公司專(zhuān)業(yè)從事網(wǎng)站建設(shè)、電商方及APP開(kāi)發(fā)等業(yè)務(wù)。河南什么是技術(shù)搭建優(yōu)勢(shì)
無(wú)錫邦程信息科技有限公司開(kāi),創(chuàng)性地建立了適合中小企業(yè)需要的IT應(yīng)用服務(wù)運(yùn)營(yíng)模式。上海什么是技術(shù)搭建有哪些
基于微服務(wù)的完善前端開(kāi)發(fā)環(huán)境搭建完成之后,能夠?qū)崿F(xiàn)前端應(yīng)用的獨(dú)有解耦、前端依賴(lài)管理、純粹的開(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包管理工具建立所述定義后的前端模塊的依賴(lài)關(guān)系。上海什么是技術(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)的客戶(hù)粉絲源,也收獲了良好的用戶(hù)口碑,為公司的發(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),我們一直在路上!