本發明通過將原工作的模塊包文件抽離封裝形成獨有的客戶端的形式,使得按照開發需求根據已形成的客戶端進行所需要的配置,根據不同的配置文件能夠形成不同的客戶端模塊,將所有需要的配置打包成一個模塊發布到管理平臺后開發人員能夠直接使用這些客戶端模塊。本發明解決了在非前后端分離開發過程中過于依賴后端環境的問題,降低了前端開發的難度,同時也解決了完全前后端分離下前端工程結構未能按模塊拆分過于耦合的問題。本發明中,上述各技術方案之間還可以相互組合,以實現更多的推薦組合方案。本發明的其他特征和優點將在隨后的說明書中闡述,并且,部分優點可從說明書中變得顯而易見,或者通過實施本發明而了解。本發明的目的和其他優點可通過說明書以及附圖中所特別指出的內容中來實現和獲得。具體實施方式為使本發明實施例的目的、技術方案和優點更加清楚,下面將結合本發明實施例中的附圖,對本發明實施例中的技術方案進行清楚、完整地描述,顯然,所描述的實施例是本發明一部分實施例,而不是全部的實施例。基于本發明中的實施例,本領域普通技術人員在沒有作出創造性勞動前提下所獲得的所有其他實施例,都屬于本發明保護的范圍。邦程科技專業網站后臺,為網站管理帶來福音;可需簡單交互,就能更新官網內容;一站更新。上海什么是技術搭建包含
ramrandomaccessmemory)、磁碟或者光盤等各種可以存儲程序代碼的介質。另一方面,本發明實施例還提供一種非暫態計算機可讀存儲介質,其上存儲有計算機程序,該計算機程序被處理器執行時實現以執行上述各實施例提供的傳輸方法,例如包括:通過web微服務平臺化預建立的前端應用工程模板創建前端應用模塊,在所述前端應用模塊加入前端資源文件,其中,所述前端資源文件包括源工程遷移的資源文件和根據開發需求形成的資源文件;對所述前端應用模塊所屬的前端模塊進行定義,其中,所述定義為對所述前端模塊的靜態資源目錄和工程化相關文件進行的配置;通過javascript包管理工具建立所述定義后的前端模塊的依賴關系;通過所述web微服務平臺化的前端開發框架預建立的前端工程模板創建前端平臺模塊,結合所述依賴關系搭建前端開發環境。以上所描述的裝置實施例可可是示意性的,其中所述作為分離部件說明的單元可以是或者也可以不是物理上分開的,作為單元顯示的部件可以是或者也可以不是物理單元,即可以位于一個地方,或者也可以分布到多個網絡單元上。可以根據實際的需要選擇其中的部分或者全部模塊來實現本實施例方案的目的。本領域普通技術人員在不付出創造性的勞動的情況下。江西提供技術搭建信息中心無錫邦程信息科技有限公司專業從事網站建設、電商方及APP開發等業務。
本發明涉及一種前端開發環境的搭建方法、裝置、設備及存儲介質,其主要運用于前端開發使用語言進行過渡的場景中,其基本思想是:將現有工程的資源文件及配置文件以及根據開發需求生成的配置資源文件等進行封裝形成前端模塊,該前端模塊包括前端平臺模塊以及前端應用模塊,其中的前端平臺模塊又包括前端基礎模塊,前端基礎模塊包括若干基礎子模塊,前端模塊中包括了前端應用模塊的依賴以及組件的依賴,將前端模塊發布后,開發人員能夠通過這種方式直接通過配置文件讀取這些前端模塊,而不再依賴于已編譯的后端工程文件,對于開發工作人員而言提供了一種新的前端開發環境以及一種新的前端開發環境的快速搭建方法。圖1為本發明實施例一提供的流程圖,本實施例可適用于對前端工程進行封裝以獨有進行配置的情況,該方法具體包括如下步驟:在步驟110中,通過web微服務平臺化預建立的前端應用工程模板創建前端應用模塊,在所述前端應用模塊加入前端資源文件,其中,所述前端資源文件包括源工程遷移的資源文件和根據開發需求形成的資源文件;本發明實施例一種可行的實施方式中,所述源工程可以為在開發過程中的原java環境中的java工程。
所述方法還包括基于http-proxy(代理服務器)實現所述前端模塊的服務接口調用。本發明實施例一種可行的實施方式中,通過,代理地址可以在配置文件中進行配置。配置文件中可以指定mock類型、服務地址及規則,mock的實現也是http-proxy代理實現。對于需要預編譯client模塊的開發環境集成,需要配置文件中指定client模塊的開發服務地址及靜態資源映射路徑,然后亦可通過http-proxy來代理這些資源路徑。前端模塊在開發中調用服務接口的方式包括以下幾種,其均主要基于node的http-proxy來實現:指定的mockserver公用的后臺服務;指定的后臺開發人員的服務,web微服務平臺化的前端開發框架提供了本地緩存,可以將請求過的接口數據進行緩存,在前端完全隔離的情況下使用內置緩存數據進行開發。圖5為本發明實施例提供的一種前端開發環境的搭建裝置的結構示意圖,該裝置可由軟件和/或硬件實現,一般地集成于服務器中,可通過前端開發環境的搭建方法來實現。如圖所示,本實施例可以以上述實施例為基礎,提供了一種前端開發環境的搭建裝置,其主要包括了封裝單元510、配置定義單元520、依賴建立單元530以及環境搭建單元540。其中的封裝單元510。無錫邦程信息科技有限公司,向廣大用戶提供好質量產品和好質量服務,從而贏得了用戶的信賴。
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);通過腳手架快速創建工程,并且快速處理應用及組件依賴,構建好本地應用的開發環境。邦程為不同類型的客戶提供良好的互聯網應用定制解決方案,幫助客戶在新的全球化互聯網環境中保持優勢。云南什么是技術搭建怎么樣
技術搭建,簡單易用的管理后臺,能實現多個平臺同步,實現真正高效管理網站。上海什么是技術搭建包含
通過web微服務平臺化的前端開發框架的配置文件獲取開發完成的前端模塊,對所述定義后的前端模塊進行預編譯、打包和壓縮,并將壓縮后的前端模塊通過搭建企業內部的npm倉庫,將前端模塊通過npm包管理工具的publish組件發布至搭建的至npm私的服(前端模塊的管理平臺),達到所有的client模塊進行管理。本發明實施例的一種實施場景下,所述打包流程包括:利用,用gulp構建任務監控所有靜態資源、js、css、sass和html;一般地,具體步驟包括:清理輸出目錄;對于需要預編譯的模板進行預編譯處理;整合平臺基礎依賴和應用模塊的資源文件到整合目錄;整合應用模塊配置的第三方資源文件到整合目錄;依據配置的js文件模塊化入口進行模塊化文件合并;壓縮合并后的js模塊整合文件和css文件到輸出目錄;刪除整合目錄。本發明實施例一種可行的實施方式中,所述前端應用模塊所屬的前端模塊進行定義,還包括對前端模塊中的預編譯命令以及資源映射進行配置,包括:對所述前端模塊的預編譯命令進行配置;和/或對所述前端模塊的資源映射進行配置。本發明實施例的一般應用場景中,通過在定義client模塊時需要對所述前端模塊的靜態資源目錄、模塊化打包入口文件、預編譯命令、資源映射均進行配置。上海什么是技術搭建包含
無錫邦程信息科技有限公司是一家有著雄厚實力背景、信譽可靠、勵精圖治、展望未來、有夢想有目標,有組織有體系的公司,堅持于帶領員工在未來的道路上大放光明,攜手共畫藍圖,在江蘇省等地區的商務服務行業中積累了大批忠誠的客戶粉絲源,也收獲了良好的用戶口碑,為公司的發展奠定的良好的行業基礎,也希望未來公司能成為*****,努力為行業領域的發展奉獻出自己的一份力量,我們相信精益求精的工作態度和不斷的完善創新理念以及自強不息,斗志昂揚的的企業精神將**無錫邦程信息科技供應和您一起攜手步入輝煌,共創佳績,一直以來,公司貫徹執行科學管理、創新發展、誠實守信的方針,員工精誠努力,協同奮取,以品質、服務來贏得市場,我們一直在路上!