湖南提供技術搭建優勢

    前端開發環境的搭建方法、裝置、設備及存儲介質。背景技術：微服務是一種服務間松耦合的、每個服務之間高度自治并且使用輕量級協議進行通信的可持續集成部署的分布式架構體系。其可以采取較為典型的分布式結構，細分的部署粒度，服務的擴展性更為靈活。前端開發模式目前有兩種方式：其中的一種是，利用微服務體系實現各服務間隔離、自治，體現在工程中各服務模塊也相對獨有，在基于springcloud搭建的微服務平臺架構中，常用的是將每個模塊對應的前端資源放入對應的web模塊resources/static目錄下，通過maven將所有的模塊整合在一起，但是這樣所有的前端資源都分散在不同的jar包中，通過配置靜態資源路由來尋址這些資源，這導致前端開發環境是依賴java工程，可能會受到數據庫、中間件等環境的影響，并且資源加載順序無法控制，靜態資源無法熱更新，各模塊打包時所需的平臺資源和公共組件資源無法獲得，對于異構模塊需要將編譯后的代碼放入到web工程中才可以使用，而且異構系統在開發階段獲取不了平臺的資源環境等，這些都很大程度上影響了前端開發人員的工作環境與效率。另一種前端開發模式就是將前端工程完全獨有，將所有模塊的代碼都放在一個工程中。邦程專業領域包括網站建設、無錫網站優化、網站代運營、阿里巴巴代運營、百度愛采購代理商、移動營銷服務。湖南提供技術搭建優勢

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

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

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

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

同客戶的實際情況和具體需求進行良好結合，為不同類型的客戶提供好品質的互聯網應用定制解決方案。湖南提供技術搭建優勢

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

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