前端開發(fā)環(huán)境的搭建方法,、裝置、設(shè)備及存儲介質(zhì)。背景技術(shù):微服務(wù)是一種服務(wù)間松耦合的、每個服務(wù)之間高度自治并且使用輕量級協(xié)議進行通信的可持續(xù)集成部署的分布式架構(gòu)體系。其可以采取較為典型的分布式結(jié)構(gòu),,細分的部署粒度,服務(wù)的擴展性更為靈活。前端開發(fā)模式目前有兩種方式:其中的一種是,,利用微服務(wù)體系實現(xiàn)各服務(wù)間隔離、自治,,體現(xiàn)在工程中各服務(wù)模塊也相對獨有,,在基于springcloud搭建的微服務(wù)平臺架構(gòu)中,常用的是將每個模塊對應(yīng)的前端資源放入對應(yīng)的web模塊resources/static目錄下,,通過maven將所有的模塊整合在一起,,但是這樣所有的前端資源都分散在不同的jar包中,通過配置靜態(tài)資源路由來尋址這些資源,這導(dǎo)致前端開發(fā)環(huán)境是依賴java工程,,可能會受到數(shù)據(jù)庫,、中間件等環(huán)境的影響,并且資源加載順序無法控制,,靜態(tài)資源無法熱更新,,各模塊打包時所需的平臺資源和公共組件資源無法獲得,對于異構(gòu)模塊需要將編譯后的代碼放入到web工程中才可以使用,,而且異構(gòu)系統(tǒng)在開發(fā)階段獲取不了平臺的資源環(huán)境等,,這些都很大程度上影響了前端開發(fā)人員的工作環(huán)境與效率。另一種前端開發(fā)模式就是將前端工程完全獨有,,將所有模塊的代碼都放在一個工程中,。邦程專業(yè)領(lǐng)域包括網(wǎng)站建設(shè)、無錫網(wǎng)站優(yōu)化,、網(wǎng)站代運營,、阿里巴巴代運營、百度愛采購代理商,、移動營銷服務(wù),。湖南網(wǎng)絡(luò)營銷技術(shù)搭建好處
通過在前端模塊接入web微服務(wù)平臺化的前端開發(fā)框架的入口文件中增加相應(yīng)的申明(以定義的方式或修改屬性參數(shù)的方式進行)的方式,使得前端模塊在,,因此通過搭建企業(yè)內(nèi)部的npm倉庫,,將前端模塊的各client模塊通過npmpublish發(fā)布至搭建的新的前端開發(fā)環(huán)境,達到所有的client前端模塊進行管理的效果,。本發(fā)明實施例一種可行的實施方式中,,所述通過所述包管理工具建立所述定義后的前端模塊的依賴關(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)文件獲取所述前端模塊的平臺模塊與應(yīng)用模塊間的第二依賴關(guān)系,;在步驟430中,根據(jù)所述一依賴關(guān)系和所述第二依賴關(guān)系生成所述定義后的前端模塊的依賴關(guān)系,。所述第二依賴關(guān)系為模塊包文件具體為平臺業(yè)務(wù)模塊與對應(yīng)的應(yīng)用模塊之間的對應(yīng)關(guān)系,,其一般地可在封裝的配置文件中體現(xiàn)。安徽提供技術(shù)搭建包含透過龐大的全球性商務(wù)網(wǎng)絡(luò),,面對面地向企業(yè)客戶提供全方面,、標準化,、一站式的IT應(yīng)用服務(wù)和信息化解決方案。
ramrandomaccessmemory),、磁碟或者光盤等各種可以存儲程序代碼的介質(zhì),。另一方面,本發(fā)明實施例還提供一種非暫態(tài)計算機可讀存儲介質(zhì),,其上存儲有計算機程序,,該計算機程序被處理器執(zhí)行時實現(xiàn)以執(zhí)行上述各實施例提供的傳輸方法,例如包括:通過web微服務(wù)平臺化預(yù)建立的前端應(yīng)用工程模板創(chuàng)建前端應(yīng)用模塊,,在所述前端應(yīng)用模塊加入前端資源文件,,其中,所述前端資源文件包括源工程遷移的資源文件和根據(jù)開發(fā)需求形成的資源文件,;對所述前端應(yīng)用模塊所屬的前端模塊進行定義,,其中,所述定義為對所述前端模塊的靜態(tài)資源目錄和工程化相關(guān)文件進行的配置,;通過javascript包管理工具建立所述定義后的前端模塊的依賴關(guān)系,;通過所述web微服務(wù)平臺化的前端開發(fā)框架預(yù)建立的前端工程模板創(chuàng)建前端平臺模塊,結(jié)合所述依賴關(guān)系搭建前端開發(fā)環(huán)境,。以上所描述的裝置實施例可可是示意性的,,其中所述作為分離部件說明的單元可以是或者也可以不是物理上分開的,作為單元顯示的部件可以是或者也可以不是物理單元,,即可以位于一個地方,,或者也可以分布到多個網(wǎng)絡(luò)單元上,??梢愿鶕?jù)實際的需要選擇其中的部分或者全部模塊來實現(xiàn)本實施例方案的目的。本領(lǐng)域普通技術(shù)人員在不付出創(chuàng)造性的勞動的情況下,。
在傳統(tǒng)的web應(yīng)用開發(fā)的基礎(chǔ)結(jié)構(gòu),,例如api、web和server結(jié)構(gòu)的web微服務(wù)平臺化的前端開發(fā)框架基礎(chǔ)上增加了新的前端模塊,,結(jié)合圖2所示,,為本發(fā)明的實施例的模塊結(jié)構(gòu)劃分示意圖,其中的前端模塊為現(xiàn)有的api,、web和server的基礎(chǔ)上增加的client模塊(前端模塊),,從圖中可以看出,所述前端模塊與原有的java工程完全解耦,,使得前端模塊在web微服務(wù)平臺化的前端開發(fā)框架中擁有更靈活的應(yīng)用以及更多創(chuàng)造性應(yīng)用,。結(jié)合圖3所示,為本發(fā)明的前端模塊在web微服務(wù)平臺化的前端開發(fā)框架下的前端模塊的工程結(jié)構(gòu),,其中,,前端工程結(jié)構(gòu)是基于npm的模塊化管理實現(xiàn),工程結(jié)構(gòu)與模塊劃分也更加清晰,結(jié)合圖2及圖3所示,,前端平臺模塊包括若干平臺基礎(chǔ)模塊,,每一平臺基礎(chǔ)模塊又包括若干平臺基礎(chǔ)子模塊,各模塊之間的關(guān)系亦可包括前端開發(fā)環(huán)境搭建所需要的依賴關(guān)系,。結(jié)合圖3所示,,本發(fā)明實施例一種可行的實施方式中,所述前端模塊的管理單元為npm私的服,,可通過nexus來搭建npm私的服,,client模塊可以發(fā)布至私的服后供其他需要的平臺下載,進而提供前端模塊,、應(yīng)用和組件的依賴管理,。結(jié)合圖3所示,封裝后的前端模塊中的base-client為前端基礎(chǔ)子模塊,;starter-portal-client為平臺基礎(chǔ)模塊,。通過技術(shù)搭建為廣大用戶研發(fā)先進的信息技術(shù)搭建起一個適合企業(yè)業(yè)務(wù)和管理需要的應(yīng)用服務(wù)平臺。
提供完全純粹的前端開發(fā)環(huán)境,,但是這樣平臺無法對已有的模塊自由組合,,缺少模塊的依賴管理,體系上也無法和后端的模塊對應(yīng)上,,這樣也不是我們所期望的結(jié)果,。技術(shù)實現(xiàn)要素:鑒于上述的分析,本發(fā)明實施例旨在提供一種前端開發(fā)環(huán)境的搭建方法,、裝置,、設(shè)備及存儲介質(zhì),用以解決現(xiàn)有的前端開發(fā)過程中過于依賴后端工程的問題,。一方面,,本發(fā)明實施例提供了一種前端開發(fā)環(huán)境的搭建方法,所述方法包括:通過web微服務(wù)平臺化預(yù)建立的前端應(yīng)用工程模板創(chuàng)建前端應(yīng)用模塊,,在所述前端應(yīng)用模塊加入前端資源文件,,其中,所述前端資源文件包括源工程遷移的資源文件和根據(jù)開發(fā)需求形成的資源文件,;所述前端應(yīng)用模塊所屬的前端模塊進行定義,,其中,所述定義為對所述前端模塊的靜態(tài)資源目錄和工程化相關(guān)文件進行的配置,;通過javascript包管理工具建立所述定義后的前端模塊的依賴關(guān)系,;通過所述web微服務(wù)平臺化的前端開發(fā)框架預(yù)建立的前端工程模板創(chuàng)建前端平臺模塊,結(jié)合所述依賴關(guān)系搭建前端開發(fā)環(huán)境,。結(jié)合上述說明,,在本發(fā)明實例的另一種可能的實施方式中,,所述方法還包括:讀取web微服務(wù)平臺化的前端開發(fā)框架的配置文件以獲取定義后的前端模塊。無錫邦程信息科技有限公司專業(yè)從事網(wǎng)站建設(shè),、為客戶提供一站式品牌策劃,、創(chuàng)意設(shè)計、開發(fā)及托管等服務(wù),。黑龍江網(wǎng)絡(luò)營銷技術(shù)搭建便捷
邦程科技專業(yè)網(wǎng)站后臺,,為網(wǎng)站管理帶來福音;可需簡單交互,,就能更新官網(wǎng)內(nèi)容,;一站更新。湖南網(wǎng)絡(luò)營銷技術(shù)搭建好處
所述第二依賴關(guān)系可以為在新增前端模塊的web微服務(wù)環(huán)境中前端模塊與對應(yīng)的組件或?qū)?yīng)應(yīng)用之間的通信協(xié)議產(chǎn)生,,所述一依賴關(guān)系與所述第二依賴關(guān)系之間可以互為補充,,亦可為互為包含,通過根據(jù)所述一依賴關(guān)系和所述第二依賴關(guān)系生成所述定義后的前端模塊的依賴關(guān)系,,能夠避免封裝后的前端模塊在配置時出現(xiàn)依賴偏差,。本發(fā)明實施例的前端開發(fā)環(huán)境搭建完成后,通過讀取平臺配置文件獲取所需要的client模塊,,按照配置文件中的順序依次加載對應(yīng)的各模塊,,然后獲取到各模塊的靜態(tài)資源路徑,將該路徑通過執(zhí)行,,這樣就實現(xiàn)了結(jié)合上述依賴關(guān)系控制client模塊的靜態(tài)資源加載及相應(yīng)順序,。在平臺與client模塊開發(fā)過程中,還可以通過npmlink命令實現(xiàn)開發(fā)的工程組下內(nèi)部模塊協(xié)同開發(fā)的問題,,防止頻繁的發(fā)布和裝載,。通過本發(fā)明實施例搭建的前端開發(fā)環(huán)境,可以讓前端人員友好的控制及調(diào)試開發(fā),,不依賴任何后端服務(wù),、數(shù)據(jù)庫和中間件,。本發(fā)明實施例一種可行的實施方式中,,平臺提供的client模塊的模板可內(nèi)置多種命令完善前端工程化的結(jié)構(gòu)標準、代碼規(guī)范,,例如editorconfig:同化編輯器之前差異,;eslint:模塊包文件所表示的代碼校驗;prettier:美化代碼等,。本發(fā)明實施例一種可行的實施方式中,。湖南網(wǎng)絡(luò)營銷技術(shù)搭建好處
無錫邦程信息科技有限公司是一家有著先進的發(fā)展理念,先進的管理經(jīng)驗,,在發(fā)展過程中不斷完善自己,,要求自己,,不斷創(chuàng)新,時刻準備著迎接更多挑戰(zhàn)的活力公司,,在江蘇省等地區(qū)的商務(wù)服務(wù)中匯聚了大量的人脈以及**,,在業(yè)界也收獲了很多良好的評價,這些都源自于自身的努力和大家共同進步的結(jié)果,,這些評價對我們而言是比較好的前進動力,,也促使我們在以后的道路上保持奮發(fā)圖強、一往無前的進取創(chuàng)新精神,,努力把公司發(fā)展戰(zhàn)略推向一個新高度,,在全體員工共同努力之下,全力拼搏將共同無錫邦程信息科技供應(yīng)和您一起攜手走向更好的未來,,創(chuàng)造更有價值的產(chǎn)品,,我們將以更好的狀態(tài),更認真的態(tài)度,,更飽滿的精力去創(chuàng)造,,去拼搏,去努力,,讓我們一起更好更快的成長,!