[發(fā)明專利]小程序生成方法、裝置、設(shè)備及存儲介質(zhì)

在審

• 申請?zhí)枺?/td>: 202111358314.5
• 申請日: 2021-11-16
• 公開（公告）號: CN114064003A
• 公開（公告）日: 2022-02-18
• 發(fā)明（設(shè)計）人: 朱桂鋒;林挺
• 申請（專利權(quán)）人: 深圳前海微眾銀行股份有限公司
• 主分類號: G06F8/30
• 分類號: G06F8/30;G06F8/41
• 代理公司: 北京同立鈞成知識產(chǎn)權(quán)代理有限公司 11205
• 代理人: 張娜;劉芳

本申請?zhí)峁┮环N小程序生成方法、裝置、設(shè)備及存儲介質(zhì)，利用預(yù)設(shè)異步讀取工具讀取VUE組件，得到VUE組件中的各組件文件，各組件文件包括頁面文件、JS文件以及CSS文件。將各組件文件內(nèi)的代碼分別對應(yīng)存儲至各臨時文件，各臨時文件包括WXML臨時文件、JS臨時文件以及WXSS臨時文件。根據(jù)預(yù)設(shè)轉(zhuǎn)換策略對每個臨時文件內(nèi)的代碼進行轉(zhuǎn)換，得到各小程序組件文件，完成VUE組件至小程序組件的轉(zhuǎn)換，根據(jù)各小程序組件文件生成小程序?；陬A(yù)設(shè)轉(zhuǎn)換策略進行轉(zhuǎn)換得到小程序組件，有效提高了得到各小程序組件及生成小程序的效率，使得可修改的內(nèi)容顆粒度更小，保障了小程序組件的正確性，可獲知修改前后代碼之間對應(yīng)關(guān)系，便于后續(xù)維護。

技術(shù)領(lǐng)域

本申請涉及計算機技術(shù)領(lǐng)域，尤其涉及一種小程序生成方法、裝置、設(shè)備及存儲介質(zhì)。

背景技術(shù)

微信小程序，簡稱小程序，是一種不需要下載安裝即可使用的應(yīng)用，用戶可以通過掃一掃或者搜索的方式即可打開應(yīng)用，體現(xiàn)了一種即時的使用理念而被廣泛使用。目前，小程序無法加載例如HTML(超級文本標(biāo)記語言，Hyper Text Markup Language)頁面等內(nèi)容，而在小程序的使用過程中又需要能夠打開這些HTML頁面，因而則需要根據(jù)已有的HTML頁面所使用的組件生成小程序組件。

HTML頁面可以使用VUE組件形成，VUE組件的文件內(nèi)容包括HTML模板文件、JavaScript(JS)文件以及層疊樣式表(Cascading Style Sheets，CSS)文件。當(dāng)前根據(jù)VUE組件得到小程序組件的方式有兩種。一種是采用手動替換的方式將VUE組件中的每個單文件組件替換為小程序所需的對應(yīng)組件，并新建小程序JSON(JavaScript Object Notation)配置文件。另一種是通過正則表達式將VUE組件替換為小程序組件。

然而現(xiàn)有的上述兩種方式均存在缺陷，例如，手動替換方式效率低下，無法保證替換結(jié)果的正確性，并需要人工檢測，替換后的代碼位置較難記錄導(dǎo)致替換前后的代碼缺乏對應(yīng)關(guān)系，從而在后續(xù)的修改維護階段需要依賴人工定位出現(xiàn)錯誤的位置，當(dāng)語法層面出現(xiàn)錯誤時則缺乏工具輔助，導(dǎo)致同一功能的重復(fù)開發(fā)。通過正則表達式替換的方式對于代碼處理較為粗暴籠統(tǒng)，問題定位耗時較長，并當(dāng)遇到長字符串時，正則表達式的效率比較低。可見，亟需一種小程序生成方法，以克服現(xiàn)有技術(shù)根據(jù)VUE組件生成小程序組件所存在的上述技術(shù)缺陷。

發(fā)明內(nèi)容

本申請?zhí)峁┮环N小程序生成方法、裝置、設(shè)備及存儲介質(zhì)，用于提供一種小程序生成方法以克服現(xiàn)有采用手動替換或者正則表達式替換對VUE組件進行替換所存在的技術(shù)缺陷。

第一方面，本申請?zhí)峁┮环N小程序生成方法，包括：

利用預(yù)設(shè)異步讀取工具讀取VUE組件，得到所述VUE組件中的各組件文件，所述各組件文件包括頁面文件、JS文件以及層疊樣式表CSS文件；

將所述各組件文件內(nèi)的代碼分別對應(yīng)存儲至各臨時文件，所述各臨時文件包括微信標(biāo)記語言WXML臨時文件、JS臨時文件以及微信層疊樣式表WXSS臨時文件；

根據(jù)預(yù)設(shè)轉(zhuǎn)換策略對每個臨時文件內(nèi)的代碼進行轉(zhuǎn)換，對應(yīng)得到各小程序組件文件，以根據(jù)所述各小程序組件文件生成小程序，所述預(yù)設(shè)轉(zhuǎn)換策略包括遍歷每個抽象語法樹的每個節(jié)點以修改所述每個抽象語法樹的目標(biāo)節(jié)點，所述每個抽象語法樹為所述每個臨時文件內(nèi)的代碼對應(yīng)形成。

在一種可能的設(shè)計中，所述根據(jù)預(yù)設(shè)轉(zhuǎn)換策略對每個臨時文件內(nèi)的代碼進行轉(zhuǎn)換，對應(yīng)得到各小程序組件文件，包括：

按照第一預(yù)設(shè)轉(zhuǎn)換規(guī)則對所述WXML臨時文件內(nèi)的代碼進行轉(zhuǎn)換，生成WXML目標(biāo)文件；

按照第二預(yù)設(shè)轉(zhuǎn)換規(guī)則對所述JS臨時文件內(nèi)的代碼進行轉(zhuǎn)換，生成JS目標(biāo)文件；

按照第三預(yù)設(shè)轉(zhuǎn)換規(guī)則對所述WXSS臨時文件內(nèi)的代碼進行轉(zhuǎn)換，生成WXSS目標(biāo)文件；