所述方法還包括基于http-proxy(代理服務(wù)器)實(shí)現(xiàn)所述前端模塊的服務(wù)接口調(diào)用。本發(fā)明實(shí)施例一種可行的實(shí)施方式中,通過(guò),,代理地址可以在配置文件中進(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)資源映射路徑,,然后亦可通過(guò)http-proxy來(lái)代理這些資源路徑。前端模塊在開發(fā)中調(diào)用服務(wù)接口的方式包括以下幾種,,其均主要基于node的http-proxy來(lái)實(shí)現(xiàn):指定的mockserver公用的后臺(tái)服務(wù),;指定的后臺(tái)開發(fā)人員的服務(wù),web微服務(wù)平臺(tái)化的前端開發(fā)框架提供了本地緩存,,可以將請(qǐng)求過(guò)的接口數(shù)據(jù)進(jìn)行緩存,,在前端完全隔離的情況下使用內(nèi)置緩存數(shù)據(jù)進(jìn)行開發(fā)。圖5為本發(fā)明實(shí)施例提供的一種前端開發(fā)環(huán)境的搭建裝置的結(jié)構(gòu)示意圖,,該裝置可由軟件和/或硬件實(shí)現(xiàn),,一般地集成于服務(wù)器中,,可通過(guò)前端開發(fā)環(huán)境的搭建方法來(lái)實(shí)現(xiàn)。如圖所示,,本實(shí)施例可以以上述實(shí)施例為基礎(chǔ),,提供了一種前端開發(fā)環(huán)境的搭建裝置,其主要包括了封裝單元510,、配置定義單元520,、依賴建立單元530以及環(huán)境搭建單元540。其中的封裝單元510,。邦程一直秉承專業(yè),、誠(chéng)信、服務(wù),、進(jìn)取的價(jià)值觀,,堅(jiān)持互聯(lián)網(wǎng)品牌設(shè)計(jì)經(jīng)驗(yàn)和整合營(yíng)銷的理念。湖南網(wǎng)絡(luò)營(yíng)銷技術(shù)搭建包含
其中的平臺(tái)基礎(chǔ)模塊內(nèi)置多個(gè)基礎(chǔ)子模塊,,包含前端開發(fā)服務(wù)和平臺(tái)基礎(chǔ)資源前端模塊的服務(wù)器路徑,、資源路徑和模板路徑。本發(fā)明實(shí)施例一種可行的實(shí)施方式中,,在前端開發(fā)環(huán)境搭建完成后的應(yīng)用過(guò)程還包括:讀取web微服務(wù)平臺(tái)化的前端開發(fā)框架的配置文件以獲取定義后的前端模塊,;對(duì)所述定義后的前端模塊進(jìn)行預(yù)編譯、打包和壓縮,,并將壓縮后的前端模塊發(fā)送至包管理工具進(jìn)行管理,。本發(fā)明實(shí)施例的一種實(shí)施場(chǎng)景中,,在開發(fā)完成后平臺(tái)會(huì)針對(duì)client模塊進(jìn)行預(yù)編譯,、打包和壓縮,整個(gè)過(guò)程可由,,gulp工具是基于流的前端構(gòu)建工具:通過(guò)讀取平臺(tái)配置文件獲取所有的client模塊,,獲取需要進(jìn)行預(yù)編譯的模塊,使用node子進(jìn)程進(jìn)行預(yù)編譯處理,;按照client模塊順序輸出靜態(tài)資源到dist目錄整合,;獲取所有client模塊中指定的模塊化壓縮的入口,通過(guò)rjs進(jìn)行模塊化壓縮輸出,;后面獲得整合后的完整模塊包文件所表示的前端代碼,。本發(fā)明實(shí)施例的實(shí)施場(chǎng)景中,開發(fā)人員在新的開發(fā)環(huán)境中能夠通過(guò)前端模塊快速獲取整合后的完整前端代碼,,而且不需要關(guān)聯(lián)前端的具體工程,,整個(gè)開發(fā)流程大為精簡(jiǎn)。所述前端開發(fā)模塊用于前端開發(fā),,當(dāng)開發(fā)完成后,。寧夏網(wǎng)絡(luò)營(yíng)銷技術(shù)搭建市場(chǎng)價(jià)通過(guò)技術(shù)搭建為廣大用戶研發(fā)先進(jìn)的信息技術(shù)搭建起一個(gè)適合企業(yè)業(yè)務(wù)和管理需要的應(yīng)用服務(wù)平臺(tái),。
無(wú)錫邦程信息科技有限公司專業(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),并透過(guò)龐大的全球性商務(wù)網(wǎng)絡(luò),,面對(duì)面地向企業(yè)客戶提供全方面,、標(biāo)準(zhǔn)化、一站式的IT應(yīng)用服務(wù)和信息化解決方案,。在項(xiàng)目過(guò)程中,,邦程科技通過(guò)周密的策劃、深入的調(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)?,F(xiàn)在,,人們都在提智慧,,智慧城市、智慧交通,、智慧教育等,。
通過(guò)在前端模塊接入web微服務(wù)平臺(tái)化的前端開發(fā)框架的入口文件中增加相應(yīng)的申明(以定義的方式或修改屬性參數(shù)的方式進(jìn)行)的方式,使得前端模塊在,,因此通過(guò)搭建企業(yè)內(nèi)部的npm倉(cāng)庫(kù),,將前端模塊的各client模塊通過(guò)npmpublish發(fā)布至搭建的新的前端開發(fā)環(huán)境,達(dá)到所有的client前端模塊進(jìn)行管理的效果,。本發(fā)明實(shí)施例一種可行的實(shí)施方式中,,所述通過(guò)所述包管理工具建立所述定義后的前端模塊的依賴關(guān)系,包括:在步驟410中,,獲取所述前端模塊的應(yīng)用模塊與組件間的一依賴關(guān)系,;所述一依賴關(guān)系為所述模塊包文件(具體為業(yè)務(wù)子模塊)在工程中所體現(xiàn)的應(yīng)用模塊與組件之間的依賴關(guān)系,其一般可通過(guò)資源映射的方式體現(xiàn),,所述一依賴關(guān)系一般為原web微服務(wù)環(huán)境中模塊包文件與web微服務(wù)之間的通信協(xié)議產(chǎn)生的,,亦可通過(guò)調(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)。無(wú)錫邦程信息科技有限公司,,向廣大用戶提供好質(zhì)量產(chǎn)品和好質(zhì)量服務(wù),,從而贏得了用戶的信賴。
也可發(fā)生于前端模塊的封裝過(guò)程中,,即對(duì)所述靜態(tài)資源目錄和工程化相關(guān)文件進(jìn)行定義后,,結(jié)合所述資源文件封裝為所述前端模塊,。在步驟130中,,通過(guò)javascript包管理工具建立所述定義后的前端模塊的依賴關(guān)系;所述javascript包管理工具一般為npm包管理工具,,通過(guò)調(diào)用npm包管理工具能夠?qū)⑺銮岸四K存儲(chǔ)到web微服務(wù)平臺(tái)化的前端開發(fā)框架的相應(yīng)存儲(chǔ)路徑,。本步驟中,定義后的前端模塊中包括了靜態(tài)資源目錄和工程化相關(guān)文件,,通過(guò)javascript包管理工具讀取所述靜態(tài)資源目錄可建立所述前端模塊的依賴關(guān)系,,通過(guò)對(duì)所述。所述前端模塊可以為一種便于管理的模塊包文件,,以通過(guò)所述javascript包管理工具進(jìn)行管理,。在步驟140中,,通過(guò)所述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ù)建立的工程模板為腳手架模板,通過(guò)所述腳手架模板以及對(duì)應(yīng)的配置文件能夠獲取待用模板,,根據(jù)所述待用模板以及所述依賴關(guān)系能夠快速搭建所需要的前端開發(fā)環(huán)境,,定義后的封裝前端模塊,無(wú)須重復(fù)編譯開發(fā)在新的前端開發(fā)環(huán)境中即可直接調(diào)取使用,。無(wú)錫邦程信息科技有限公司專業(yè)從事網(wǎng)站建設(shè),、電商方及APP開發(fā)等業(yè)務(wù)。湖南網(wǎng)絡(luò)營(yíng)銷技術(shù)搭建包含
透過(guò)龐大的全球性商務(wù)網(wǎng)絡(luò),,面對(duì)面地向企業(yè)客戶提供全方面,、標(biāo)準(zhǔn)化、一站式的IT應(yīng)用服務(wù)和信息化解決方案,。湖南網(wǎng)絡(luò)營(yíng)銷技術(shù)搭建包含
通過(guò)web微服務(wù)平臺(tái)化的前端開發(fā)框架的配置文件獲取開發(fā)完成的前端模塊,,對(duì)所述定義后的前端模塊進(jìn)行預(yù)編譯、打包和壓縮,,并將壓縮后的前端模塊通過(guò)搭建企業(yè)內(nèi)部的npm倉(cāng)庫(kù),,將前端模塊通過(guò)npm包管理工具的publish組件發(fā)布至搭建的至npm私的服(前端模塊的管理平臺(tái)),達(dá)到所有的client模塊進(jìn)行管理,。本發(fā)明實(shí)施例的一種實(shí)施場(chǎng)景下,,所述打包流程包括:利用,用gulp構(gòu)建任務(wù)監(jiān)控所有靜態(tài)資源,、js,、css、sass和html,;一般地,,具體步驟包括:清理輸出目錄;對(duì)于需要預(yù)編譯的模板進(jìn)行預(yù)編譯處理,;整合平臺(tái)基礎(chǔ)依賴和應(yīng)用模塊的資源文件到整合目錄,;整合應(yīng)用模塊配置的第三方資源文件到整合目錄;依據(jù)配置的js文件模塊化入口進(jìn)行模塊化文件合并,;壓縮合并后的js模塊整合文件和css文件到輸出目錄,;刪除整合目錄。本發(fā)明實(shí)施例一種可行的實(shí)施方式中,,所述前端應(yīng)用模塊所屬的前端模塊進(jìn)行定義,,還包括對(duì)前端模塊中的預(yù)編譯命令以及資源映射進(jìn)行配置,包括:對(duì)所述前端模塊的預(yù)編譯命令進(jìn)行配置,;和/或?qū)λ銮岸四K的資源映射進(jìn)行配置,。本發(fā)明實(shí)施例的一般應(yīng)用場(chǎng)景中,,通過(guò)在定義client模塊時(shí)需要對(duì)所述前端模塊的靜態(tài)資源目錄、模塊化打包入口文件,、預(yù)編譯命令,、資源映射均進(jìn)行配置。湖南網(wǎng)絡(luò)營(yíng)銷技術(shù)搭建包含
無(wú)錫邦程信息科技有限公司匯集了大量的優(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)工作的新局面,,公司的新高度,,未來(lái)無(wú)錫邦程信息科技供應(yīng)和您一起奔向更美好的未來(lái),即使現(xiàn)在有一點(diǎn)小小的成績(jī),,也不足以驕傲,,過(guò)去的種種都已成為昨日我們只有總結(jié)經(jīng)驗(yàn),才能繼續(xù)上路,,讓我們一起點(diǎn)燃新的希望,,放飛新的夢(mèng)想!