江蘇業務前景技術搭建選擇

    本發明通過將原工作的模塊包文件抽離封裝形成獨有的客戶端的形式，使得按照開發需求根據已形成的客戶端進行所需要的配置，根據不同的配置文件能夠形成不同的客戶端模塊，將所有需要的配置打包成一個模塊發布到管理平臺后開發人員能夠直接使用這些客戶端模塊。本發明解決了在非前后端分離開發過程中過于依賴后端環境的問題，降低了前端開發的難度，同時也解決了完全前后端分離下前端工程結構未能按模塊拆分過于耦合的問題。本發明中，上述各技術方案之間還可以相互組合，以實現更多的推薦組合方案。本發明的其他特征和優點將在隨后的說明書中闡述，并且，部分優點可從說明書中變得顯而易見，或者通過實施本發明而了解。本發明的目的和其他優點可通過說明書以及附圖中所特別指出的內容中來實現和獲得。具體實施方式為使本發明實施例的目的、技術方案和優點更加清楚，下面將結合本發明實施例中的附圖，對本發明實施例中的技術方案進行清楚、完整地描述，顯然，所描述的實施例是本發明一部分實施例，而不是全部的實施例。基于本發明中的實施例，本領域普通技術人員在沒有作出創造性勞動前提下所獲得的所有其他實施例，都屬于本發明保護的范圍。無錫邦程信息科技有限公司，專業的幫助客戶在新的全球化互聯網環境中保持優勢。江蘇業務前景技術搭建選擇

    在傳統的web應用開發的基礎結構，例如api、web和server結構的web微服務平臺化的前端開發框架基礎上增加了新的前端模塊，結合圖2所示，為本發明的實施例的模塊結構劃分示意圖，其中的前端模塊為現有的api、web和server的基礎上增加的client模塊(前端模塊)，從圖中可以看出，所述前端模塊與原有的java工程完全解耦，使得前端模塊在web微服務平臺化的前端開發框架中擁有更靈活的應用以及更多創造性應用。結合圖3所示，為本發明的前端模塊在web微服務平臺化的前端開發框架下的前端模塊的工程結構，其中，前端工程結構是基于npm的模塊化管理實現，工程結構與模塊劃分也更加清晰，結合圖2及圖3所示，前端平臺模塊包括若干平臺基礎模塊，每一平臺基礎模塊又包括若干平臺基礎子模塊，各模塊之間的關系亦可包括前端開發環境搭建所需要的依賴關系。結合圖3所示，本發明實施例一種可行的實施方式中，所述前端模塊的管理單元為npm私的服，可通過nexus來搭建npm私的服，client模塊可以發布至私的服后供其他需要的平臺下載，進而提供前端模塊、應用和組件的依賴管理。結合圖3所示，封裝后的前端模塊中的base-client為前端基礎子模塊；starter-portal-client為平臺基礎模塊。陜西智能化技術搭建選擇邦程為不同類型的客戶提供良好的互聯網應用定制解決方案，幫助客戶在新的全球化互聯網環境中保持優勢。

    ramrandomaccessmemory)、磁碟或者光盤等各種可以存儲程序代碼的介質。另一方面，本發明實施例還提供一種非暫態計算機可讀存儲介質，其上存儲有計算機程序，該計算機程序被處理器執行時實現以執行上述各實施例提供的傳輸方法，例如包括：通過web微服務平臺化預建立的前端應用工程模板創建前端應用模塊，在所述前端應用模塊加入前端資源文件，其中，所述前端資源文件包括源工程遷移的資源文件和根據開發需求形成的資源文件；對所述前端應用模塊所屬的前端模塊進行定義，其中，所述定義為對所述前端模塊的靜態資源目錄和工程化相關文件進行的配置；通過javascript包管理工具建立所述定義后的前端模塊的依賴關系；通過所述web微服務平臺化的前端開發框架預建立的前端工程模板創建前端平臺模塊，結合所述依賴關系搭建前端開發環境。以上所描述的裝置實施例可可是示意性的，其中所述作為分離部件說明的單元可以是或者也可以不是物理上分開的，作為單元顯示的部件可以是或者也可以不是物理單元，即可以位于一個地方，或者也可以分布到多個網絡單元上?？梢愿鶕嶋H的需要選擇其中的部分或者全部模塊來實現本實施例方案的目的。本領域普通技術人員在不付出創造性的勞動的情況下。

    所述第二依賴關系可以為在新增前端模塊的web微服務環境中前端模塊與對應的組件或對應應用之間的通信協議產生，所述一依賴關系與所述第二依賴關系之間可以互為補充，亦可為互為包含，通過根據所述一依賴關系和所述第二依賴關系生成所述定義后的前端模塊的依賴關系，能夠避免封裝后的前端模塊在配置時出現依賴偏差。本發明實施例的前端開發環境搭建完成后，通過讀取平臺配置文件獲取所需要的client模塊，按照配置文件中的順序依次加載對應的各模塊，然后獲取到各模塊的靜態資源路徑，將該路徑通過執行，這樣就實現了結合上述依賴關系控制client模塊的靜態資源加載及相應順序。在平臺與client模塊開發過程中，還可以通過npmlink命令實現開發的工程組下內部模塊協同開發的問題，防止頻繁的發布和裝載。通過本發明實施例搭建的前端開發環境，可以讓前端人員友好的控制及調試開發，不依賴任何后端服務、數據庫和中間件。本發明實施例一種可行的實施方式中，平臺提供的client模塊的模板可內置多種命令完善前端工程化的結構標準、代碼規范，例如editorconfig：同化編輯器之前差異；eslint：模塊包文件所表示的代碼校驗；prettier：美化代碼等。本發明實施例一種可行的實施方式中。邦程專業領域包括網站建設、無錫網站優化、網站代運營、阿里巴巴代運營、百度愛采購代理商、移動營銷服務。

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

無錫邦程信息科技有限公司專業從事網站建設、為客戶提供一站式品牌策劃、創意設計、開發及托管等服務。江蘇業務前景技術搭建選擇

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

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