本發(fā)明涉及一種前端開(kāi)發(fā)環(huán)境的搭建方法、裝置、設(shè)備及存儲(chǔ)介質(zhì),其主要運(yùn)用于前端開(kāi)發(fā)使用語(yǔ)言進(jìn)行過(guò)渡的場(chǎng)景中,其基本思想是:將現(xiàn)有工程的資源文件及配置文件以及根據(jù)開(kāi)發(fā)需求生成的配置資源文件等進(jìn)行封裝形成前端模塊,該前端模塊包括前端平臺(tái)模塊以及前端應(yīng)用模塊,其中的前端平臺(tái)模塊又包括前端基礎(chǔ)模塊,前端基礎(chǔ)模塊包括若干基礎(chǔ)子模塊,前端模塊中包括了前端應(yīng)用模塊的依賴以及組件的依賴,將前端模塊發(fā)布后,開(kāi)發(fā)人員能夠通過(guò)這種方式直接通過(guò)配置文件讀取這些前端模塊,而不再依賴于已編譯的后端工程文件,對(duì)于開(kāi)發(fā)工作人員而言提供了一種新的前端開(kāi)發(fā)環(huán)境以及一種新的前端開(kāi)發(fā)環(huán)境的快速搭建方法。圖1為本發(fā)明實(shí)施例一提供的流程圖,本實(shí)施例可適用于對(duì)前端工程進(jìn)行封裝以獨(dú)有進(jìn)行配置的情況,該方法具體包括如下步驟:在步驟110中,通過(guò)web微服務(wù)平臺(tái)化預(yù)建立的前端應(yīng)用工程模板創(chuàng)建前端應(yīng)用模塊,在所述前端應(yīng)用模塊加入前端資源文件,其中,所述前端資源文件包括源工程遷移的資源文件和根據(jù)開(kāi)發(fā)需求形成的資源文件;本發(fā)明實(shí)施例一種可行的實(shí)施方式中,所述源工程可以為在開(kāi)發(fā)過(guò)程中的原java環(huán)境中的java工程。透過(guò)龐大的全球性商務(wù)網(wǎng)絡(luò),面對(duì)面地向企業(yè)客戶提供全方面、標(biāo)準(zhǔn)化、一站式的IT應(yīng)用服務(wù)和信息化解決方案。浙江質(zhì)量技術(shù)搭建市場(chǎng)價(jià)
所述第二依賴關(guān)系可以為在新增前端模塊的web微服務(wù)環(huán)境中前端模塊與對(duì)應(yīng)的組件或?qū)?yīng)應(yīng)用之間的通信協(xié)議產(chǎn)生,所述一依賴關(guān)系與所述第二依賴關(guān)系之間可以互為補(bǔ)充,亦可為互為包含,通過(guò)根據(jù)所述一依賴關(guān)系和所述第二依賴關(guān)系生成所述定義后的前端模塊的依賴關(guān)系,能夠避免封裝后的前端模塊在配置時(shí)出現(xiàn)依賴偏差。本發(fā)明實(shí)施例的前端開(kāi)發(fā)環(huán)境搭建完成后,通過(guò)讀取平臺(tái)配置文件獲取所需要的client模塊,按照配置文件中的順序依次加載對(duì)應(yīng)的各模塊,然后獲取到各模塊的靜態(tài)資源路徑,將該路徑通過(guò)執(zhí)行,這樣就實(shí)現(xiàn)了結(jié)合上述依賴關(guān)系控制client模塊的靜態(tài)資源加載及相應(yīng)順序。在平臺(tái)與client模塊開(kāi)發(fā)過(guò)程中,還可以通過(guò)npmlink命令實(shí)現(xiàn)開(kāi)發(fā)的工程組下內(nèi)部模塊協(xié)同開(kāi)發(fā)的問(wèn)題,防止頻繁的發(fā)布和裝載。通過(guò)本發(fā)明實(shí)施例搭建的前端開(kāi)發(fā)環(huán)境,可以讓前端人員友好的控制及調(diào)試開(kāi)發(fā),不依賴任何后端服務(wù)、數(shù)據(jù)庫(kù)和中間件。本發(fā)明實(shí)施例一種可行的實(shí)施方式中,平臺(tái)提供的client模塊的模板可內(nèi)置多種命令完善前端工程化的結(jié)構(gòu)標(biāo)準(zhǔn)、代碼規(guī)范,例如editorconfig:同化編輯器之前差異;eslint:模塊包文件所表示的代碼校驗(yàn);prettier:美化代碼等。本發(fā)明實(shí)施例一種可行的實(shí)施方式中。福建企業(yè)技術(shù)搭建有哪些技術(shù)搭建,簡(jiǎn)單易用的管理后臺(tái),能實(shí)現(xiàn)多個(gè)平臺(tái)同步,實(shí)現(xiàn)真正高效管理網(wǎng)站。
并將每一段獨(dú)有的抽離后的模塊包文件發(fā)送至web微服務(wù)平臺(tái)化的前端開(kāi)發(fā)框架,以生成對(duì)應(yīng)的前端模塊;配置定義單元,用于對(duì)所述前端應(yīng)用模塊所屬的前端模塊進(jìn)行定義,其中,所述定義包括對(duì)所述前端模塊的靜態(tài)資源目錄和工程化相關(guān)文件進(jìn)行的配置;依賴建立單元,用于通過(guò)javascript包管理工具建立所述定義后的前端模塊的依賴關(guān)系;環(huán)境搭建單元,用于從所述web微服務(wù)平臺(tái)化的前端開(kāi)發(fā)框架中預(yù)建立的工程模板中獲取待搭建環(huán)境的待用模板,根據(jù)待用模板以及所述依賴關(guān)系搭建前端開(kāi)發(fā)環(huán)境。上述的裝置,所述裝置還包括:讀取模塊,用于讀取web微服務(wù)平臺(tái)化的前端開(kāi)發(fā)框架的配置文件以獲取定義后的前端模塊;管理模塊,用于對(duì)所述定義后的前端模塊進(jìn)行預(yù)編譯、打包和壓縮,并將壓縮后的前端模塊發(fā)送至包管理工具進(jìn)行管理。第三方面,本發(fā)明還提供了一種電子設(shè)備,所述電子設(shè)備包括:處理器;用于存儲(chǔ)處理器可執(zhí)行的指令的存儲(chǔ)器;其中,所述存儲(chǔ)器被配置為用以實(shí)施上述的前端開(kāi)發(fā)環(huán)境的搭建方法。第四方面,本發(fā)明還提供了一種非易失性計(jì)算機(jī)可讀存儲(chǔ)介質(zhì),其上存儲(chǔ)有計(jì)算機(jī)程序指令,所述計(jì)算機(jī)程序指令被處理器執(zhí)行時(shí)實(shí)現(xiàn)上述任意一項(xiàng)所述的前端開(kāi)發(fā)環(huán)境的搭建方法。
app-client為業(yè)務(wù)子模塊,portal-client為業(yè)務(wù)平臺(tái)整合模塊。所述portal-client前端構(gòu)建包括:通過(guò)內(nèi)置命令對(duì)portal-client整體構(gòu)建打包;通過(guò)內(nèi)置命令發(fā)布portal-client和app-client至至npm私的服(前端模塊的管理平臺(tái)),可供其他平臺(tái)自由組合使用。所述portal-client前端開(kāi)發(fā)配置包括:配置前端開(kāi)發(fā)服務(wù)訪問(wèn)端口;配置后端服務(wù)反向代理地址;配置mock服務(wù)訪問(wèn)模式(mock-server、share-portal、dev-portal);配置平臺(tái)應(yīng)用的裝載順序及應(yīng)用的裝載模式;通過(guò)內(nèi)置命令啟動(dòng)前端開(kāi)發(fā)服務(wù);通過(guò)平臺(tái)具體場(chǎng)景及開(kāi)發(fā)環(huán)境來(lái)配置個(gè)人的前端開(kāi)發(fā)環(huán)境促進(jìn)快速開(kāi)發(fā),聯(lián)調(diào)和測(cè)試。具體地,對(duì)前端工程portal-client和app-client的初始化,包括:使用管理工具yeoman中的portal-client腳手架創(chuàng)建平臺(tái)工程portal-client;配置應(yīng)用依賴,到npm私的服(前端模塊的管理平臺(tái))中已經(jīng)存在的client模塊可以直接配置后裝載;使用yeoman中app-client腳手架創(chuàng)建應(yīng)用工程app-client;配置應(yīng)用構(gòu)建模式及依賴組件;在portal-client中使用內(nèi)置命令安裝client模塊(包含平臺(tái)工程內(nèi)client及私的服上的client);通過(guò)腳手架快速創(chuàng)建工程,并且快速處理應(yīng)用及組件依賴,構(gòu)建好本地應(yīng)用的開(kāi)發(fā)環(huán)境。無(wú)錫邦程信息科技有限公司,向廣大用戶提供好質(zhì)量產(chǎn)品和好質(zhì)量服務(wù),從而贏得了用戶的信賴。
用于通過(guò)web微服務(wù)平臺(tái)化預(yù)建立的前端應(yīng)用工程模板創(chuàng)建前端應(yīng)用模塊,在所述前端應(yīng)用模塊加入前端資源文件;其中的配置定義單元520,用于對(duì)所述前端應(yīng)用模塊所屬的前端模塊進(jìn)行定義,其中,所述定義包括對(duì)所述前端模塊的靜態(tài)資源目錄和工程化相關(guān)文件進(jìn)行的配置;其中的依賴建立單元530,用于通過(guò)javascript包管理工具建立所述定義后的前端模塊的依賴關(guān)系;其中的環(huán)境搭建單元540,用于通過(guò)所述web微服務(wù)平臺(tái)化的前端開(kāi)發(fā)框架預(yù)建立的前端工程模板創(chuàng)建前端平臺(tái)模塊,結(jié)合所述依賴關(guān)系搭建前端開(kāi)發(fā)環(huán)境。本發(fā)明實(shí)施例一種可行的實(shí)施方式中,所述裝置還包括:讀取模塊,用于讀取web微服務(wù)平臺(tái)化的前端開(kāi)發(fā)框架的配置文件以獲取定義后的前端模塊;管理模塊,用于對(duì)所述定義后的前端模塊進(jìn)行預(yù)編譯、打包和壓縮,并將壓縮后的前端模塊發(fā)送至包管理工具進(jìn)行管理。上述實(shí)施例中提供的前端開(kāi)發(fā)環(huán)境的搭建裝置可執(zhí)行本發(fā)明中任意實(shí)施例中所提供的前端開(kāi)發(fā)環(huán)境的搭建方法,具備執(zhí)行該方法相應(yīng)的功能模塊和有益效果,未在上述實(shí)施例中詳細(xì)描述的技術(shù)細(xì)節(jié),可參見(jiàn)本發(fā)明任意實(shí)施例中所提供的前端開(kāi)發(fā)環(huán)境的搭建方法。通過(guò)本發(fā)明實(shí)施例提供的上述裝置和方法。邦程科技專(zhuān)業(yè)網(wǎng)站后臺(tái),為網(wǎng)站管理帶來(lái)福音;可需簡(jiǎn)單交互,就能更新官網(wǎng)內(nèi)容;一站更新。湖北哪里技術(shù)搭建怎么樣
無(wú)錫邦程信息科技有限公司專(zhuān)業(yè)從事網(wǎng)站建設(shè)、電商方及APP開(kāi)發(fā)等業(yè)務(wù)。浙江質(zhì)量技術(shù)搭建市場(chǎng)價(jià)
所述模塊包文件為通過(guò)java語(yǔ)言編寫(xiě)的java代碼形成的jar包,每一獨(dú)有形成的jar包可能用于實(shí)現(xiàn)某一功能或者應(yīng)用。通過(guò)源工程獲取的資源文件,可以為html,js,css,img文件中的一種或兩種及以上的組合,例如通過(guò)java語(yǔ)言實(shí)現(xiàn)的jar,在jar包內(nèi)可包括其對(duì)應(yīng)的資源文件,可通過(guò)封裝的形式形成所述前端模塊,其它類(lèi)型的資源文件可以為根據(jù)具體代碼封裝生成。本發(fā)明實(shí)施例的一種具體的實(shí)施場(chǎng)景中,所述前端資源文件還包括根據(jù)開(kāi)發(fā)需求形成的資源文件,根據(jù)具體的開(kāi)發(fā)需求可以實(shí)現(xiàn)資源文件的定制,進(jìn)一步還可以實(shí)現(xiàn)對(duì)資源文件的平臺(tái)共享。在步驟120中,對(duì)所述前端應(yīng)用模塊所屬的前端模塊進(jìn)行定義,其中,所述定義包括對(duì)所述前端模塊的靜態(tài)資源目錄和工程化相關(guān)文件進(jìn)行的配置;在步驟110中生成的前端模塊為基礎(chǔ)的客戶端模塊,其所形成的模塊中至少應(yīng)包括靜態(tài)資源目錄和工程化相關(guān)文件,對(duì)靜態(tài)資源目錄和工程化相關(guān)文件進(jìn)行的具體配置即為對(duì)所述前端模塊進(jìn)行的定義。所述工程化相關(guān)文件為通過(guò)本發(fā)明的方法搭建的前端開(kāi)發(fā)環(huán)境中,在開(kāi)發(fā)過(guò)程中的工程所使用的工程化相關(guān)文件,其包括但不限于預(yù)編譯文件、模塊化打包文件以及壓縮文件等。本步驟中的定義。浙江質(zhì)量技術(shù)搭建市場(chǎng)價(jià)
無(wú)錫邦程信息科技有限公司是一家有著先進(jìn)的發(fā)展理念,先進(jìn)的管理經(jīng)驗(yàn),在發(fā)展過(guò)程中不斷完善自己,要求自己,不斷創(chuàng)新,時(shí)刻準(zhǔn)備著迎接更多挑戰(zhàn)的活力公司,在江蘇省等地區(qū)的商務(wù)服務(wù)中匯聚了大量的人脈以及**,在業(yè)界也收獲了很多良好的評(píng)價(jià),這些都源自于自身的努力和大家共同進(jìn)步的結(jié)果,這些評(píng)價(jià)對(duì)我們而言是比較好的前進(jìn)動(dòng)力,也促使我們?cè)谝院蟮牡缆飞媳3謯^發(fā)圖強(qiáng)、一往無(wú)前的進(jìn)取創(chuàng)新精神,努力把公司發(fā)展戰(zhàn)略推向一個(gè)新高度,在全體員工共同努力之下,全力拼搏將共同無(wú)錫邦程信息科技供應(yīng)和您一起攜手走向更好的未來(lái),創(chuàng)造更有價(jià)值的產(chǎn)品,我們將以更好的狀態(tài),更認(rèn)真的態(tài)度,更飽滿的精力去創(chuàng)造,去拼搏,去努力,讓我們一起更好更快的成長(zhǎng)!