雙執行緒架構：小程式相比於H5的架構優勢

FinFish發表於2022-11-07
執行緒架構H5
如今我們每個人都是小程式的使用者，小到日常的健康碼，大到各種政務事項辦理。究其因，對於使用者來講小程式無需下載，用完即走而且其具備輕量、流暢的使用體驗；對於開發者來講便捷簡單的開發流程，學習的門檻極低，這也是小程式能夠逐步受到廣大使用者和開發者的認可和歡迎的原因。
與H5技術相比，為什麼小程式能夠支援起足夠優秀的效能呢？其背後的技術邏輯是什麼？

小程式特殊的雙執行緒架構

我們都知道，傳統 Web 的架構模型是單執行緒架構，其渲染執行緒和指令碼執行緒是互斥的，這也就是說為什麼長時間的指令碼執行可能會使頁面失去響。
而小程式能夠具備更卓越使用者體驗的關鍵在於起架構模型有別於傳統 Web，小程式為雙執行緒架構，其渲染執行緒和指令碼執行緒是分開執行的。渲染層的介面使用了 WebView 進行渲染，邏輯層採用 JsCore 執行緒執行 JS 指令碼。


雙執行緒架構：小程式相比於H5的架構優勢

邏輯層：建立一個單獨的執行緒去執行 JavaScript，在這個環境下執行的都是有關小程式業務邏輯的程式碼，只能夠執行 JavaScript 的沙箱環境，不提供 DOM 操作相關的 API，所以不能直接操作 UI，只能夠透過 setData更新資料的方式非同步更新 UI 。
渲染層：介面渲染相關的任務全都在 WebView 執行緒裡執行，透過邏輯層程式碼去控制渲染哪些介面。一個小程式存在多個介面，所以渲染層存在多個 WebView 執行緒。

雙執行緒具備的優勢

1、對效能具有明顯的提升

回想一下，在我們進行 Web 開發的時候，渲染程式和邏輯進行是互斥的，這是為了防止在渲染過程中，我們使用js 對 dom 進行操作，造成頁面紊亂甚至崩潰。現在我們使用雙執行緒來進行管理小程式，就不存在 js 堵塞渲染的問題，雙執行緒同時執行，提升效能。

2、使用者隱私資料安全管控能力提升

我們都知道基於 Web 技術來渲染小程式，是存在一些不可控因素和安全風險的。因為 Web 技術非常靈活開放，我們可以使用 Javascript 去任意地控制頁面的跳轉或者改變頁面上的任何內容，Javascript 還可以透過操作 DOM，直接獲取小程式內部的一些敏感資料，比如使用者資訊等等，那麼小程式將毫無安全可言。
雙執行緒架構下，不允許開發者隨意操作 BOM 和 DOM，這對使用者的隱私資料具有一定的保護作用，安全水平進一步提升。

如何在移動研發中發揮小程式雙執行緒的價值

時至今日，移動研發中越來越多產品格外重視使用者體驗的大背景下，小程式也成為重要業務承載利器。除了在微信、支付寶等平臺上架我們自有開發的小程式外，「原生+小程式」的開發模式也成為移動研發的另一選擇。可以讓自身的 App 像微信、支付寶一樣執行自有的小程式。
小程式容器技術（如： FinClip ）能夠幫助企業或個人開發者讓自有的 App 具備小程式執行能力，只需要透過整合容器類技術的SDK 即能快速具備小程式能力。
而且 FinClip SDK 極其輕量，應用在整合後SDK的體積僅僅增大了不到 3MB。同時，FinClip 支援微信小程式語法 WXML，也就是說微信小程式程式碼可以直接在 FinClip中 複用，無需再二次開發，體驗與微信端保持一致。


雙執行緒架構：小程式相比於H5的架構優勢

我們一直在關注移動應用研發效率提升的同時，使用者對於應用的使用體驗關注度越來越高，如何做好應用的體驗也值得開發者重視。



來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/70021577/viewspace-2922204/，如需轉載，請註明出處，否則將追究法律責任。

相關文章