小程序與html5有哪些不同-創(chuàng)新互聯(lián)

這篇文章主要介紹了小程序與html5有哪些不同，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)的客戶來自各行各業(yè)，為了共同目標(biāo)，我們在工作上密切配合，從創(chuàng)業(yè)型小企業(yè)到企事業(yè)單位，感謝他們對我們的要求，感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn)，讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。專業(yè)領(lǐng)域包括成都網(wǎng)站建設(shè)、網(wǎng)站制作、電商網(wǎng)站開發(fā)、微信營銷、系統(tǒng)平臺開發(fā)。

小程序與 H5 的不同

小程序和 H5 都屬于移動端場景下的技術(shù)選擇方案，那么這里介紹一下小程序與 H5 的不同。

1、運行環(huán)境的不同

傳統(tǒng)的 H5 的運行環(huán)境是瀏覽器，包括 webview，其中瀏覽器提供 window、document 等 BOM 對象；

小程序的邏輯層和渲染層是分開的，邏輯層運行在 JSCore 中，并沒有一個完整的瀏覽器對象，所以缺少相關(guān)的 DOM API 和 BOM API。

2、開發(fā)成本的不同

H5 的開發(fā)，涉及到開發(fā)工具、前端框架、模塊管理工具、任務(wù)管理工具、UI 庫的選擇、接口調(diào)用工具及瀏覽器兼容性等；

小程序的開發(fā)，指定環(huán)境的小程序會提供開發(fā)者工具、API 及規(guī)范的開發(fā)標(biāo)準(zhǔn)。由于小程序是跑在指定的環(huán)境下的，同時 API 是指定環(huán)境下提供的，所以不用考慮瀏覽器的兼容性。

在 H5 開發(fā)中，前端常用的 HTML/CSS 在不同的小程序中都有指定的文件標(biāo)準(zhǔn)。例如：

在微信小程序中使用 WXML/WXSS；

在支付寶小程序、釘釘 E 應(yīng)用中使用 AXML/ACSS；

在百度智能小程序中使用 SWAN/CSS；

......

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

3、使用體驗的不同

H5 頁面需要在瀏覽器中渲染，在復(fù)雜的業(yè)務(wù)邏輯或者豐富的頁面交互時會有卡頓情況；

小程序除首次使用略慢，頁面切換及跳轉(zhuǎn)等非常順滑，接近 Native。

通過以上幾點小程序和 H5 的不同的介紹，我們可以發(fā)現(xiàn)原來針對 H5 頁面的監(jiān)控?zé)o法直接監(jiān)控小程序；同時由于小程序封閉性較強，不同的小程序在標(biāo)準(zhǔn)上也略有不同，如微信小程序、支付寶小程序及釘釘 E 應(yīng)用等等小程序在使用標(biāo)準(zhǔn)及開放的 API 方面也會有一些差異，所以針對小程序的監(jiān)控與針對 Web 應(yīng)用的監(jiān)控會有所不同。

小程序監(jiān)控的現(xiàn)狀

現(xiàn)在針對小程序監(jiān)控的大概分為以下幾類：

1、小程序的數(shù)據(jù)統(tǒng)計分析，助力小程序運營

相關(guān)產(chǎn)品: 微信小程序助手、阿拉丁小程序統(tǒng)計平臺等；

特點：大部分是針對微信小程序提供相應(yīng)的數(shù)據(jù)統(tǒng)計分析能力，從多維度分析小程序相關(guān)用戶數(shù)據(jù)，適用于小程序運營，但缺乏對于用戶體驗，小程序性能的監(jiān)控。

2、小程序錯誤監(jiān)控

相關(guān)產(chǎn)品: FunDebug 等；

特點：監(jiān)控小程序使用戶出現(xiàn)的錯誤，幫助開發(fā)者發(fā)現(xiàn)并解決小程序錯誤，但缺乏對于小程序全局性能的監(jiān)控，對于緩慢請求，緩慢頁面沒法監(jiān)測。

3、小程序性能監(jiān)控

相關(guān)產(chǎn)品: FrontJS、聽云小程序監(jiān)控等；

特點：主要提供性能相關(guān)數(shù)據(jù)，包括 JS 錯誤、網(wǎng)絡(luò)請求響應(yīng)情況等。但是只支持微信小程序，而且沒有辦法把小程序的性能與后臺應(yīng)用的性能關(guān)聯(lián)起來，沒法形成端到端的監(jiān)控。

通過上面對現(xiàn)有的小程序監(jiān)控產(chǎn)品分析，存在以下問題：

無法支持所有的小程序監(jiān)控，主要支持微信小程序；

支持多類小程序監(jiān)控的產(chǎn)品，提供的小程序相關(guān)數(shù)據(jù)較少，主要集中在錯誤監(jiān)控；

沒有后臺應(yīng)用服務(wù)的性能監(jiān)控，無法從小程序上的性能問題追溯到后臺應(yīng)用代碼和數(shù)據(jù)庫，無法形成端到端的監(jiān)控。

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

小程序監(jiān)控提供的能力

阿里云 ARMS 前端監(jiān)控此次重點推出的小程序監(jiān)控有以下特點：

1、覆蓋各類符合標(biāo)準(zhǔn)規(guī)范的小程序

首先解釋一下這里所說的"標(biāo)準(zhǔn)規(guī)范的小程序"，即包含 App 和 Page 兩層:

App 用來描述整體程序，包含: onError 事件；

Page 用來描述各個頁面，包含: onShow、onHide、onUnload 事件。

小程序的運行環(huán)境依賴于對應(yīng)的客戶端，各類小程序的 DSL 設(shè)計看起來很像，但細節(jié)上的差別還是比較多，并且已有了分化的趨勢。在這種情況下，阿里云 ARMS 前端監(jiān)控為了更好的支持小程序的監(jiān)控訴求，提供以下小程序監(jiān)控的場景：

微信小程序
支付寶小程序
釘釘 E 應(yīng)用
其他類別小程序

由于小程序發(fā)展迅速，現(xiàn)在無法針對各類小程序都提供對應(yīng)的監(jiān)控 SDK，所以不屬于微信小程序、支付寶小程序和釘釘 E 應(yīng)用的小程序可選擇其他類別小程序的場景接入進行監(jiān)控，但要滿足上面說的"標(biāo)準(zhǔn)規(guī)范的小程序"前提，同時支持 npm 包。

2、完善的性能監(jiān)控指標(biāo)

基礎(chǔ)業(yè)務(wù)指標(biāo)，幫助了解小程序應(yīng)用的使用情況：

應(yīng)用總 PV/UV

頁面維度的 PV/UV

小程序各維度指標(biāo)：

手機型號

操作系統(tǒng)版本

微信 / 支付寶等相應(yīng)的 APP 版本

網(wǎng)絡(luò)等

JS 錯誤分析：

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

API 請求追蹤：

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

自定義事件統(tǒng)計

支持業(yè)務(wù)上自定義事件 sum/avg 統(tǒng)計

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

由于業(yè)務(wù)方使用監(jiān)控的訴求不同，我們不僅支持優(yōu)雅的靜默數(shù)據(jù)上報，也支持使用開放的統(tǒng)計能力進行自定義上報。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享小程序與html5有哪些不同內(nèi)容對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，遇到問題就找創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，詳細的解決方法等著你來學(xué)習(xí)!

網(wǎng)站名稱：小程序與html5有哪些不同-創(chuàng)新互聯(lián)
網(wǎng)站URL：http://bm7419.com/article12/gdogc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供服務(wù)器托管、企業(yè)建站、云服務(wù)器、網(wǎng)站改版、ChatGPT、域名注冊

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)