H5 其實是一種不標(biāo)準(zhǔn)的叫法，它是 HTML5 的縮寫，代表的是 HTML 的第五代技術(shù)標(biāo)準(zhǔn)。但是大家常說的 H5 實際上是指在移動端打開的 Web 頁面，是 HTML5技術(shù)在實際場景中的應(yīng)用。當(dāng)計劃開發(fā)一款移動端的產(chǎn)品時，我們到底是用小程序來實現(xiàn)還是用 H5 應(yīng)用來實現(xiàn)呢？很多做產(chǎn)品的同學(xué)都會有類似的疑問，要回答這個問題，我們首先需要明白小程序和 H5 應(yīng)用之間的區(qū)別。運行環(huán)境不同小程序依賴微信提供的運行環(huán)境，因此我們只能在微信內(nèi)打開小程序，脫離微信這個宿主環(huán)境，小程序?qū)o法繼續(xù)使用。

      H5 則以瀏覽器作為載體，因此只要存在瀏覽器，就可以使用小程序，例如，可以使用手機(jī)自帶的瀏覽器、第三方瀏覽器、各種 App 內(nèi)嵌的 WebView 組件，甚至可以在小程序內(nèi)使用 WebView 組件（當(dāng)然，這里的使用是有限制的，在后面的章節(jié)中我們會逐步講解）。從這個層面上來講，H5 比小程序更加靈活，例如當(dāng)你需要通過短信下發(fā)你的產(chǎn)品給用戶時，那么微信小程序?qū)o法實現(xiàn)這個需求。

      不過如果你對于這些特定渠道的需求并沒有那么強(qiáng)烈，那么 H5 和小程序都可以很好地滿足你的需求。接口能力不同由于運行環(huán)境的限制，H5應(yīng)用和微信小程序之間的接口能力不太相同。H5 應(yīng)用因為依賴瀏覽器實現(xiàn)，因此很多系統(tǒng)級別的能力會受到限制，例如訪問用戶通訊錄、調(diào)用系統(tǒng)藍(lán)牙、錄音等。這些能力依賴 Web 標(biāo)準(zhǔn)協(xié)會制定協(xié)議，需要等待瀏覽器開發(fā)商實現(xiàn)協(xié)議，并最終需要你更新瀏覽器內(nèi)核，而這些更新似乎不是很容易，這也產(chǎn)生了由于不同時期的瀏覽器、手機(jī)廠商實現(xiàn)的協(xié)議標(biāo)準(zhǔn)不一致而導(dǎo)致的H5 頁面應(yīng)用兼容性問題。

      而對于微信小程序，由于微信是國民級的 App，因此只要微信提供了相應(yīng)的權(quán)限 API，開發(fā)者就可以使用這些接口。微信對小程序基礎(chǔ)庫的更新是很快的，因此不用過多考慮高低版本基礎(chǔ)庫的兼容性問題。雖然技術(shù)實現(xiàn)方案不太相同，但是其實微信小程序與 H5 應(yīng)用之間有著千絲萬縷的聯(lián)系。對很多開發(fā)商來說，商家的 H5 會選擇微信公眾號作為主要渠道來源，甚至?xí)霉娞柼峁┑哪芰崿F(xiàn)諸如登錄、支付等脫離了微信無法實現(xiàn)的能力。而小程序本身就是依賴微信而生，小程序內(nèi)也支持使用 WebView 組件實現(xiàn)打開 H5 頁面的功能。

      根據(jù)微信官方的規(guī)劃，未來公眾號將服務(wù)于營銷與信息傳遞，而小程序主要會面向產(chǎn)品與服務(wù)，所以我們認(rèn)為如果你的產(chǎn)品依賴微信提供的能力，那么小程序?qū)⑹歉玫倪x擇。訪問入口不同H5 應(yīng)用常見的訪問入口來自于廣告導(dǎo)流、二維碼導(dǎo)流或者公眾號，而小程序目前提供了上百個入口，并通過“場景值”的概念方便商家進(jìn)行來源流量分析。例如在微信的“搜一搜”中，如果我們的頁面使用小程序開發(fā)，那么就可以直接被索引到，而 H5 應(yīng)用則沒有這樣的待遇。在移動互聯(lián)網(wǎng)時代，流量為王。

      微信小程序作為微信的“親兒子”，微信自然會對其進(jìn)行一定程度的流量層面的傾斜。因此對于一個產(chǎn)品來說，如果流量來源不依賴微信，那么就可以考慮使用 H5 實現(xiàn)，否則我們應(yīng)該優(yōu)先考慮使用小程序來獲得微信方面的流量扶持。使用體驗不同雖然手機(jī)的硬件設(shè)備在不斷發(fā)展，但是我們?nèi)匀徽J(rèn)為依賴于 WebView 組件的 H5應(yīng)用使用體驗比較糟糕，同時 H5 應(yīng)用還存在難以實現(xiàn)用戶留存的問題。

      事實上，小程序就是在 H5 應(yīng)用這些現(xiàn)狀下催生出來的。雖然小程序可以實現(xiàn)的功能受到微信平臺開放能力的限制，但小程序可以滿足很多的功能場景，具有非常流暢的交互體驗。盡管小程序不是原生 App，但可以借助微信封裝的一系列接口能力去實現(xiàn)更豐富的功能。因此在交互體驗上，小程序體驗更加接近原生 App，比 H5 應(yīng)用更流暢。