無錫邦程信息科技有限公司專業(yè)從事網(wǎng)站建設(shè)、電商方及APP開發(fā)等業(yè)務(wù),為客戶提供一站式品牌策劃、創(chuàng)意設(shè)計(jì)、開發(fā)及托管等服務(wù)。邦程科技視推動(dòng)中國(guó)企業(yè)開展電子商務(wù)、實(shí)現(xiàn)信息化為己任;深入研究企業(yè)客戶的實(shí)際需要,開創(chuàng)性地建立了適合中小企業(yè)需要的IT應(yīng)用服務(wù)運(yùn)營(yíng)模式;運(yùn)用先進(jìn)的信息技術(shù)搭建起一個(gè)適合企業(yè)業(yè)務(wù)和管理需要的應(yīng)用服務(wù)平臺(tái),并透過龐大的全球性商務(wù)網(wǎng)絡(luò),面對(duì)面地向企業(yè)客戶提供全方面、標(biāo)準(zhǔn)化、一站式的IT應(yīng)用服務(wù)和信息化解決方案。在項(xiàng)目過程中,邦程科技通過周密的策劃、深入的調(diào)查、理性的分析、精妙的創(chuàng)意、專業(yè)的實(shí)施,并同客戶的實(shí)際情況和具體需求進(jìn)行良好結(jié)合,為不同類型的客戶提供質(zhì)量的互聯(lián)網(wǎng)應(yīng)用定制解決方案,幫助客戶在新的全球化互聯(lián)網(wǎng)環(huán)境中保持優(yōu)勢(shì)。隨著物聯(lián)網(wǎng)、云計(jì)算、大數(shù)據(jù)、人工智能、移動(dòng)互聯(lián)網(wǎng)等新一代信息技術(shù)的迅猛發(fā)展,賦能水務(wù)行業(yè),智慧水務(wù)逐漸成為水務(wù)管理的新方向。智慧水務(wù)能為城市管理者提供各類決策支持,更好的做出水與城市、水與人口、水與GDP、水與災(zāi)害控制的決定。海綿城市、流域水環(huán)境治理、河長(zhǎng)制都屬于智慧水務(wù)在城市管理中的體現(xiàn)。現(xiàn)在,人們都在提智慧,智慧城市、智慧交通、智慧教育等。無錫邦程信息科技有限公司專業(yè)從事網(wǎng)站建設(shè)、為客戶提供一站式品牌策劃、創(chuàng)意設(shè)計(jì)、開發(fā)及托管等服務(wù)。寧夏營(yíng)銷技術(shù)搭建優(yōu)勢(shì)
前端開發(fā)環(huán)境的搭建方法、裝置、設(shè)備及存儲(chǔ)介質(zhì)。背景技術(shù):微服務(wù)是一種服務(wù)間松耦合的、每個(gè)服務(wù)之間高度自治并且使用輕量級(jí)協(xié)議進(jìn)行通信的可持續(xù)集成部署的分布式架構(gòu)體系。其可以采取較為典型的分布式結(jié)構(gòu),細(xì)分的部署粒度,服務(wù)的擴(kuò)展性更為靈活。前端開發(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目錄下,通過maven將所有的模塊整合在一起,但是這樣所有的前端資源都分散在不同的jar包中,通過配置靜態(tài)資源路由來尋址這些資源,這導(dǎo)致前端開發(fā)環(huán)境是依賴java工程,可能會(huì)受到數(shù)據(jù)庫(kù)、中間件等環(huán)境的影響,并且資源加載順序無法控制,靜態(tài)資源無法熱更新,各模塊打包時(shí)所需的平臺(tái)資源和公共組件資源無法獲得,對(duì)于異構(gòu)模塊需要將編譯后的代碼放入到web工程中才可以使用,而且異構(gòu)系統(tǒng)在開發(fā)階段獲取不了平臺(tái)的資源環(huán)境等,這些都很大程度上影響了前端開發(fā)人員的工作環(huán)境與效率。另一種前端開發(fā)模式就是將前端工程完全獨(dú)有,將所有模塊的代碼都放在一個(gè)工程中。吉林國(guó)際技術(shù)搭建便捷邦程科技專業(yè)網(wǎng)站后臺(tái),為網(wǎng)站管理帶來福音;可需簡(jiǎn)單交互,就能更新官網(wǎng)內(nèi)容;一站更新。
通過在前端模塊接入web微服務(wù)平臺(tái)化的前端開發(fā)框架的入口文件中增加相應(yīng)的申明(以定義的方式或修改屬性參數(shù)的方式進(jìn)行)的方式,使得前端模塊在,因此通過搭建企業(yè)內(nèi)部的npm倉(cāng)庫(kù),將前端模塊的各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)。
本發(fā)明實(shí)施例另一種可行的實(shí)施方式中,在所述,亦可使用yeoman管理工具管理腳手架模板,yeoman是成熟的工程腳手架管理工具,能夠?qū)崿F(xiàn)快速搭建開發(fā)環(huán)境。本發(fā)明實(shí)施例中所述腳手架模塊的意義主要為定義工程結(jié)構(gòu)和基礎(chǔ)屬性設(shè)置,初始化之后,只需要將抽離出來的前端資源文件放置在對(duì)應(yīng)的目錄中,然后在npm模塊入口文件中聲明前端模塊的靜態(tài)資源目錄和工程化相關(guān)(預(yù)編譯、模塊化打包壓縮等)配置,即可完成前端模塊的封裝。本發(fā)明實(shí)施例一種具體和實(shí)施場(chǎng)景中,所述前端模塊腳手架裝置的配置包括:使用yeoman管理腳手架模板,以快速搭建開發(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)開發(fā)的兼容等;將腳手架發(fā)布至至npm私的服(前端模塊的管理平臺(tái))進(jìn)行管理。通過yeoman可以管理多種腳手架以適應(yīng)不同的場(chǎng)景。本發(fā)明實(shí)施例一種可行的實(shí)施方式中,所述基于,定制之后的腳手架工具能夠快速生成相應(yīng)的項(xiàng)目以提高開發(fā)效率。本發(fā)明的方法。邦程為不同類型的客戶提供良好的互聯(lián)網(wǎng)應(yīng)用定制解決方案,幫助客戶在新的全球化互聯(lián)網(wǎng)環(huán)境中保持優(yōu)勢(shì)。
并將每一段獨(dú)有的抽離后的模塊包文件發(fā)送至web微服務(wù)平臺(tái)化的前端開發(fā)框架,以生成對(duì)應(yīng)的前端模塊;配置定義單元,用于對(duì)所述前端應(yīng)用模塊所屬的前端模塊進(jìn)行定義,其中,所述定義包括對(duì)所述前端模塊的靜態(tài)資源目錄和工程化相關(guān)文件進(jìn)行的配置;依賴建立單元,用于通過javascript包管理工具建立所述定義后的前端模塊的依賴關(guān)系;環(huán)境搭建單元,用于從所述web微服務(wù)平臺(tái)化的前端開發(fā)框架中預(yù)建立的工程模板中獲取待搭建環(huán)境的待用模板,根據(jù)待用模板以及所述依賴關(guān)系搭建前端開發(fā)環(huán)境。上述的裝置,所述裝置還包括:讀取模塊,用于讀取web微服務(wù)平臺(tái)化的前端開發(fā)框架的配置文件以獲取定義后的前端模塊;管理模塊,用于對(duì)所述定義后的前端模塊進(jìn)行預(yù)編譯、打包和壓縮,并將壓縮后的前端模塊發(fā)送至包管理工具進(jìn)行管理。第三方面,本發(fā)明還提供了一種電子設(shè)備,所述電子設(shè)備包括:處理器;用于存儲(chǔ)處理器可執(zhí)行的指令的存儲(chǔ)器;其中,所述存儲(chǔ)器被配置為用以實(shí)施上述的前端開發(fā)環(huán)境的搭建方法。第四方面,本發(fā)明還提供了一種非易失性計(jì)算機(jī)可讀存儲(chǔ)介質(zhì),其上存儲(chǔ)有計(jì)算機(jī)程序指令,所述計(jì)算機(jī)程序指令被處理器執(zhí)行時(shí)實(shí)現(xiàn)上述任意一項(xiàng)所述的前端開發(fā)環(huán)境的搭建方法。無錫邦程信息科技有限公司,向廣大用戶提供好質(zhì)量產(chǎn)品和好質(zhì)量服務(wù),從而贏得了用戶的信賴。江西提供技術(shù)搭建信息中心
無錫邦程信息科技有限公司,專業(yè)的幫助客戶在新的全球化互聯(lián)網(wǎng)環(huán)境中保持優(yōu)勢(shì)。寧夏營(yíng)銷技術(shù)搭建優(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ǔ)充,亦可為互為包含,通過根據(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ù)庫(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í)施方式中。寧夏營(yíng)銷技術(shù)搭建優(yōu)勢(shì)
無錫邦程信息科技有限公司匯集了大量的優(yōu)秀人才,集企業(yè)奇思,創(chuàng)經(jīng)濟(jì)奇跡,一群有夢(mèng)想有朝氣的團(tuán)隊(duì)不斷在前進(jìn)的道路上開創(chuàng)新天地,繪畫新藍(lán)圖,在江蘇省等地區(qū)的商務(wù)服務(wù)中始終保持良好的信譽(yù),信奉著“爭(zhēng)取每一個(gè)客戶不容易,失去每一個(gè)用戶很簡(jiǎn)單”的理念,市場(chǎng)是企業(yè)的方向,質(zhì)量是企業(yè)的生命,在公司有效方針的領(lǐng)導(dǎo)下,全體上下,團(tuán)結(jié)一致,共同進(jìn)退,**協(xié)力把各方面工作做得更好,努力開創(chuàng)工作的新局面,公司的新高度,未來無錫邦程信息科技供應(yīng)和您一起奔向更美好的未來,即使現(xiàn)在有一點(diǎn)小小的成績(jī),也不足以驕傲,過去的種種都已成為昨日我們只有總結(jié)經(jīng)驗(yàn),才能繼續(xù)上路,讓我們一起點(diǎn)燃新的希望,放飛新的夢(mèng)想!