app-client為業(yè)務(wù)子模塊，portal-client為業(yè)務(wù)平臺(tái)整合模塊。所述portal-client前端構(gòu)建包括：通過內(nèi)置命令對(duì)portal-client整體構(gòu)建打包；通過內(nèi)置命令發(fā)布portal-client和app-client至至npm私的服(前端模塊的管理平臺(tái))，可供其他平臺(tái)自由組合使用。所述portal-client前端開發(fā)配置包括：配置前端開發(fā)服務(wù)訪問端口；配置后端服務(wù)反向代理地址；配置mock服務(wù)訪問模式(mock-server、share-portal、dev-portal)；配置平臺(tái)應(yīng)用的裝載順序及應(yīng)用的裝載模式；通過內(nèi)置命令啟動(dòng)前端開發(fā)服務(wù)；通過平臺(tái)具體場(chǎng)景及開發(fā)環(huán)境來配置個(gè)人的前端開發(fā)環(huán)境促進(jìn)快速開發(fā)，聯(lián)調(diào)和測(cè)試。具體地，對(duì)前端工程portal-client和app-client的初始化，包括：使用管理工具yeoman中的portal-client腳手架創(chuàng)建平臺(tái)工程portal-client；配置應(yīng)用依賴，到npm私的服(前端模塊的管理平臺(tái))中已經(jīng)存在的client模塊可以直接配置后裝載；使用yeoman中app-client腳手架創(chuàng)建應(yīng)用工程app-client；配置應(yīng)用構(gòu)建模式及依賴組件；在portal-client中使用內(nèi)置命令安裝client模塊(包含平臺(tái)工程內(nèi)client及私的服上的client)；通過腳手架快速創(chuàng)建工程，并且快速處理應(yīng)用及組件依賴，構(gòu)建好本地應(yīng)用的開發(fā)環(huán)境。無錫邦程信息科技有限公司專業(yè)從事網(wǎng)站建設(shè)、電商方及APP開發(fā)等業(yè)務(wù)。重慶輔助技術(shù)搭建好處

    所述方法還包括基于http-proxy(代理服務(wù)器)實(shí)現(xiàn)所述前端模塊的服務(wù)接口調(diào)用。本發(fā)明實(shí)施例一種可行的實(shí)施方式中，通過，代理地址可以在配置文件中進(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)資源映射路徑，然后亦可通過http-proxy來代理這些資源路徑。前端模塊在開發(fā)中調(diào)用服務(wù)接口的方式包括以下幾種，其均主要基于node的http-proxy來實(shí)現(xiàn)：指定的mockserver公用的后臺(tái)服務(wù)；指定的后臺(tái)開發(fā)人員的服務(wù)，web微服務(wù)平臺(tái)化的前端開發(fā)框架提供了本地緩存，可以將請(qǐng)求過的接口數(shù)據(jù)進(jìn)行緩存，在前端完全隔離的情況下使用內(nèi)置緩存數(shù)據(jù)進(jìn)行開發(fā)。圖5為本發(fā)明實(shí)施例提供的一種前端開發(fā)環(huán)境的搭建裝置的結(jié)構(gòu)示意圖，該裝置可由軟件和/或硬件實(shí)現(xiàn)，一般地集成于服務(wù)器中，可通過前端開發(fā)環(huán)境的搭建方法來實(shí)現(xiàn)。如圖所示，本實(shí)施例可以以上述實(shí)施例為基礎(chǔ)，提供了一種前端開發(fā)環(huán)境的搭建裝置，其主要包括了封裝單元510、配置定義單元520、依賴建立單元530以及環(huán)境搭建單元540。其中的封裝單元510。陜西業(yè)務(wù)前景技術(shù)搭建優(yōu)勢(shì)邦程為不同類型的客戶提供良好的互聯(lián)網(wǎng)應(yīng)用定制解決方案，幫助客戶在新的全球化互聯(lián)網(wǎng)環(huán)境中保持優(yōu)勢(shì)。

    通過在前端模塊接入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)。

    所述模塊包文件為通過java語言編寫的java代碼形成的jar包，每一獨(dú)有形成的jar包可能用于實(shí)現(xiàn)某一功能或者應(yīng)用。通過源工程獲取的資源文件，可以為html，js，css，img文件中的一種或兩種及以上的組合，例如通過java語言實(shí)現(xiàn)的jar，在jar包內(nèi)可包括其對(duì)應(yīng)的資源文件，可通過封裝的形式形成所述前端模塊，其它類型的資源文件可以為根據(jù)具體代碼封裝生成。本發(fā)明實(shí)施例的一種具體的實(shí)施場(chǎng)景中，所述前端資源文件還包括根據(jù)開發(fā)需求形成的資源文件，根據(jù)具體的開發(fā)需求可以實(shí)現(xiàn)資源文件的定制，進(jìn)一步還可以實(shí)現(xiàn)對(duì)資源文件的平臺(tái)共享。在步驟120中，對(duì)所述前端應(yīng)用模塊所屬的前端模塊進(jìn)行定義，其中，所述定義包括對(duì)所述前端模塊的靜態(tài)資源目錄和工程化相關(guān)文件進(jìn)行的配置；在步驟110中生成的前端模塊為基礎(chǔ)的客戶端模塊，其所形成的模塊中至少應(yīng)包括靜態(tài)資源目錄和工程化相關(guān)文件，對(duì)靜態(tài)資源目錄和工程化相關(guān)文件進(jìn)行的具體配置即為對(duì)所述前端模塊進(jìn)行的定義。所述工程化相關(guān)文件為通過本發(fā)明的方法搭建的前端開發(fā)環(huán)境中，在開發(fā)過程中的工程所使用的工程化相關(guān)文件，其包括但不限于預(yù)編譯文件、模塊化打包文件以及壓縮文件等。本步驟中的定義。無錫邦程信息科技有限公司，向廣大用戶提供好質(zhì)量產(chǎn)品和好質(zhì)量服務(wù)，從而贏得了用戶的信賴。

    通過web微服務(wù)平臺(tái)化的前端開發(fā)框架的配置文件獲取開發(fā)完成的前端模塊，對(duì)所述定義后的前端模塊進(jìn)行預(yù)編譯、打包和壓縮，并將壓縮后的前端模塊通過搭建企業(yè)內(nèi)部的npm倉(cāng)庫(kù)，將前端模塊通過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)景中，通過在定義client模塊時(shí)需要對(duì)所述前端模塊的靜態(tài)資源目錄、模塊化打包入口文件、預(yù)編譯命令、資源映射均進(jìn)行配置。邦程科技通過周密的策劃、深入的調(diào)查、理性的分析、精妙的創(chuàng)意、專業(yè)的實(shí)施。河北如何技術(shù)搭建市場(chǎng)價(jià)

無錫邦程信息科技有限公司開，創(chuàng)性地建立了適合中小企業(yè)需要的IT應(yīng)用服務(wù)運(yùn)營(yíng)模式。重慶輔助技術(shù)搭建好處

    在傳統(tǒng)的web應(yīng)用開發(fā)的基礎(chǔ)結(jié)構(gòu)，例如api、web和server結(jié)構(gòu)的web微服務(wù)平臺(tái)化的前端開發(fā)框架基礎(chǔ)上增加了新的前端模塊，結(jié)合圖2所示，為本發(fā)明的實(shí)施例的模塊結(jié)構(gòu)劃分示意圖，其中的前端模塊為現(xiàn)有的api、web和server的基礎(chǔ)上增加的client模塊(前端模塊)，從圖中可以看出，所述前端模塊與原有的java工程完全解耦，使得前端模塊在web微服務(wù)平臺(tái)化的前端開發(fā)框架中擁有更靈活的應(yīng)用以及更多創(chuàng)造性應(yīng)用。結(jié)合圖3所示，為本發(fā)明的前端模塊在web微服務(wù)平臺(tá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)系亦可包括前端開發(fā)環(huán)境搭建所需要的依賴關(guān)系。結(jié)合圖3所示，本發(fā)明實(shí)施例一種可行的實(shí)施方式中，所述前端模塊的管理單元為npm私的服，可通過nexus來搭建npm私的服，client模塊可以發(fā)布至私的服后供其他需要的平臺(tái)下載，進(jìn)而提供前端模塊、應(yīng)用和組件的依賴管理。結(jié)合圖3所示，封裝后的前端模塊中的base-client為前端基礎(chǔ)子模塊；starter-portal-client為平臺(tái)基礎(chǔ)模塊。重慶輔助技術(shù)搭建好處

無錫邦程信息科技有限公司是一家有著先進(jìn)的發(fā)展理念，先進(jìn)的管理經(jīng)驗(yàn)，在發(fā)展過程中不斷完善自己，要求自己，不斷創(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è)谝院蟮牡缆飞媳３謯^發(fā)圖強(qiáng)、一往無前的進(jìn)取創(chuàng)新精神，努力把公司發(fā)展戰(zhàn)略推向一個(gè)新高度，在全體員工共同努力之下，全力拼搏將共同無錫邦程信息科技供應(yīng)和您一起攜手走向更好的未來，創(chuàng)造更有價(jià)值的產(chǎn)品，我們將以更好的狀態(tài)，更認(rèn)真的態(tài)度，更飽滿的精力去創(chuàng)造，去拼搏，去努力，讓我們一起更好更快的成長(zhǎng)！