對(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ò)所述包管理工具建立所述定義后的前端模塊的依賴(lài)關(guān)系,包括:獲取所述前端模塊的應(yīng)用模塊與組件間的一依賴(lài)關(guān)系;工程化相關(guān)文件獲取所述前端模塊的平臺(tái)模塊與應(yīng)用模塊間的第二依賴(lài)關(guān)系;根據(jù)所述一依賴(lài)關(guān)系和所述第二依賴(lài)關(guān)系生成所述定義后的前端模塊的依賴(lài)關(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ù)搭建,簡(jiǎn)單易用的管理后臺(tái),能實(shí)現(xiàn)多個(gè)平臺(tái)同步,實(shí)現(xiàn)真正高效管理網(wǎng)站。湖北貿(mào)易技術(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。河北營(yíng)銷(xiāo)技術(shù)搭建好處邦程一直秉承專(zhuān)業(yè)、誠(chéng)信、服務(wù)、進(jìn)取的價(jià)值觀,堅(jiān)持互聯(lián)網(wǎng)品牌設(shè)計(jì)經(jīng)驗(yàn)和整合營(yíng)銷(xiāo)的理念。
在傳統(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ǔ)模塊。
提供完全純粹的前端開(kāi)發(fā)環(huán)境,但是這樣平臺(tái)無(wú)法對(duì)已有的模塊自由組合,缺少模塊的依賴(lài)管理,體系上也無(wú)法和后端的模塊對(duì)應(yīng)上,這樣也不是我們所期望的結(jié)果。技術(shù)實(shí)現(xiàn)要素:鑒于上述的分析,本發(fā)明實(shí)施例旨在提供一種前端開(kāi)發(fā)環(huán)境的搭建方法、裝置、設(shè)備及存儲(chǔ)介質(zhì),用以解決現(xiàn)有的前端開(kāi)發(fā)過(guò)程中過(guò)于依賴(lài)后端工程的問(wèn)題。一方面,本發(fā)明實(shí)施例提供了一種前端開(kāi)發(fā)環(huán)境的搭建方法,所述方法包括:通過(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)系;通過(guò)所述web微服務(wù)平臺(tái)化的前端開(kāi)發(fā)框架預(yù)建立的前端工程模板創(chuàng)建前端平臺(tái)模塊,結(jié)合所述依賴(lài)關(guān)系搭建前端開(kāi)發(fā)環(huán)境。結(jié)合上述說(shuō)明,在本發(fā)明實(shí)例的另一種可能的實(shí)施方式中,所述方法還包括:讀取web微服務(wù)平臺(tái)化的前端開(kāi)發(fā)框架的配置文件以獲取定義后的前端模塊。無(wú)錫邦程信息科技有限公司,專(zhuān)業(yè)的幫助客戶(hù)在新的全球化互聯(lián)網(wǎng)環(huán)境中保持優(yōu)勢(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)境是依賴(lài)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ú)錫邦程信息科技有限公司,向廣大用戶(hù)提供好質(zhì)量產(chǎn)品和好質(zhì)量服務(wù),從而贏得了用戶(hù)的信賴(lài)。山西企業(yè)技術(shù)搭建便捷
透過(guò)龐大的全球性商務(wù)網(wǎng)絡(luò),面對(duì)面地向企業(yè)客戶(hù)提供全方面、標(biāo)準(zhǔn)化、一站式的IT應(yīng)用服務(wù)和信息化解決方案。湖北貿(mào)易技術(shù)搭建好處
是一家以品牌策劃,創(chuàng)意設(shè)計(jì),開(kāi)發(fā)及托管等服務(wù)等的私營(yíng)獨(dú)資企業(yè)的公司,我公司主要以服務(wù)型為主導(dǎo),把握商務(wù)服務(wù)行業(yè)的需求,為客戶(hù)提供穩(wěn)定、可靠的產(chǎn)品解決方案。我們認(rèn)為給合作伙伴創(chuàng)造價(jià)值,并以誠(chéng)實(shí)、寬容、用心的服務(wù)作為要求,通過(guò)自主和真誠(chéng)合作為商務(wù)服務(wù)行業(yè)帶來(lái)品牌策劃,創(chuàng)意設(shè)計(jì),開(kāi)發(fā)及托管等服務(wù)更好的產(chǎn)品及服務(wù)。 品牌策劃,創(chuàng)意設(shè)計(jì),開(kāi)發(fā)及托管等服務(wù)會(huì)根據(jù)客戶(hù)的實(shí)際情況和具體需求進(jìn)行良好結(jié)合,為不同類(lèi)型的客戶(hù)提供較佳的行業(yè)應(yīng)用定制解決方案,給予用戶(hù)更好的產(chǎn)品及服務(wù) 。自成立以來(lái)推動(dòng)國(guó)內(nèi)企業(yè)商務(wù)服務(wù)行業(yè)發(fā)展,深入研究企業(yè)客戶(hù)的實(shí)際需要,開(kāi)創(chuàng)性地建立了適合行業(yè)各類(lèi)型用戶(hù)需要的服務(wù)運(yùn)營(yíng)模式,為客戶(hù)提供品牌策劃,創(chuàng)意設(shè)計(jì),開(kāi)發(fā)及托管等服務(wù)等多樣化的產(chǎn)品。湖北貿(mào)易技術(shù)搭建好處
無(wú)錫邦程信息科技有限公司是一家有著先進(jìn)的發(fā)展理念,先進(jìn)的管理經(jīng)驗(yàn),在發(fā)展過(guò)程中不斷完善自己,要求自己,不斷創(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)、一往無(wú)前的進(jìn)取創(chuàng)新精神,努力把公司發(fā)展戰(zhàn)略推向一個(gè)新高度,在全體員工共同努力之下,全力拼搏將共同無(wú)錫邦程信息科技供應(yīng)和您一起攜手走向更好的未來(lái),創(chuàng)造更有價(jià)值的產(chǎn)品,我們將以更好的狀態(tài),更認(rèn)真的態(tài)度,更飽滿(mǎn)的精力去創(chuàng)造,去拼搏,去努力,讓我們一起更好更快的成長(zhǎng)!