阿里雲ARMS重磅推出小程序監控，助力小程序穩定運行

2018年是小程序蓬勃發展的一年，各大公司如騰訊、阿里、百度、頭條等都陸續推出了自己的小程序，小程序已成爲一個未來必然的趨勢、移動互聯網的新風口。據數據統計，目前已上線的微信小程序已超過100萬，支付寶小程序、釘釘E應用、百度智能小程序、頭條小程序等也在不斷髮力。由於小程序具有：無需下載、觸手可及、用完即走、無需卸載的特性，所以用戶體驗對於小程序來說非常重要，一旦出現小程序卡頓，緩慢和錯誤，需要及時發現並修復，否則用戶流失的概率會非常大。

小程序與H5的不同

小程序和H5都屬於移動端場景下的技術選擇方案，那麼這裏介紹一下小程序與H5的不同。

1. 運行環境的不同

   • 傳統的H5的運行環境是瀏覽器，包括webview，其中瀏覽器提供window、document等BOM對象
   • 小程序的邏輯層和渲染層是分開的，邏輯層運行在JSCore中，並沒有一個完整的瀏覽器對象，所以缺少相關的DOM API和BOM API

2. 開發成本的不同

   • H5的開發，涉及到開發工具、前端框架、模塊管理工具、任務管理工具、UI庫的選擇、接口調用工具及瀏覽器兼容性等
   • 小程序的開發，指定環境的小程序會提供開發者工具、API及規範的開發標準。由於小程序是跑在指定的環境下的，同時API是指定環境下提供的，所以不用考慮瀏覽器的兼容性。

在H5開發中，前端常用的HTML/CSS在不同的小程序中都有指定的文件標準。例如：

• 在微信小程序中使用WXML/WXSS
• 在支付寶小程序、釘釘E應用中使用AXML/ACSS
• 在百度智能小程序中使用SWAN/CSS
• ...

開發規範在指定的官方文檔中都會有明確的使用介紹，使用方法與原來H5的開發大同小異，所以上手開發相對容易。

1. 使用體驗的不同

   • H5頁面需要在瀏覽器中渲染，在複雜的業務邏輯或者豐富的頁面交互時會有卡頓情況
   • 小程序除首次使用略慢，頁面切換及跳轉等非常順滑，接近Native

通過以上幾點小程序和H5的不同的介紹，我們可以發現原來針對H5頁面的監控無法直接監控小程序；同時由於小程序封閉性較強，不同的小程序在標準上也略有不同，如微信小程序、支付寶小程序及釘釘E應用等等小程序在使用標準及開放的API方面也會有一些差異，所以針對小程序的監控與針對Web應用的監控會有所不同。

小程序監控的現狀

現在針對小程序監控的大概分爲以下幾類：

1. 小程序的數據統計分析，助力小程序運營

   • 相關產品: 微信小程序助手、阿拉丁小程序統計平臺等
   • 特點：大部分是針對微信小程序提供相應的數據統計分析能力，從多維度分析小程序相關用戶數據，適用於小程序運營，但缺乏對於用戶體驗，小程序性能的監控

2. 小程序錯誤監控

   • 相關產品: FunDebug等
   • 特點：監控小程序使用戶出現的錯誤，幫助開發者發現並解決小程序錯誤，但缺乏對於小程序全局性能的監控，對於緩慢請求，緩慢頁面沒法監測

3. 小程序性能監控

   • 相關產品: FrontJS、聽雲小程序監控等
   • 特點：主要提供性能相關數據，包括JS錯誤、網絡請求響應情況等。但是隻支持微信小程序，而且沒有辦法把小程序的性能與後臺應用的性能關聯起來，沒法形成端到端的監控

通過上面對現有的小程序監控產品分析，存在以下問題：

1. 無法支持所有的小程序監控，主要支持微信小程序
2. 支持多類小程序監控的產品，提供的小程序相關數據較少，主要集中在錯誤監控
3. 沒有後臺應用服務的性能監控，無法從小程序上的性能問題追溯到後臺應用代碼和數據庫，無法形成端到端的監控

基於以上情況，阿里雲ARMS前端監控重磅推出小程序監控，旨在幫助端到端的快速定位小程序問題，提升小程序的用戶體驗。

提供的能力

阿里雲ARMS前端監控此次重點推出的小程序監控有以下特點：

1. 覆蓋各類符合標準規範的小程序

首先解釋一下這裏所說的"標準規範的小程序"，即包含App和Page兩層:

• App用來描述整體程序，包含: onError事件
• Page用來描述各個頁面，包含: onShow、onHide、onUnload事件

小程序的運行環境依賴於對應的客戶端，各類小程序的DSL設計看起來很像，但細節上的差別還是比較多，並且已有了分化的趨勢。在這種情況下，阿里雲ARMS前端監控爲了更好的支持小程序的監控訴求，提供以下小程序監控的場景：

1. 微信小程序
2. 支付寶小程序
3. 釘釘E應用
4. 其他類別小程序

由於小程序發展迅速，現在無法針對各類小程序都提供對應的監控SDK，所以不屬於微信小程序、支付寶小程序和釘釘E應用的小程序可選擇其他類別小程序的場景接入進行監控，但要滿足上面說的"標準規範的小程序"前提，同時支持npm包。

2. 完善的性能監控指標

1. 基礎業務指標，幫助瞭解小程序應用的使用情況

   • 應用總PV/UV
   • 頁面維度的PV/UV

2. 小程序各維度指標

   • 手機型號
   • 操作系統版本
   • 微信/支付寶等相應的APP版本
   • 網絡等

3. JS錯誤分析

   • JS錯誤率、錯誤聚類、JS錯誤堆棧及錯誤定位等

4. API請求追蹤

   • API請求成功率、API請求耗時及API請求的鏈路追蹤

5. 自定義事件統計

   • 支持業務上自定義事件sum/avg統計

3. 可通過配置選擇上報方式

由於業務方使用監控的訴求不同，我們不僅支持優雅的靜默數據上報，也支持使用開放的統計能力進行自定義上報。具體可查看官網的前端監控接入概述中的小程序場景相關文檔。

總結

小程序作爲各大互聯網公司重磅加持的方向，未來小程序的應用數量會越來越多，那麼對於用戶體驗方面的關注與提升訴求也會不斷增加，阿里雲ARMS前端監控提供的小程序監控可幫助客戶實時監控發現質量問題，爲企業的小程序的穩定運行提供堅實的保障。

附錄：

• 業務實時監控服務ARMS
• 業務實時監控服務ARMS前端監控
• 小程序監控接入文檔