本發(fā)明涉及計(jì)算機(jī)，尤其涉及一種頁面代碼的開發(fā)調(diào)試方法和裝置。

背景技術(shù)：

1、在一些基于saas(software?as?a?service，軟件交付模型)開發(fā)的平臺(tái)中，由多個(gè)獨(dú)立組件搭建業(yè)務(wù)頁面或基于平臺(tái)能力擴(kuò)展業(yè)務(wù)能力，常見場(chǎng)景如低代碼可視化平臺(tái)、數(shù)據(jù)中臺(tái)小程序等平臺(tái)。以往多是基于saas平臺(tái)提供的軟件開發(fā)工具包或軟件工程腳手架進(jìn)行本地開發(fā)，但在開發(fā)過程中測(cè)試場(chǎng)景比較單一，有些情況測(cè)試范圍無法覆蓋全，而在saas平臺(tái)真正使用時(shí)，與其他組件結(jié)合使用可能會(huì)出現(xiàn)意想不到的問題，錯(cuò)誤日志又不全面，此時(shí)修復(fù)問題鏈條就會(huì)比較長(zhǎng)，需要本地預(yù)測(cè)問題點(diǎn)打包上傳或進(jìn)行日志埋點(diǎn)進(jìn)行排查，導(dǎo)致時(shí)間成本增加。綜上，現(xiàn)有的頁面代碼調(diào)試方式定位問題較難，且調(diào)試鏈條較長(zhǎng)，導(dǎo)致調(diào)試時(shí)間成本增加。

技術(shù)實(shí)現(xiàn)思路

1、有鑒于此，本發(fā)明實(shí)施例提供一種頁面代碼的開發(fā)調(diào)試方法和裝置，能夠?qū)崿F(xiàn)本地代碼修改后實(shí)時(shí)呈現(xiàn)到頁面代碼開發(fā)平臺(tái)的目的，因?yàn)楸镜卮a直接聯(lián)動(dòng)頁面代碼開發(fā)平臺(tái)saas呈現(xiàn)效果，則省去了重復(fù)打包和上傳的過程，直接進(jìn)行代碼修復(fù)和調(diào)試即可，并且錯(cuò)誤信息也會(huì)索引本地代碼的具體位置，定位問題簡(jiǎn)單、準(zhǔn)確，很大程度提升代碼開發(fā)調(diào)試的效率，節(jié)省了代碼開發(fā)調(diào)試的時(shí)間成本。

2、為實(shí)現(xiàn)上述目的，根據(jù)本發(fā)明實(shí)施例的一個(gè)方面，提供了一種頁面代碼的開發(fā)調(diào)試方法，包括：響應(yīng)于接收到軟件工程腳手架在對(duì)頁面代碼編譯完成后發(fā)來的開發(fā)調(diào)試通知，獲取所述頁面代碼的存儲(chǔ)路徑，所述頁面代碼包括不少于一個(gè)待測(cè)組件對(duì)應(yīng)的組件代碼；獲取待測(cè)組件標(biāo)識(shí)，并根據(jù)所述頁面代碼的存儲(chǔ)路徑和所述待測(cè)組件標(biāo)識(shí)加載待測(cè)組件對(duì)應(yīng)的組件代碼；根據(jù)所述待測(cè)組件對(duì)應(yīng)的組件代碼進(jìn)行頁面渲染展示，并根據(jù)頁面渲染展示結(jié)果進(jìn)行頁面代碼的開發(fā)調(diào)試。

3、可選地，所述軟件工程腳手架是基于webpack搭建的；所述軟件工程腳手架在檢測(cè)到基于webpack插件編寫頁面代碼或者監(jiān)聽到頁面代碼狀態(tài)發(fā)生變更并觸發(fā)所述webpack插件中的指定功能函數(shù)時(shí)，判定頁面代碼發(fā)生變更，并對(duì)變更后的頁面代碼進(jìn)行編譯。

4、可選地，所述開發(fā)調(diào)試通知包括所述頁面代碼的編譯狀態(tài)，所述編譯狀態(tài)是通過所述webpack插件獲取的，所述編譯狀態(tài)包括初始編譯狀態(tài)和熱更新狀態(tài)。

5、可選地，在所述編譯狀態(tài)為初始編譯狀態(tài)的情況下，通過所述軟件工程腳手架獲取所述頁面代碼的存儲(chǔ)路徑，并根據(jù)所述存儲(chǔ)路徑對(duì)待測(cè)組件進(jìn)行路徑配置。

6、可選地，所述方法還包括：響應(yīng)于在頁面代碼開發(fā)平臺(tái)的代碼編輯器中執(zhí)行啟動(dòng)調(diào)試指令，構(gòu)建軟件工程腳手架，并開啟所述頁面代碼開發(fā)平臺(tái)與所述軟件工程腳手架之間的通信服務(wù)。

7、可選地，響應(yīng)于在頁面代碼開發(fā)平臺(tái)的代碼編輯器中執(zhí)行啟動(dòng)調(diào)試指令，構(gòu)建軟件工程腳手架，包括：響應(yīng)于在頁面代碼開發(fā)平臺(tái)的代碼編輯器中執(zhí)行啟動(dòng)調(diào)試指令，提示用戶輸入校驗(yàn)密鑰；根據(jù)用戶輸入的校驗(yàn)密鑰進(jìn)行用戶身份校驗(yàn)，并在校驗(yàn)通過后，構(gòu)建軟件工程腳手架。

8、可選地，根據(jù)所述待測(cè)組件對(duì)應(yīng)的組件代碼進(jìn)行頁面渲染展示，包括：從頁面代碼開發(fā)平臺(tái)獲取所述無需進(jìn)行調(diào)試的組件對(duì)應(yīng)的組件代碼；根據(jù)所述待測(cè)組件對(duì)應(yīng)的組件代碼和所述無需進(jìn)行調(diào)試的組件對(duì)應(yīng)的組件代碼，進(jìn)行頁面渲染展示。

9、根據(jù)本發(fā)明實(shí)施例的另一方面，提供了一種頁面代碼的開發(fā)調(diào)試裝置，包括：存儲(chǔ)路徑獲取模塊，用于響應(yīng)于接收到軟件工程腳手架在對(duì)頁面代碼編譯完成后發(fā)來的開發(fā)調(diào)試通知，獲取所述頁面代碼的存儲(chǔ)路徑，所述頁面代碼包括不少于一個(gè)待測(cè)組件對(duì)應(yīng)的組件代碼；組件代碼加載模塊，用于獲取待測(cè)組件標(biāo)識(shí)，并根據(jù)所述頁面代碼的存儲(chǔ)路徑和所述待測(cè)組件標(biāo)識(shí)加載待測(cè)組件對(duì)應(yīng)的組件代碼；頁面渲染展示模塊，用于根據(jù)所述待測(cè)組件對(duì)應(yīng)的組件代碼進(jìn)行頁面渲染展示，并根據(jù)頁面渲染展示結(jié)果進(jìn)行頁面代碼的開發(fā)調(diào)試。

10、根據(jù)本發(fā)明實(shí)施例的又一方面，提供了一種電子設(shè)備，包括：一個(gè)或多個(gè)處理器；存儲(chǔ)裝置，用于存儲(chǔ)一個(gè)或多個(gè)程序，當(dāng)所述一個(gè)或多個(gè)程序被所述一個(gè)或多個(gè)處理器執(zhí)行，使得所述一個(gè)或多個(gè)處理器實(shí)現(xiàn)本發(fā)明實(shí)施例所提供的頁面代碼的開發(fā)調(diào)試方法。

11、根據(jù)本發(fā)明實(shí)施例的再一方面，提供了一種計(jì)算機(jī)可讀介質(zhì)，其上存儲(chǔ)有計(jì)算機(jī)程序，所述程序被處理器執(zhí)行時(shí)實(shí)現(xiàn)本發(fā)明實(shí)施例所提供的頁面代碼的開發(fā)調(diào)試方法。

12、上述發(fā)明中的一個(gè)實(shí)施例具有如下優(yōu)點(diǎn)或有益效果：通過響應(yīng)于接收到軟件工程腳手架在對(duì)頁面代碼編譯完成后發(fā)來的開發(fā)調(diào)試通知，獲取頁面代碼的存儲(chǔ)路徑，頁面代碼包括不少于一個(gè)待測(cè)組件對(duì)應(yīng)的組件代碼；獲取待測(cè)組件標(biāo)識(shí)，并根據(jù)頁面代碼的存儲(chǔ)路徑和待測(cè)組件標(biāo)識(shí)加載待測(cè)組件對(duì)應(yīng)的組件代碼；根據(jù)待測(cè)組件對(duì)應(yīng)的組件代碼進(jìn)行頁面渲染展示，并根據(jù)頁面渲染展示結(jié)果進(jìn)行頁面代碼的開發(fā)調(diào)試的技術(shù)方案，實(shí)現(xiàn)了本地代碼修改后實(shí)時(shí)呈現(xiàn)到頁面代碼開發(fā)平臺(tái)的目的，因?yàn)楸镜卮a直接聯(lián)動(dòng)頁面代碼開發(fā)平臺(tái)saas呈現(xiàn)效果，則省去了重復(fù)打包和上傳的過程，直接進(jìn)行代碼修復(fù)和調(diào)試即可，并且錯(cuò)誤信息也會(huì)索引本地代碼的具體位置，定位問題簡(jiǎn)單、準(zhǔn)確，很大程度提升代碼開發(fā)調(diào)試的效率，節(jié)省了代碼開發(fā)調(diào)試的時(shí)間成本。

13、上述的非慣用的可選方式所具有的進(jìn)一步效果將在下文中結(jié)合具體實(shí)施方式加以說明。

技術(shù)特征：

1.一種頁面代碼的開發(fā)調(diào)試方法，其特征在于，包括：

2.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述軟件工程腳手架是基于webpack搭建的；

3.根據(jù)權(quán)利要求2所述的方法，其特征在于，所述開發(fā)調(diào)試通知包括所述頁面代碼的編譯狀態(tài)，所述編譯狀態(tài)是通過所述webpack插件獲取的，所述編譯狀態(tài)包括初始編譯狀態(tài)和熱更新狀態(tài)。

4.根據(jù)權(quán)利要求3所述的方法，其特征在于，在所述編譯狀態(tài)為初始編譯狀態(tài)的情況下，通過所述軟件工程腳手架獲取所述頁面代碼的存儲(chǔ)路徑，并根據(jù)所述存儲(chǔ)路徑對(duì)待測(cè)組件進(jìn)行路徑配置。

5.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述方法還包括：

6.根據(jù)權(quán)利要求5所述的方法，其特征在于，響應(yīng)于在頁面代碼開發(fā)平臺(tái)的代碼編輯器中執(zhí)行啟動(dòng)調(diào)試指令，構(gòu)建軟件工程腳手架，包括：

7.根據(jù)權(quán)利要求1所述的方法，其特征在于，根據(jù)所述待測(cè)組件對(duì)應(yīng)的組件代碼進(jìn)行頁面渲染展示，包括：

8.一種頁面代碼的開發(fā)調(diào)試裝置，其特征在于，包括：

9.一種電子設(shè)備，其特征在于，包括：

10.一種計(jì)算機(jī)可讀介質(zhì)，其上存儲(chǔ)有計(jì)算機(jī)程序，其特征在于，所述程序被處理器執(zhí)行時(shí)實(shí)現(xiàn)如權(quán)利要求1-7中任一所述的方法。

技術(shù)總結(jié)
本發(fā)明公開了一種頁面代碼的開發(fā)調(diào)試方法和裝置，涉及計(jì)算機(jī)技術(shù)領(lǐng)域。該方法的一具體實(shí)施方式包括：響應(yīng)于接收到軟件工程腳手架在對(duì)頁面代碼編譯完成后發(fā)來的開發(fā)調(diào)試通知，獲取頁面代碼的存儲(chǔ)路徑，頁面代碼包括不少于一個(gè)待測(cè)組件對(duì)應(yīng)的組件代碼；獲取待測(cè)組件標(biāo)識(shí)，并根據(jù)頁面代碼的存儲(chǔ)路徑和待測(cè)組件標(biāo)識(shí)加載待測(cè)組件對(duì)應(yīng)的組件代碼；根據(jù)待測(cè)組件對(duì)應(yīng)的組件代碼進(jìn)行頁面渲染展示，并根據(jù)頁面渲染展示結(jié)果進(jìn)行頁面代碼的開發(fā)調(diào)試。該實(shí)施方式定位問題簡(jiǎn)單、準(zhǔn)確，很大程度提升代碼開發(fā)調(diào)試的效率，節(jié)省了代碼開發(fā)調(diào)試的時(shí)間成本。

技術(shù)研發(fā)人員：于振京
受保護(hù)的技術(shù)使用者：京東城市（北京）數(shù)字科技有限公司
技術(shù)研發(fā)日：
技術(shù)公布日：2024/10/10