么是小程序？

從“微信之父” 張小龍的定義里，我們可以了解到，小程序其實就是內(nèi)嵌在微信，不需要安裝和卸載的一種新應(yīng)用形態(tài)。它具備的兩個強屬性：提高效率，用完即走！因此小程序的設(shè)計以輕便、快捷為原則，鼓勵用戶“即用即走”！

注意：除了微信小程序，還有百度小程序、微信小程序、支付寶小程序、抖音小程序，都是每個平臺自己開發(fā)的，都是有針對性平臺的應(yīng)用程序。以為目前主流的就是微信小程序，所以下文中的小程序都默認(rèn)指代“微信小程序”！

小程序因為內(nèi)嵌再微信里，所以它的運行只能依賴微信客戶端，也就是說只能在微信里打開。

什么是 H5？

H5，也就是“HTML5”，指“HTML”的第 5 個版本。眾所周知“HTML”是”超文本標(biāo)記語言”，是一門描述網(wǎng)頁的標(biāo)準(zhǔn)語言，所以 HTML5 也是一種網(wǎng)頁技術(shù)，而且是更高級的網(wǎng)頁技術(shù)，包括 HTML、CSS 和 JavaScript 在內(nèi)的一套技術(shù)組合。

所以，H5 本質(zhì)上可以理解為是一個網(wǎng)頁！

既然 H5 是網(wǎng)頁，那么依賴的外殼主要是瀏覽器，因此只要有瀏覽器，就可以使用。比如手機內(nèi)置的瀏覽器，APP 的 web-view 組件，以及小程序提供的 web-view 組件，都可以打開 H5 頁面。

小程序和 H5 的區(qū)別

其實從以上的概念的解釋里我們已經(jīng)能看出來一些基本的區(qū)別了。那么接下來，我們就從原理和應(yīng)用等方面，來分別對比一下小程序和 H5 的不同之處。

一、從開發(fā)的角度

H5 和小程序的開發(fā)工具就非常不同，小程序都是依賴于微信客戶端的，所以相對來說開發(fā)工具沒有 H5 那么多；

而且兩者的開發(fā)語言也都是不同的，微信小程序有自己的一套標(biāo)簽與樣式語言，與標(biāo)準(zhǔn)的 H5 語言是不一樣的；而且還獨立了很多的原生 app 的組件，所以它在組件封裝上面與 H5 也都是有所不同的。

因此，開發(fā)一個 H5，需要從開發(fā)工具、前端框架、模塊管理工具、任務(wù)管理工具，還有 UI 庫選擇、接口調(diào)用工具、瀏覽器兼容性等等，都需要考慮周到。盡管大多數(shù)開發(fā)者面對這些工具時，都有了自己的配置模板，但成本依然不低！

微信小程序的開發(fā)使用了改自 js、CSS、HTML 的語言，同時提供了各種自有的組件和 API，是一套為微信量身打造的自定義的語法。因此，不用擔(dān)心瀏覽器的兼容性，不用擔(dān)心莫名其妙的 bug，而且在微信中小程序的使用體驗比普通 H5 更加順暢、快捷。

所以，小程序的開發(fā)成本比以往的 HTML5 開發(fā)的 Web 成本低很多。

二、從運行環(huán)境來看

客戶端運行環(huán)境：

H5 因為是網(wǎng)頁，所以運行環(huán)境主要是瀏覽器；
微信小程序運行環(huán)境是屬于計算機程序，配合自己定義的開發(fā)語言標(biāo)準(zhǔn)，大幅提升了小程序的流暢度和性能。

服務(wù)器配置：

因為小程序的性能會 H5 高一些，所以服務(wù)器的配置要求上來說，小程序的要求要比 H5 更高一些。

三、系統(tǒng)權(quán)限

因為微信能獲取到更多的系統(tǒng)權(quán)限，如網(wǎng)絡(luò)通信狀態(tài)、數(shù)據(jù)緩存能力等，這些系統(tǒng)級權(quán)限都能與微信小程序無縫銜接，這也就是官方宣稱的微信小程序能夠擁有 Native App（原生 APP）的流暢性能。

而 H5 Web 應(yīng)用對系統(tǒng)本身的權(quán)限的獲取則相對少了很多，這一點恰巧是 H5 Web 應(yīng)用經(jīng)常被詬病的地方。也因此，H5 的大多數(shù)應(yīng)用被圈定在業(yè)務(wù)邏輯簡單、功能單一的范圍上。

四、用戶體驗

1）性能體驗

我們在打開一個 H5 頁面的時候，實際上就是打開一個 Web 網(wǎng)頁，之前在 PC 上瀏覽網(wǎng)頁沒區(qū)別，每次要請求各種圖片樣式資源，在瀏覽器內(nèi)核里渲染，這個過程叫做加載，無論加載的時間的長短，都會給用戶一種”卡“或者“不靈敏”的感覺，體驗是會比較差一些的；

而小程序是微信內(nèi)的云端應(yīng)用，通過 WebSocket 雙向通信（保證無需刷新即時通信）、本地緩存（一旦首次打開小程序可以直接緩存很多資源和圖片，降低與服務(wù)器交互延時）以及微信底層技術(shù)優(yōu)化實現(xiàn)了小程序接近原生 APP 的體驗。所以在使用小程序的時候，同等網(wǎng)絡(luò)條件下幾乎不用等待，可以像操作普通 app 一樣流暢。

小程序的優(yōu)越性體現(xiàn)在既保留了 H5 開發(fā)的便利和靈活性，又可以達到媲美 Native 體驗。

2) 視覺體驗

H5 的動畫效果更豐富，自由度更高一些，功能更強

五、使用場景

1）打開的方式：就如上面概念里提到的，小程序只能在微信里打開，而 H5 頁面可以借助微信的環(huán)境下掃碼或點擊鏈接打開在任何瀏覽器里打開，所以，如果產(chǎn)品需要通過短信通知用戶帶上訪問地址，就無法用小程序?qū)崿F(xiàn)了；而 H5 可以在短信正文中直接用手機內(nèi)置瀏覽器打開。

2）分享的方式：由于微信本身的策略的限制，H5 在微信里可以直接分享到朋友圈；而小程序就只能生成帶小程序碼的圖片發(fā)到朋友圈，不如 H5 便捷；但是對于分享到好友或群，小程序提供了卡片式的分享界面，信息多而且看起來很高端，這個效果 H5 是無法做到。

3）支付能力：因為小程序是內(nèi)嵌在微信里的，所以支付只支持微信支付；而 H5 里可以選擇使用其他支付平臺提供的支付方式，因此 H5 的支付方式更加的多樣化。

**4）導(dǎo)流量功能：**用戶都在微信上，愿意花錢的用戶也在微信上那我把我的服務(wù)也做到微信上就可以獲取更多客戶了；小程序依附于微信，配合微信 11 億用戶的社交網(wǎng)絡(luò)，越來越開發(fā)者選擇微信小程序的技術(shù)的。

據(jù)小程序團隊透露，目前已經(jīng) 50 萬 + 的開發(fā)者在從事實際的開發(fā)，小程序已經(jīng)成為移動互聯(lián)網(wǎng)領(lǐng)域“事實”的標(biāo)準(zhǔn)。伴隨著這種趨勢，阿里、百度分別在 2017 年的 8 月和 2018 年的 3 月啟動了自己的小程序項目，圍繞著支付寶和手機百度 APP 幾個超級 APP 在移動互聯(lián)網(wǎng)領(lǐng)域再次攻城略地。小程序已然成為近幾年最炙手可熱“現(xiàn)象級”技術(shù)。

5）追蹤用戶行為： 小程序還有一個優(yōu)勢，就是通過小程序的分享轉(zhuǎn)發(fā)，每一次誰轉(zhuǎn)發(fā)了，到了哪里，誰點開看了這些信息我們都是可以知道的，通過此可以知道用戶和身邊朋友對品牌的喜好。這個信息是過去 APP 電商、PC 互聯(lián)網(wǎng)電商做不到的，基于社群化的分享和交流可以知道社群消費力是怎么樣的情況，喜歡什么樣的品牌，什么樣的方式更合適。通過這樣的信息收集背后有算法可以比較精確地推薦計算，這些東西的確是在 APP 上、H5 上做不到的。

總結(jié)

綜上所述，兩者各有千秋，沒有絕對的優(yōu)勢和劣勢，只有更加適合的使用場景。所以根據(jù)自己產(chǎn)品的需求和目的，去選擇最適合自己的方式即可。

不過根據(jù)預(yù)測，未來的應(yīng)用的主流趨勢可能是像微信、QQ、微博、支付寶、淘寶、手游這樣的功能強大且高頻次使用的 APP 會保留在手機上，諸如外賣、團購、出行等及時性功能的軟件會被移植到微信或支付寶這樣的平臺上作為小程序的形式存在。