手機App將三年內消失，這不是危言聳聽！
來源：B座12樓
作者：王安
HTML5 與 app 以對立競爭的產品形態(tài)展現在大眾視野。從去年開始又有一大批技術派或者創(chuàng)業(yè)者盯向 html5 領域，移動游戲的爆發(fā)和微信朋友圈等眾多平臺為 HTML5 導流，能不能顛覆，或許只是時間上的問題。
就像 Apple 成立前，HP 的高層告訴沃茲：誰會在家里擺一臺電腦呢?未來 HTML5 肯定會顛覆原生 App。
2007 年 W3C (萬維網聯盟)立項 HTML5，直至 2014 年 10 月底，這個長達八年的規(guī)范終于正式封稿。
過去這些年，HTML5 顛覆了 PC 互聯網的格局，優(yōu)化了移動互聯網的體驗，接下來，HTML5 將顛覆原生 App 世界。這聽起來有點危言聳聽，但若認真分析 HTML5 的發(fā)展史，你會發(fā)現，這個世界的發(fā)展趨勢確實就是這樣。
一、HTML5 對開發(fā)者的 7 大優(yōu)勢
跨平臺：
在多屏年代，開發(fā)者的痛苦指數非常高，人人都期盼 HTML5 能扮演救星。多套代碼、不同技術工種、業(yè)務邏輯同步，這是折磨人的過程。有點類似個人電腦早期世界，那個時候的每家電腦都有自己的操作系統和編程語言，開 發(fā)者疲于做不同版本，其實 DOS 的盛行也很大程度是因為開發(fā)者實在沒精力給其他電腦寫程序。跨平臺技術在早期大多因為性能問題夭折，但中后期硬件能力增強后又會占據主流，因為跨平臺確實 是剛需。
快速迭代：
移動互聯網是一個快魚吃慢魚的時代，誰對用戶的需求滿足的更快，誰的試錯成本更低，誰就擁有巨大的優(yōu)勢。互聯網產品大多免費、且有網絡效應，后 入者搶奪用戶的難度非常大。使用原生開發(fā)，從招聘、開發(fā)、上線各個環(huán)節(jié)的效率都慢一倍以上，而且參與的人越多，溝通效率往往拖慢不止一倍。
持續(xù)交付:
很多人有這樣的體會，一個原生應用上線 Appstore，突然有一個大 bug，只好連夜加班修復，然后靜靜等待 2 周或更長時間的 Apple 審核，這 2 個星期被用戶的涂抹淹死，市場上一片差評，用戶大量流失。等新應用被審核上線了，用戶已經卸載了。但是，HTML5 沒有這些問題，你可以實時更新，有問題立即響應。
大幅下降成本：
創(chuàng)業(yè)者融資并不容易，如何花錢更高效非常重要。如果你使用原生開發(fā)的 App 和競爭對手使用 HTML5 開發(fā)的 App 沒什么區(qū)別，但你的開發(fā)成本高出一倍，我相信沒有投資人會喜歡給你投錢。
開源生態(tài)系統發(fā)達：
HTML5 前端是開放的正反饋循環(huán)生態(tài)系統，大量的開源庫可以使用，開發(fā)應用變得更輕松、更敏捷，當然這也體現在了快速迭代和成本下降上。不過更重要的是，這種開放的正反饋循環(huán)生態(tài)系統未來的生命力是比原生生態(tài)系統更強勁的。
開放的數據交換：
HTML 是以 page 為單元開放代碼的，它無需專門開發(fā) SDK，只要不混淆，就能與其他應用交互數據。開發(fā)者可以讓手機搜索引擎很容易檢索到自己的數據，也更容易通過跨應用協作來滿足最終用戶需求。
更容易推廣、更容易爆發(fā)：
導流入口多：HTML5 應用導流非常容易，超級 App (如微信朋友圈)、搜索引擎、應用市場、瀏覽器，到處都是 HTML5 的流量入口。而原生 App 的流量入口只有應用市場。聰明的 HTML5 開發(fā)者當然會玩轉各種流量入口從而取得更強的優(yōu)勢。
流量大：前段時間微信朋友圈風靡一時《神經貓》，這個游戲如果放到 Appstore，絕對沒有那么多流量，超級 App 帶來的流量，遠大于原生應用市場。假如微信允許游戲在桌面創(chuàng)建快捷方式、假如游戲后續(xù)升級解決持續(xù)娛樂問題，未來不可想象。
導流效率高：除了入口多、流量大，導流效率高也不可忽視，誰都知道：頁游和端游打同樣的廣告，廣告變用戶的轉化率，頁游遠遠高于端游。
二、HTML5對最終用戶的 3 大優(yōu)勢
大幅降低使用門檻
為什么流媒體會替代下載視頻成為主流?為什么頁游會如此火爆?只因用戶太“懶”。讓用戶更方便的滿足需求，有時效果好于更多的滿足需求。 用戶眼睛看到一個興趣點，點擊后，就應該立即開始滿足用戶需求。比如流媒體可以立即看，頁游可以立即玩。 而目前的原生應用市場，用戶需要這樣操作：
選一個應用、等待下載、確認權限、等待安裝，然后點擊打開。這樣糟糕的體驗遲早要被顛覆。不管是 App、游戲還是音視頻，未來都將即點即用。誰先滿足用戶這個需求，誰就制勝。
實時更新、差量更新的優(yōu)秀體驗
HTML5 應用可以繞開應用市場的限制進行自主實時更新，用戶可以快速享受新服務。而且這種更新完全可以是差量更新，比如某個 HTML 頁面或某個 js 文件有問題，只更新這個幾k的小文件就可以了，這比原生應用的更新體驗好太多。
跨應用的使用體驗
目前手機應用切換是以桌面或任務管理器為中心的，但事實上這些中心很影響效率和體驗。用戶想出差三亞，先打開去哪 App 訂票，然后切回桌面，再找到并打開天氣 App，搜索輸入三亞，再切到桌面，找到并打開航旅縱橫 App，輸入航班號值機，哦對了，航班號多少來著，再切到桌面，找到并打開去哪 App 看航班號，最后找到并打開租車 App，輸入租車地點，然后再切回桌面。
在原生應用體系下，用戶只能這樣。但在 HTML5 體系下，他不需要切回桌面，他可以在 App 間方便的直接跳來跳去，而不是使用一個一個孤島 App;他更不用重復錄入數據，應用間可以方便的互相傳遞數據。這種模式需要一點想象力，但未來遲早會來。
分析至此，我們可以明顯的看出，不管是站在最終用戶角度、還是站在開發(fā)者角度，HTML5 必將取代原生應用當前的位置。并由此引發(fā)一系列顛覆。HTML5 的爆發(fā)，原生 App 生態(tài)系統的顛覆，是一場產業(yè)革命，很多角色都會受到影響，我們來預測一番。
三、還有什么會被改變？
新型 HTML5 引擎戰(zhàn)火將燒起
標準的 HTML5 引擎并不能解決 HTML5 的所有問題，擁有大流量入口的互聯網巨頭，莫不在思考內嵌更優(yōu)秀的增強引擎。騰訊推出了 X5 瀏覽器引擎，就是看中這個機會。目前各路瀏覽器廠商、應用市場廠商、甚至 rom 廠商，都在努力整合更優(yōu)質的瀏覽器引擎。
假使微信內嵌的 Webview 可以運行更優(yōu)秀的 canvas 游戲、假使 360 手機助手可以發(fā)行即點即用的 HTML5 應用并且能力體驗與原生一致、假使小米 rom 內置更強大的 webview 使得所有 HTML5 應用在小米手機上運行的更流暢。一個巨頭開始行動，所有巨頭都會聞風而動，沒錯，這場戰(zhàn)役會是移動互聯網世界的二次世界大戰(zhàn)。
應用發(fā)行市場將洗牌
由于超級 App 的巨大流量能輕易成為 HTML5 應用的入口，并且會形成大者更大的效應，傳統的應用商店、甚至線下預裝，這些流量不足和效率偏低的發(fā)行模式將被擠出市場主流。本身也是超級 App 的大流量應用商店，如果轉型得當，也將以發(fā)行 HTML5 應用為主。
廣告和統計市場
原生的廣告和統計 SDK 提供商會面臨尬尷，Google、百度等基于網頁的廣告和統計服務會取得更大的優(yōu)勢。開發(fā)者不再需要打包 SDK，引入一個 Script 即可。
開源技術將在移動互聯網領域更加流行
HTML 的開放性造就了大量的開源產品，也反向促進了 HTML 的繁榮。在 Github 上有大量的 JS 框架，而原生的開源代碼數量相比甚少。而未來移動互聯網世界將因為開源而發(fā)展的更迅速，這里也同樣存在類Github 廠商的機遇。
開發(fā)工具的變化
早期 HTML 只需要記事本寫幾個 Tag，中期的 HTML、JS、CSS 比較復雜，需要更高級的文本編輯器，但 HTML5 到來后，它的代碼量、復雜度、開發(fā)模型將與原生開發(fā)看齊，需要類似 XCode、Eclipse 等專業(yè)的 IDE 工具來解決開發(fā)、調試的問題。一些以會使用記事本寫代碼為榮的開發(fā)者，將面臨思路轉換甚至被更高效的開發(fā)者淘汰。
性能分析調優(yōu)
目前很多針對原生應用的性能分析調優(yōu)工具或服務，未來也面臨轉型，HTML5 應用的性能分析調優(yōu)是另一個世界。
混淆與產權保護
HTML5 是開放代碼的，好處也帶來弊端，有些東西開發(fā)者希望暴露，但有些東西開發(fā)者希望保護。混淆技術就變得更有商業(yè)機會。PC Web 上 Gmail 的混淆就做的不錯。除了 JS 混淆，離線數據加密相信也有不少空間。
四、安全廠商的新機會
HTML5 的強大會引發(fā)很多安全問題，并且解決思路與原生不一樣，業(yè)內有可能會出現新的安全廠商領導者。有人說，光標準定稿沒用啊，配套起來了嗎?HTML5 做的應用究竟能否匹敵原生 App?答案是，HTML5 不但可以匹敵原生 App，甚至它天然的很多特性超越了原生 App。
我們先談談 HTML5 原來不如原生應用的地方，業(yè)內俗稱 HTML5 有“性工能”障礙。即 HTML5 性能不如原生、開發(fā)工具不如原生、能力調用不如原生。這幾個問題導致開發(fā)者無法使用 HTML5 做出與原生一樣的 App。然而，不管是硬件升級還是 OS 廠商策略變化，以及相關軟件技術的成熟，已解決了 HTML5 的“性工能”障礙。
1. 硬件升級：
2011 年，iPhone 4s 的 CPU 是 A5，現在 iPhone 6 是 A8，按蘋果的歷次發(fā)布會的說法，速度共提升了 7.5 倍。這 3 年間 7.5 倍的速度提升，抹平了太多 HTML5 的性能問題。
2. 蘋果、Google 的策略變化：
Google 在 2013 年底發(fā)布的 Android 4.4，內置的 Webview 不再是蹩腳的 Android WebKit 瀏覽器，而是 Chromium，性能大幅提升。從最新的 Android5.0 開始，Webview 可以通過 Google Play Store 實時更新，和 Chrome 的升級保持一致，用戶就可以不刷機享受到最新的瀏覽器引擎;再看 Apple 方面，2012 年 iPhone 5 發(fā)布后，HTML5 在 iOS 上的表現已令人滿意，Safari 獨家的 JavaScript 加速引擎 Nitro 不再那么重要，不過在 iOS 8 發(fā)布后，蘋果還是很識趣地取消了三方程序調用 Nitro 的限制，現在任意瀏覽器或應用調用 iOS 的 UIWebview 都可以利用 Nitro 加速，這樣在前端使用 JS 做大型運算也成為可能。
兩大手機操作系統霸主和瀏覽器巨頭的態(tài)度發(fā)生了變化，使得 HTML5 在手機上的發(fā)展不再受限，而且這個變化不可逆只能繼續(xù)向前，這種變化勢必會產生深遠的影響。
3. 軟件技術的成熟
PhoneGap 的發(fā)展雖然放緩了，但其他產品技術卻成熟了。2014 年的 iWeb 大會上，眾多廠商的產品提供了面向開發(fā)者免費或開源的 HTML5 性工能障礙的解決方案。
(注：編者作為從業(yè)人員，也會在分析各種方案時提到我們公司的方案，但編者會客觀不夸張的陳述方案，而且該方案是純免費的，沒有商業(yè)銷售嫌疑。)
DCloud 公司在 iWeb 大會上發(fā)布了系統的 HTML5“性工能缺失”的解決方案，包括：
a) 性能：提升 HTML5 性能的手機端引擎，讓側滑菜單、下拉刷新等動態(tài)交互卡頓的問題得以解決;
b) 工具：HTML5 開發(fā) IDE 產品 HBuilder, 超快的編程利器;
c) 能力：把 40 萬原生 API 封裝成 JavaScript 對象，以解決 HTML5 能力不足問題的 Native.js 技術;
d) 最接近原生體驗的高性能框架：MUI 框架，體積只有幾十K，加載、運行遠快于一般框架。
基于該方案開發(fā)的 HTML5 應用完全可以達到原生 App 的功能和體驗。
五、使用 HBuilder 開發(fā) HTML5 應用
英特爾公司發(fā)布了 Crosswalk 引擎，可以讓 Android 4.0-4.3 的手機上的應用打包 Chromium 引擎而不是 Android WebKit。畢竟目前市場上存在大量 Android 4.0-4.3 的手機，同時統一的 webview 也避免了兼容性的煩惱。
在專業(yè)方向上很多公司也做出了不錯的成績。觸控的 Cocos2d-html5、Egret runtime 和 Ludei CocoonJS 強化了 Canvas 的表現，讓 HTML5 游戲體驗更好;UC、獵豹等手機瀏覽器都強化了音視頻播放的表現。不管是硬件升級、軟件成熟，還是操作系統廠商策略變化，都在強力推動 HTML5 的爆發(fā)。
不過要注意，我說的 HTML5 爆發(fā)，不是指手機瀏覽器會替代桌面成為應用入口。有人說 HTML5 不好，因為用戶討厭打開瀏覽器輸入 URL 的過程。我想說這種想法是對 HTML5 的片面理解。HTML5≠傳統瀏覽器，雖然編程語言還是 HTML、Javascript、CSS，但發(fā)行方式絕不是傳統網站那么簡單。
HTML5 應用的入口，反而很少是啟動瀏覽器輸入 URL，它可以是存在于手機桌面的圖標、也可以來自超級 App (如微信朋友圈)、以及搜索引擎、應用市場、廣告聯盟。。。到處都是它的入口。它的入口，比原生 App 更多。
原生 App 的顛覆
HTML5 的“性工能”障礙得到解決，可以接近原生 App 的效果，所以它就可以替代原生 App 嗎?很多人認為，即使 HTML5 會發(fā)展的比現在好，也將是與原生 App 各占一部分市場的格局，要求不高的長尾應用會使用 HTML5，而主流應用仍是原生 App 的天下。
但我認為這樣的想法很危險，就像 Apple 成立前，HP 的高層告訴沃茲：誰會在家里擺一臺電腦呢?未來 HTML5 肯定會顛覆原生 App。
結語: 其實未來如何發(fā)展是沒人能準確預測的，變量非常多。但我想讓用戶和開發(fā)者都更方便的趨勢是不會錯的。
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規(guī)范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
全部評論（2條）