湖南提供技術(shù)搭建優(yōu)勢

    前端開發(fā)環(huán)境的搭建方法、裝置、設(shè)備及存儲介質(zhì)。背景技術(shù)：微服務(wù)是一種服務(wù)間松耦合的、每個服務(wù)之間高度自治并且使用輕量級協(xié)議進行通信的可持續(xù)集成部署的分布式架構(gòu)體系。其可以采取較為典型的分布式結(jié)構(gòu)，細(xì)分的部署粒度，服務(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ù)。湖南提供技術(shù)搭建優(yōu)勢

    所述方法還包括基于http-proxy(代理服務(wù)器)實現(xiàn)所述前端模塊的服務(wù)接口調(diào)用。本發(fā)明實施例一種可行的實施方式中，通過，代理地址可以在配置文件中進行配置。配置文件中可以指定mock類型、服務(wù)地址及規(guī)則，mock的實現(xiàn)也是http-proxy代理實現(xiàn)。對于需要預(yù)編譯client模塊的開發(fā)環(huán)境集成，需要配置文件中指定client模塊的開發(fā)服務(wù)地址及靜態(tài)資源映射路徑，然后亦可通過http-proxy來代理這些資源路徑。前端模塊在開發(fā)中調(diào)用服務(wù)接口的方式包括以下幾種，其均主要基于node的http-proxy來實現(xiàn)：指定的mockserver公用的后臺服務(wù)；指定的后臺開發(fā)人員的服務(wù)，web微服務(wù)平臺化的前端開發(fā)框架提供了本地緩存，可以將請求過的接口數(shù)據(jù)進行緩存，在前端完全隔離的情況下使用內(nèi)置緩存數(shù)據(jù)進行開發(fā)。圖5為本發(fā)明實施例提供的一種前端開發(fā)環(huán)境的搭建裝置的結(jié)構(gòu)示意圖，該裝置可由軟件和/或硬件實現(xiàn)，一般地集成于服務(wù)器中，可通過前端開發(fā)環(huán)境的搭建方法來實現(xiàn)。如圖所示，本實施例可以以上述實施例為基礎(chǔ)，提供了一種前端開發(fā)環(huán)境的搭建裝置，其主要包括了封裝單元510、配置定義單元520、依賴建立單元530以及環(huán)境搭建單元540。其中的封裝單元510。山西輔助技術(shù)搭建好處無錫邦程信息科技有限公司專業(yè)從事網(wǎng)站建設(shè)、電商方及APP開發(fā)等業(yè)務(wù)。

    通過所述web微服務(wù)平臺化的前端開發(fā)框架預(yù)建立的前端工程模板創(chuàng)建前端平臺模塊，結(jié)合所述依賴關(guān)系搭建前端開發(fā)環(huán)境。需要說明的是，本實施例中的電子設(shè)備在具體實現(xiàn)時可以為服務(wù)器，也可以為pc機，還可以為其他設(shè)備，只要其結(jié)構(gòu)中包括如圖6所示的處理器810、通信接口820、存儲器830和通信總線840，其中處理器810，通信接口820，存儲器830通過通信總線840完成相互間的通信，且處理器810可以調(diào)用存儲器830中的邏輯指令以執(zhí)行上述方法即可。本實施例不對電子設(shè)備的具體實現(xiàn)形式進行限定。此外，上述的存儲器830中的邏輯指令可以通過軟件功能單元的形式實現(xiàn)并作為獨有的產(chǎn)品銷售或使用時，可以存儲在一個計算機可讀取存儲介質(zhì)中。基于這樣的理解，本發(fā)明的技術(shù)方案本質(zhì)上或者說對現(xiàn)有技術(shù)做出貢獻(xiàn)的部分或者該技術(shù)方案的部分可以以軟件產(chǎn)品的形式體現(xiàn)出來，該計算機軟件產(chǎn)品存儲在一個存儲介質(zhì)中，包括若干指令用以使得一臺計算機設(shè)備(可以是個人計算機，服務(wù)器，或者網(wǎng)絡(luò)設(shè)備等)執(zhí)行本發(fā)明各個實施例所述方法的全部或部分步驟。而前述的存儲介質(zhì)包括：u盤、移動硬盤、只讀存儲器(rom，read-onlymemory)、隨機存取存儲器。

    本發(fā)明實施例另一種可行的實施方式中，在所述，亦可使用yeoman管理工具管理腳手架模板，yeoman是成熟的工程腳手架管理工具，能夠?qū)崿F(xiàn)快速搭建開發(fā)環(huán)境。本發(fā)明實施例中所述腳手架模塊的意義主要為定義工程結(jié)構(gòu)和基礎(chǔ)屬性設(shè)置，初始化之后，只需要將抽離出來的前端資源文件放置在對應(yīng)的目錄中，然后在npm模塊入口文件中聲明前端模塊的靜態(tài)資源目錄和工程化相關(guān)(預(yù)編譯、模塊化打包壓縮等)配置，即可完成前端模塊的封裝。本發(fā)明實施例一種具體和實施場景中，所述前端模塊腳手架裝置的配置包括：使用yeoman管理腳手架模板，以快速搭建開發(fā)環(huán)境；創(chuàng)建portal-client(前端平臺模塊，屬于前端模塊中的平臺模塊)平臺腳手架，包含工程結(jié)構(gòu)、基礎(chǔ)配置和內(nèi)置腳本等；創(chuàng)建app-client(前端應(yīng)用模塊，屬于前端模塊中的應(yīng)用模塊)應(yīng)用腳手架，包含工程結(jié)構(gòu)、基礎(chǔ)配置和內(nèi)置腳本等；擴展特殊應(yīng)用腳手架，針對異構(gòu)開發(fā)的兼容等；將腳手架發(fā)布至至npm私的服(前端模塊的管理平臺)進行管理。通過yeoman可以管理多種腳手架以適應(yīng)不同的場景。本發(fā)明實施例一種可行的實施方式中，所述基于，定制之后的腳手架工具能夠快速生成相應(yīng)的項目以提高開發(fā)效率。本發(fā)明的方法。邦程科技視推動中國企業(yè)開展電子商務(wù)、實現(xiàn)信息化為己任；深入研究企業(yè)客戶的實際需要的網(wǎng)絡(luò)技術(shù)搭建。

    通過web微服務(wù)平臺化的前端開發(fā)框架的配置文件獲取開發(fā)完成的前端模塊，對所述定義后的前端模塊進行預(yù)編譯、打包和壓縮，并將壓縮后的前端模塊通過搭建企業(yè)內(nèi)部的npm倉庫，將前端模塊通過npm包管理工具的publish組件發(fā)布至搭建的至npm私的服(前端模塊的管理平臺)，達(dá)到所有的client模塊進行管理。本發(fā)明實施例的一種實施場景下，所述打包流程包括：利用，用gulp構(gòu)建任務(wù)監(jiān)控所有靜態(tài)資源、js、css、sass和html；一般地，具體步驟包括：清理輸出目錄；對于需要預(yù)編譯的模板進行預(yù)編譯處理；整合平臺基礎(chǔ)依賴和應(yīng)用模塊的資源文件到整合目錄；整合應(yīng)用模塊配置的第三方資源文件到整合目錄；依據(jù)配置的js文件模塊化入口進行模塊化文件合并；壓縮合并后的js模塊整合文件和css文件到輸出目錄；刪除整合目錄。本發(fā)明實施例一種可行的實施方式中，所述前端應(yīng)用模塊所屬的前端模塊進行定義，還包括對前端模塊中的預(yù)編譯命令以及資源映射進行配置，包括：對所述前端模塊的預(yù)編譯命令進行配置；和/或?qū)λ銮岸四K的資源映射進行配置。本發(fā)明實施例的一般應(yīng)用場景中，通過在定義client模塊時需要對所述前端模塊的靜態(tài)資源目錄、模塊化打包入口文件、預(yù)編譯命令、資源映射均進行配置。邦程科技通過周密的策劃、深入的調(diào)查、理性的分析、精妙的創(chuàng)意、專業(yè)的實施。云南哪里技術(shù)搭建信息中心

同客戶的實際情況和具體需求進行良好結(jié)合，為不同類型的客戶提供好品質(zhì)的互聯(lián)網(wǎng)應(yīng)用定制解決方案。湖南提供技術(shù)搭建優(yōu)勢

    本發(fā)明涉及一種前端開發(fā)環(huán)境的搭建方法、裝置、設(shè)備及存儲介質(zhì)，其主要運用于前端開發(fā)使用語言進行過渡的場景中，其基本思想是：將現(xiàn)有工程的資源文件及配置文件以及根據(jù)開發(fā)需求生成的配置資源文件等進行封裝形成前端模塊，該前端模塊包括前端平臺模塊以及前端應(yīng)用模塊，其中的前端平臺模塊又包括前端基礎(chǔ)模塊，前端基礎(chǔ)模塊包括若干基礎(chǔ)子模塊，前端模塊中包括了前端應(yīng)用模塊的依賴以及組件的依賴，將前端模塊發(fā)布后，開發(fā)人員能夠通過這種方式直接通過配置文件讀取這些前端模塊，而不再依賴于已編譯的后端工程文件，對于開發(fā)工作人員而言提供了一種新的前端開發(fā)環(huán)境以及一種新的前端開發(fā)環(huán)境的快速搭建方法。圖1為本發(fā)明實施例一提供的流程圖，本實施例可適用于對前端工程進行封裝以獨有進行配置的情況，該方法具體包括如下步驟：在步驟110中，通過web微服務(wù)平臺化預(yù)建立的前端應(yīng)用工程模板創(chuàng)建前端應(yīng)用模塊，在所述前端應(yīng)用模塊加入前端資源文件，其中，所述前端資源文件包括源工程遷移的資源文件和根據(jù)開發(fā)需求形成的資源文件；本發(fā)明實施例一種可行的實施方式中，所述源工程可以為在開發(fā)過程中的原java環(huán)境中的java工程。湖南提供技術(shù)搭建優(yōu)勢

無錫邦程信息科技有限公司是一家有著先進的發(fā)展理念，先進的管理經(jīng)驗，在發(fā)展過程中不斷完善自己，要求自己，不斷創(chuàng)新，時刻準(zhǔn)備著迎接更多挑戰(zhàn)的活力公司，在江蘇省等地區(qū)的商務(wù)服務(wù)中匯聚了大量的人脈以及**，在業(yè)界也收獲了很多良好的評價，這些都源自于自身的努力和大家共同進步的結(jié)果，這些評價對我們而言是比較好的前進動力，也促使我們在以后的道路上保持奮發(fā)圖強、一往無前的進取創(chuàng)新精神，努力把公司發(fā)展戰(zhàn)略推向一個新高度，在全體員工共同努力之下，全力拼搏將共同無錫邦程信息科技供應(yīng)和您一起攜手走向更好的未來，創(chuàng)造更有價值的產(chǎn)品，我們將以更好的狀態(tài)，更認(rèn)真的態(tài)度，更飽滿的精力去創(chuàng)造，去拼搏，去努力，讓我們一起更好更快的成長！