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

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

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

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

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

無錫邦程信息科技有限公司專業(yè)從事網(wǎng)站建設(shè)、為客戶提供一站式品牌策劃,、創(chuàng)意設(shè)計,、開發(fā)及托管等服務(wù)。江蘇業(yè)務(wù)前景技術(shù)搭建選擇

    所述方法還包括基于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,。江蘇業(yè)務(wù)前景技術(shù)搭建選擇

無錫邦程信息科技有限公司是一家有著先進的發(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),，更認真的態(tài)度，更飽滿的精力去創(chuàng)造,，去拼搏,，去努力，讓我們一起更好更快的成長,！