計劃開發(fā)的移動產品是H5還是小程序?甚至許多開發(fā)人員也不知道這兩種產品在具體使用中的優(yōu)缺點。所以我相信讀完這篇文章后，你可以讓你知道兩者的優(yōu)缺點，不再需要糾結。

一般來說，H5和小程序沒有可比性。只是在很多移動場景中，這兩種選擇都可以實現產品的大部分功能，而且它們已經領先好幾年了，所以更難選擇。

我們常說H5是一個不標準的名字，可以理解為只是一種技術。H5主要是指移動終端上使用的網頁。事實上，H5技術也可以用于PC電腦版本。小程序，這里特別指微信小程序，是基于微信應用支持的應用形式，完全依賴于微信應用環(huán)境。

以上，是大概念上的區(qū)別，下面，我們就來詳細比較一下其他方面。

一、運行環(huán)境

既然這里的H5是一個網頁，它所依賴的外殼主要是瀏覽器，所以只要有瀏覽器，它就可以使用。例如，內置的手機瀏覽器，應用程序web-view組件，以及小程序提供的web-view組件，都可以打開H5頁面。

請注意，小程序的web-view可以打開H5，但并非小程序“跳轉”到H5頁面，H5仍然是小程序的外殼，仍然有很多限制。

正如我之前所說，小程序只能依靠微信客戶端，也就是說，它只能在微信上打開。然后，如果您的產品需要通過短信通知用戶帶來訪問地址，則無法通過小程序實現。H5頁面可以在短信文本中直接用手機內置瀏覽器打開。

然而，微信本身是跨平臺的，所以無論是Android上的微信還是蘋果上的微信，都可以使用小程序。甚至QQ瀏覽器也支持一些小程序。

二、系統(tǒng)權限

這里的系統(tǒng)權限可以理解為相對較高的隱私級別，如通訊簿，或者可以調用硬件，如藍牙功能。從這個角度來看，H5本身幾乎沒有系統(tǒng)權限。雖然有攝像頭等接口，但嚴重依賴瀏覽器能力，兼容性有限。

而小程序，由于依賴微信客戶端本身，所以微信小程序團隊向小程序環(huán)境開放了客戶端的許多能力，當然，前提是你也授權微信相關能力，如允許訪問麥克風、允許訪問相冊等。

因此，如果你的產品嚴重依賴這些能力，那么小程序一定是最好的選擇，因為H5很難做到這一點，H5根本不可能實現許多小程序提供的能力。

3、能力限制

上面提到的系統(tǒng)權限水平的差異實際上是一種能力限制。此外，微信本身也有一些戰(zhàn)略限制。例如，H5可以直接在微信上分享朋友圈，而小程序只能轉發(fā)給朋友或小組。對于朋友圈，只能生成帶有小程序代碼的圖片并發(fā)送到朋友圈。

對于朋友或群體來說，小程序提供了一個卡片共享界面，看起來非常高端，有很多信息，可以跟蹤用戶的行為。H5無法做到這一點。

另一個例子是支付能力，小程序只支持微信支付，H5可以選擇使用其他支付平臺提供的支付方式。

四、用戶體驗

分享卡看起來比普通的H5鏈接分享體驗要好;很難說朋友圈的H5分享形式和圖片識別小程序代碼的形式哪個更好。但是，如果您的產品被判有違規(guī)行為，H5鏈接很容易匹配和屏蔽，這可以直接導致H5頁面的共享只能自己看到，別人看不到。

然而，雖然小程序的共享圖片不太可能被禁止，但小程序是微信的，它不會在幾分鐘內關閉。所以在抗風險方面，兩者都有自己的優(yōu)勢。如果是H5，準備更多域名;如果是小程序，直接推出更多的小程序，以確保在禁止時減少損失。

除了正式的體驗差異外，性能也有所不同?；谖⑿趴蛻舳说男〕绦騼?yōu)化了分析，一旦第一次打開小程序，就可以直接緩存大量資源。因此，在使用小程序時，你可以明顯感覺非常流暢，接近本地應用程序的體驗。

H5本質上是一個網頁，和之前在PC上瀏覽網頁沒什么區(qū)別。每次要求各種圖片樣式資源在瀏覽器內核渲染，體驗都會更差。

5、訪問入口

在訪問入口方面，H5的核心競爭力是可以在微信之外玩，而不依賴微信本身。小程序的優(yōu)點是有50+微信提供的場景入口，聊天界面頂部的“最近使用”和“我的小程序”入口比H5有絕對優(yōu)勢。

用戶關閉后，如果H5頁面想繼續(xù)訪問，可以通過收集入口或轉發(fā)給“文件傳輸助手”等聊天界面保存，也可以縮小到圖標稍后閱讀等。本質上，它類似于PC時代的瀏覽器收藏夾，需要一個地方來保存H5的鏈接地址，以方便下次訪問。如果沒有保存，下次就很難找到了。

至于微信搜索，可以同時搜索H5和小程序，可以根據H5的名稱和內容、小程序的名稱和介紹進行搜索。H5在這里的一個自然優(yōu)勢是，只要你的鏈接已經提交給主要的搜索引擎，那么使用其他搜索引擎也可以找到H5，比如百度搜索。

六、用戶觸達

H5本身沒有用戶接觸的能力。如果用戶關閉頁面，頁面將無法主動接觸用戶。因此，傳統(tǒng)的營銷方式是通過電子郵件營銷或短信營銷來接觸用戶。

后來，當我們有了微信服務號碼時，我們有了更多的服務號碼模板信息接觸方式。無論哪種方式，都試圖將鏈接地址推送給用戶，然后通過手機內置瀏覽器或微信內置瀏覽器訪問頁面。

小程序自然支持模板消息。雖然有一周的推送時間限制，但常規(guī)業(yè)務就足夠了。只要用戶使用您的小程序，您就可以通過某個操作收集formid，然后在一周內的任何時間接觸用戶。

七、開發(fā)成本

對于簡單的功能，H5和小程序的開發(fā)成本相似，開發(fā)模式和語言風格也相似。至于上面提到的系統(tǒng)能力，可能只有小程序才能實現，H5根本做不到。此外，小程序有自己的系統(tǒng)，所以有一些現成的組件可以使用。如果它們只是覆蓋了你的產品功能，它們可以提高效率。

雖然H5也有很多框架組件可以使用，但由于過于復雜，選擇成本，以及各種技術棧和UI，可能有集成和修改的成本。大多數小程序組件的UI已經確定，只有少數部分可以修改，所以一旦確定使用小程序，這部分的成本就會低得多。

總的來說，我覺得小程序的開發(fā)成本還是比較低的。

八、迭代周期

開發(fā)成本低，迭代周期可能不短。對于H5，我們可以隨時發(fā)布，不受任何限制。小程序的特點是每次提交版本都要經過微信的審核，審核時間的長短非常隨機，急于上線的項目非常無奈。

至于其他速度，很難估計開發(fā)人員的技能熟練程度、系統(tǒng)復雜程度、對基本能力的依賴程度等。

九、外部限制

因為小程序依賴微信平臺，微信平臺應該對內容安全等事項負責。比如你想做一個有UGC的產品，也可以利用H5的寬松監(jiān)管和無證裸奔一段時間，或者做大了再補證。

而小程序，很可能根本無法通過審核，根本無法上線。比如試聽和社交都有相應的資質，可能很難獲得。

類似地，H5頁面可以在沒有HTTPS的情況下玩，有一個網站可以玩，甚至可以用工具做一個小活動。但是，小程序從后端開始就有限制，需要域名備案+HTTPS，在某種程度上也是一點成本。

此外，小程序還限制了文件的大小。雖然現在支持分包加載，但H5本身對文件大小沒有限制。但在實際開發(fā)中，要照顧用戶體驗，不要讓頁面打開太慢。

綜上所述，H5和小程序在不同的場景下各有千秋，具體使用哪一種取決于你看重哪些能力。