[發明專利]一種使用WebAssembly和服務頁面編譯技術開發Web應用的方法及裝置

有效

• 申請號: 202310442068.4
• 申請日: 2023-04-23
• 公開（公告）號: CN116166907B
• 公開（公告）日: 2023-09-26
• 發明（設計）人: 劉志森;張彬彬
• 申請（專利權）人: 聯動優勢電子商務有限公司
• 主分類號: G06F16/957
• 分類號: G06F16/957;G06F16/955;G06F8/41
• 代理公司: 深圳漢林匯融知識產權代理事務所(普通合伙) 44850
• 代理人: 劉臨利

本發明涉及一種使用WebAssembly和服務頁面編譯技術開發Web應用的方法及裝置。包括：構建Web應用的HTML部分和JavaScript部分；使用CSPC技術，在第一位置嵌入動態的C/C++邏輯業務代碼；設定特征功能，針對所述特征功能，編寫C/C++函數源碼；基于WebAssembly技術，使用Emscripten進行編譯，獲取Wasm格式文件；整合上下文資源；將上述步驟中生成的所述C/C++源代碼編譯，生成可執行文件，并打包成Web應用，在生產環境服務器上部署及運行所述Web應用。通過使用C++開發Web前端和后端應用，提高Web應用的運行性能、部署體積、統一技術棧。

技術領域

本發明涉及Web客戶端和服務端技術領域，更具體涉及一種使用WebAssembly和服務頁面編譯技術開發Web應用的方法及裝置。

背景技術

隨著移動互聯網的發展，運行在瀏覽器中的各類Web應用，它們的體積與復雜性隨著時間的推移在不斷變大。但與日益龐大和復雜化的Web應用相比，瀏覽器對自身性能的優化是是舉步維艱的。隨著Web應用的復雜和日益龐大，瀏覽器可能無法支撐起這些龐大Web應用的運行。還有因為JavaScript是一個”動態類型”的編程語言。JavaScript這種動態類型語言所獨有的特性，在某種程度上相較于靜態類型語言而言，會帶來額外的運行時性能開銷。

為解決該問題，現有技術中提出了基于JavaScript定制頁面的方法及系統，能夠節省用戶在訪問頁面時的流量，還能夠提升瀏覽器在定制頁面時的響應速度。如中國發明專利申請“CN105094786A”記載了一種基于JavaScript定制頁面的方法及系統，包括根據瀏覽器訪問的網址獲取待處理網頁的源頁面代碼；在待處理網頁的源頁面代碼的head標簽后立即插入預設的JavaScript定制頁面文件；執行JavaScript定制頁面文件，將JavaScript定制頁面文件后的源頁面代碼封裝成文本字符串；根據封裝后的文本字符串獲取待處理頁面的業務數據；根據JavaScript定制頁面文件中的定制規則，創建基于業務數據的定制頁面的DOM對象；加載所述DOM對象，得到定制頁面。然而，該方法只能提升瀏覽器在定制頁面時的響應速度，應用的整體效率并沒有得到大的提升。如中國發明專利申請“CN112182513A”記載了一種JavaScript代碼處理方法及裝置，包括：獲得用于提供目標業務功能的JavaScript源代碼；按照預設操作碼生成規則，將至少一部分所述JavaScript源代碼編譯成操作碼形式的字節碼；輸出包含所述字節碼的目標代碼。然而，該方法只能保證JavaScript代碼不被輕易獲取、破解，應用的運行效率和用戶體驗沒有得到有效提高。本發明使用WebAssembly技術來構建web應用，構建的Web應用以二進制形式運行，沒有虛擬機解析步驟，同時結合頁面編譯技術，程序性能得到有效保障，可以大大提高運行效率和用戶體驗。

發明內容

為了更好的實現上述效果，本發明提供一種使用WebAssembly和服務頁面編譯技術開發Web應用的方法，主要包括以下步驟：

步驟S1：構建Web應用的HTML部分；

步驟S2：構建所述Web應用的JavaScript部分；

步驟S3：使用CSPC技術，在第一位置嵌入動態的C/C++邏輯業務代碼；

步驟S4：設定特征功能，針對所述特征功能，編寫C/C++函數源碼；

步驟S5：基于WebAssembly技術，使用Emscripten進行編譯，獲取Wasm格式文件；

步驟S6：整合上下文資源，確定復用模塊，所述復用模塊包括子程序，將所述復用模塊抽象為庫；

步驟S7：使用轉換模塊，將內嵌C/C++代碼的HTML模板文件預編譯為C/C++源代碼,其中，所述轉換模塊包括命令行工具；