從2017年微信首次推出小程序開始,經過四年發展,各大互聯網巨頭紛紛推出自己的小程序應用平台,小程序成為真正意義上的「互聯網新技術標準」。截至2021年上半年,全網小程序數量突破700萬個,其中,微信小程序是行業主流,數量超過430萬個,佔比高達約61.43%。
藉著微信的紅利,將已有微信小程序一鍵轉換成App,並進行用戶活躍和留存,加上社交平台應用作為引流,企業可謂低成本(只需有小程序)的將業務覆蓋用戶整個生命周期。
技術標準的演變:從HTML5到小程序技術
從Web 1.0進化到2.0之後的十幾年間,移動App都是各大軟件提供商用於爭奪消費者碎片化時間的主戰場。HTML5這種標準化的、普適的文本化內容編碼格式,被廣泛應用,並最終成為了互聯網的基石之一。Web2.0向3.0的進化過程中,軟件技術標準的擴展,小程序類技術的編碼和內容格式,整體基於HTML5基礎上,更加輕量,也更加開放有生命力。
從標準的角度看,當前互聯網上的小程序類技術,幾乎都借鑒了這個領域的先行者微信的規範。可以說,微信小程序就是這個領域的「既成事實」標準。故此互聯網系列全球標準的制定者W3C,也正在通過其Mini-Apps工作組制定國際標準。
技術在進步,標準在進步,構建在標準之上的獨立站,也在進步。
W3C:小程序技術標準白皮書
本篇文章就帶大家「遊歷」以下W3C起草的小程序標準化白皮書。
白皮書鏈接:https://www.w3.org/TR/mini-app-white-paper/
Part 1:介紹
主要介紹了什麼是小程序,小程序和PWA之間的差距等一些概念類的內容個,再有就是一些實例探究。
1、什麼是小程序?MiniApp 是一種新的移動應用程序格式,是一種依賴於 Web 技術(尤其是 CSS 和 JavaScript)並集成了原生應用程序功能的混合解決方案。
2、小程序和PWA的架構:MiniApps 的目的不是要取代漸進式 Web 應用程序 (PWA)、本機應用程序或 Web。而是各有千秋,至於適用的場景,開發者在理解差異之後可以根據場景的不同來進行技術選型。
小程序和PWA的架構

3、實例探究:在我們的認知中,大部分的小程序都是運行在App中。但在該白皮書中,我們會看到5個案例中的4個(AR動物園、車載小程序、物聯網小程序、電視小程序)都是運行在非App上的場景。可以看到企業在小程序跨設備端側運行方面也在做積極的嘗試。據了解,小程序容器技術已經實現了智能設備(尤其在車載設備)運行小程序的能力,感興趣的可以了解一下。

Part 2:小程序概覽
這部分主要介紹了小程序技術的核心功能,包括:視圖層與邏輯層分離、API和組件、小程序構造器、小程序小部件、單實例多條目、性能和用戶體驗等。
其中,視圖層與邏輯層分離建議大家重點看看,是小程序技術核心中的核心。
其次,小程序相比與HTML5的前端應用,之所以在用戶體驗上佔優,很大一部分都得益於小程序擁有相當豐富的原生組件和插件調用能力。

Part 3:使用網絡
介紹了:應用生命周期、性能和調優以及圖形和媒體三個部分。如果對小程序技術感興趣的話必須看看「應用生命周期」這部分。該部分介紹了小程序的:混合渲染、過渡動畫、規範小程序包構造器、標準化導航到小程序頁面、小程序小部件等。
以上就是W3C小程序技術標準白皮書的主體部分。其他諸如準備工作、安全和隱私考慮以及全球小程序標準化、後續前進方向等。都是一些小程序技術在嘗過過程中的一些可延展的發展方向,如果需要對小程序技術有深入了解,並有志於從事小程序研發的同行,可以考慮看看。