2015 年剛剛開(kāi)始，微信 JS SDK 發(fā)布，驚爆眾人，HTML5 產(chǎn)業(yè)好事連連。
JS SDK 這個(gè)概念，其實(shí)微博和淘寶的開(kāi)放平臺很早前就有，包括手機 QQ 前段時(shí)間也推出了幾個(gè)增強 API，但都未產(chǎn)生很大的影響。小巫之后終見(jiàn)大巫，這次微信開(kāi)放的 SDK，站在了另一個(gè)高度，web 到底能有多強？
HTML5的逆襲
其實(shí)之前微信也是有一些 JS API 的，比如分享。但這次一股腦開(kāi)放了拍攝、錄音、語(yǔ)音識別、二維碼、地圖、支付、分享、卡券等幾十個(gè) API，這條消息不需宣傳，瞬間就占滿(mǎn)了 HTML5 從業(yè)者的朋友圈。
因為微信給所有做 web 開(kāi)發(fā)的人打開(kāi)一扇新窗戶(hù)：使用 js，你也可以調用各種強大的原生能力了！
客觀(guān)的講，微信的很多能力組件非常強，比如掃碼，很多原生應用的掃碼效果都不如微信?，F在 HTML5 開(kāi)發(fā)者瞬間成功逆襲，他們原本無(wú)法實(shí)現掃碼，現在卻能輕松的開(kāi)發(fā)掃碼應用，而且效果比很多原生應用都好（當然前提是你的 web 應用運行在微信的管理之下）。
首先受益的是微信內置的騰訊系 App，比如大眾點(diǎn)評、滴滴打車(chē)、京東購物等。
以前微信在錢(qián)包欄目下以很別扭的方式內嵌了滴滴打車(chē)的 HTML5 版本，那個(gè)版本的體驗比滴滴的原生版本差太多，不能說(shuō)話(huà)只能打字，沒(méi)有地圖看不到司機在哪。在體驗為王的移動(dòng)互聯(lián)網(wǎng)時(shí)代，這個(gè)將就能用的版本出現在微信的錢(qián)包分類(lèi)下，其實(shí)是微信的敗筆。
但如今不同了，滴滴打車(chē)的微信版本，將擁有不輸于其原生 App 的能力。而且不用下載 App 就可以秒開(kāi)應用。
大眾點(diǎn)評的受益就更大了，不止是其微信內嵌版本的能力將大幅增強。因為使用場(chǎng)景的不同，滴滴在朋友間分享的只能是紅包，離打車(chē)這個(gè)業(yè)務(wù)場(chǎng)景有點(diǎn)遠；而大眾點(diǎn)評在朋友間可以分享優(yōu)惠或推薦商家，直接形成消費，通過(guò)關(guān)系鏈導流的效果會(huì )非常明顯。
HTML5 定稿時(shí)，我寫(xiě)過(guò)的一篇文章，提到過(guò) HTML5 的一大優(yōu)勢就是打破 App 孤島，直穿應用子頁(yè)面。一張大眾點(diǎn)評的優(yōu)惠券，通過(guò)朋友分享，就可以通過(guò)點(diǎn)擊分享內容直接到達這個(gè)商戶(hù)的界面，進(jìn)而直接購買(mǎi)，這點(diǎn)連大眾點(diǎn)評的原生 App 也做不到。
微信給我們展示了一個(gè)新的 web 世界：能力和原生一樣強，但在應用的獲取、流量的轉換上進(jìn)一步領(lǐng)先于原生應用。
很快，我們就會(huì )看到各種公眾號、微店全面升級支持微信 JS SDK。然后我們就會(huì )發(fā)現，原來(lái)市占率最高的手機瀏覽器，是這個(gè)沒(méi)有地址欄的微信。
瀏覽器的傳統思維被突破
微信這個(gè)巴掌把瀏覽器廠(chǎng)商拍的不輕。但是瀏覽器廠(chǎng)商又很難還擊，因為這挑戰了他們的思維傳統。
在 HTML5 規范制定時(shí)，很多人都有一種思維：web 是開(kāi)放的，地址欄和超鏈接可能帶來(lái)任意惡意網(wǎng)頁(yè)，所以我們不能把 HTML5 的能力做到太強，會(huì )引發(fā)安全問(wèn)題。
微信給了這些人不同的答案。
首先微信開(kāi)放的能力沒(méi)有涉及過(guò)于隱私的 API，比如個(gè)人敏感信息或好友關(guān)系，當然這個(gè)估計永遠也不會(huì )開(kāi)放。最關(guān)鍵的是，所有使用微信 JS SDK 的網(wǎng)站，都必須實(shí)名到微信認證、繳費。它采取了類(lèi)似 Apple App Store 的策略，由系統運營(yíng)方來(lái)保障用戶(hù)的安全。
這個(gè)由微信構建的新 web 世界，不再開(kāi)放，由微信所管理，他根本就沒(méi)有地址欄，所有能使用微信增強能力的網(wǎng)頁(yè)都是經(jīng)過(guò)認證權限的。
其實(shí) HTML5 強化這個(gè)領(lǐng)域已經(jīng)發(fā)展多年，也已經(jīng)有了行業(yè)規范，HTML5Plus.org，微信此次把這些標準都拋在一邊，就是一心建設自己的生態(tài)系統。
除了管理模式不同，微信的設計體現了他對于用戶(hù)體驗的不同理解。其實(shí)我們大多數人都會(huì )認可一點(diǎn)，在手機瀏覽器里輸入 url 是一個(gè)體驗比較糟的事情，但是瀏覽器廠(chǎng)商卻一直墨守成規。
我們來(lái)解構下微信的設計。
在微信里，既然沒(méi)有地址欄，那么如何到達一個(gè) web 應用，它有幾個(gè) web 入口？答案是 5 個(gè)。
這 5 個(gè)入口里，沒(méi)有傳統的地址欄，甚至也沒(méi)有搜索。
web 初生時(shí)，人們獲取 web 信息是主動(dòng)式的，通過(guò)地址欄訪(fǎng)問(wèn)網(wǎng)站，網(wǎng)站太多后開(kāi)始使用搜索引擎。Google 的 page rank 算法告訴網(wǎng)民，被鏈接的網(wǎng)頁(yè)越多，這個(gè)網(wǎng)頁(yè)的價(jià)值越高。微信的理解里，大多數人們獲取 web 信息是被動(dòng)的，這里沒(méi)有地址欄、沒(méi)有搜索、沒(méi)有 page rank，朋友發(fā)給你的、你訂閱的公眾號發(fā)給你的，就是你需要的 web 內容。
如果你真的想要主動(dòng)獲得內容，那也沒(méi)有地址欄，但是有掃一掃。
可是掃一掃就不在微信的管理之下了嗎？當然不會(huì )。很多 App 開(kāi)發(fā)者頭疼的就是他們的 APK 地址變成二維碼后，微信是不能下載安裝的，這可是瀏覽器不會(huì )干的事情，用戶(hù)要下載什么那就允許下，最多給一個(gè)可能不安全的提示。但是微信說(shuō)，APK 只能是來(lái)自應用寶的鏈接才可以下載。你不接受？那就別用掃一掃。
就這樣，微信構建了一個(gè)獨特的 web 生態(tài)系統。它有關(guān)系鏈推薦，不需要搜索引擎；它有消息系統，不需要電子郵件；它有增強的瀏覽器，有支付等業(yè)務(wù)閉環(huán)手段。最終一個(gè)完整而又封閉的 web 世界出現在微信里。信息在這里產(chǎn)生、在這里流轉、在這里變現。手機上只需一個(gè)微信就夠了，什么都能干了。
騰訊的戰略
微信是僅僅強化了一批能力 API 嗎？不是，大家還記得前段時(shí)間騰訊發(fā)布的 X5 瀏覽器內核嗎？
X5 內核內置于 QQ 瀏覽器，在安裝了 QQ 瀏覽器后，微信有著(zhù)不同的表現，它將調起 X5 內核，與 JS SDK 協(xié)作實(shí)現更好的體驗。X5 和 JS SDK，這究竟是一盤(pán)什么棋呢？
微信其實(shí)很早就能開(kāi)放這些 JS SDK，甚至一度曾開(kāi)放幾個(gè)又收了回去，為何此時(shí)如此大力發(fā)展 web 生態(tài)系統？
我想到了前段時(shí)間馬化騰的話(huà)，微信只是張“站票”，他還給騰訊提出的一個(gè)新愿景：連接一切。張小龍也曾仔細研讀 KK 的《失控》，提出微信要營(yíng)造一個(gè)森林，而不是造一個(gè)宮殿。
其實(shí)這些事情是相關(guān)聯(lián)的。有戰略需求，才會(huì )出現 X5、微信 JS SDK 這些支撐戰略的產(chǎn)品。要論站票和臥鋪的區別，那就是一個(gè)可以躺著(zhù)掙錢(qián)。如何才能躺著(zhù)掙錢(qián)，看看阿里巴巴就知道了。在阿里建立的龐大生態(tài)系統里，每天無(wú)數人努力賺錢(qián)，阿里坐享其成。
騰訊曾經(jīng)數次努力電商，但怎么也賺不到阿里的錢(qián)。它只能走自己的路。就是馬化騰所說(shuō)的，回歸本源，連接一切。
電商搞不定，那就不搞了，剝離和注資給京東。搜索搞不定，那就不搞了，剝離和注資給搜狗。不再天天盯著(zhù)阿里、百度，騰出全部精力，在移動(dòng)互聯(lián)網(wǎng)時(shí)代，達成連接一切的愿景。
沒(méi)錯，基于微信這張站票，騰訊最終要打造出一個(gè)由他掌控的生態(tài)系統，而對于一個(gè)工具而言，構建生態(tài)系統的最佳技術(shù)路線(xiàn)就是 web，強化 HTML5 是打造更優(yōu)質(zhì)生態(tài)系統的必由之路。
而此時(shí)能做這事，還恰逢 HTML5 即將崛起的機會(huì )。一方面手機硬件的不斷提升使得 HTML5 表現更好，另一方面，就是 Apple 對 HTML5 的態(tài)度在開(kāi)放，或者說(shuō) Apple 整體都在開(kāi)放。一方面 iOS 設備的市場(chǎng)份額遠低于 Android，另一方面庫克確實(shí)沒(méi)有喬布斯強勢，所以目前 Apple 的整體態(tài)度是開(kāi)放的。前段時(shí)間 iOS8 發(fā)布，Apple 給第三方廠(chǎng)商開(kāi)放了自己的 js 加速引擎 Nitro，以強化 iOS 設備上 HTML5 的表現。此時(shí)的微信 JS SDK 上線(xiàn)，不必再像以前那樣擔心無(wú)法通過(guò) Appstore 審核。
而且事實(shí)實(shí)際上是反過(guò)來(lái)的，帶有微信 JS SDK 的版本其實(shí)早已更新到 Appstore 了，只是前幾天才給開(kāi)發(fā)者公布了調用接口。
但是不管怎么樣，這帶有試探 Apple 底線(xiàn)的味道。如果僅僅在中國倒也是區域行為，但微信事實(shí)上已經(jīng)遍布全球，當海外開(kāi)發(fā)者也大量開(kāi)發(fā)微信專(zhuān)屬的增強 web 時(shí)，Apple 和 Google 會(huì )如何看待這個(gè)新的跨平臺霸主？
開(kāi)發(fā)者的機會(huì )
whatever，巨頭們的煩惱讓他們自己操作吧，我等創(chuàng )業(yè)者和開(kāi)發(fā)者還是要抓緊這個(gè)機會(huì )快速發(fā)展自己，快速利用微信 JS SDK 開(kāi)發(fā)出驚艷的 HTML5 應用，搶先占有用戶(hù)。后面的比較技術(shù)，有興趣開(kāi)發(fā) JS SDK 的開(kāi)發(fā)者可以繼續往下看。微信本次開(kāi)放的 JS SDK 分類(lèi)清單如下：
滴滴打車(chē)、大眾點(diǎn)評這些微信內置應用的增強路線(xiàn)，將基本照著(zhù)其原生 App 的模樣演進(jìn)。其他的開(kāi)發(fā)者，還是要運營(yíng)好自己的公眾號，目前公眾號分為訂閱號和服務(wù)號。
訂閱號的開(kāi)發(fā)者提供的大多是資訊，那么對于資訊而言，可以利用 JS SDK 做的事情什么？
豐富內容形式，即除了圖文，新增音頻能力。類(lèi)似電臺的訂閱號將有機會(huì )興起。但微信暫時(shí)還沒(méi)有開(kāi)放視頻能力，朋友圈里的小視頻是原生實(shí)現的。在 Android4.0 以上的手機，安裝了 QQ 瀏覽器后，微信網(wǎng)頁(yè)里的視頻播放才能被 X5 引擎優(yōu)化。而目前使用 HTML5 標準的視頻，會(huì )在低端手機上遭遇性能問(wèn)題。所以視頻還是緩緩再搞。
不管是做圖文還是做音頻，都應該利用新提供的設備 API 獲取網(wǎng)絡(luò )狀態(tài)，WIFI 和 2G 下應該給予用戶(hù)不同的內容以增強用戶(hù)體驗。
根據地域分發(fā)信息。資訊也是有地域性的，類(lèi)似地方臺的訂閱號以后也會(huì )占有一席之地，而這也非常符合微信打造森林的生態(tài)初衷。
服務(wù)號就五花八門(mén)了，很多大企業(yè)有自己的掌上客服 App，這回可以整體搬遷到微信上了，這也給企業(yè)服務(wù)開(kāi)發(fā)商很多新商機；
對于可線(xiàn)上交易的微店，微信小店和支付這些 API 必不可少。微店的商品，這下可以直接被分享出去，只要東西好，傳播更容易、銷(xiāo)量也會(huì )高升；
對于線(xiàn)下消費的 O2O，地圖和卡券很重要?？ㄈ瘜ξ⑿哦允莻€(gè)新東西，之前 iOS 已經(jīng)有了 passport，大眾點(diǎn)評也有自己的會(huì )員卡體系，但微信自己做了一套，相信體量會(huì )做的更大，以后大家出門(mén)不用在錢(qián)包里塞那么多卡了，都在微信里了。
微信官方還推薦了幾個(gè) App 供開(kāi)闊思路。
印美圖是一個(gè)云打印 App，自拍的美圖，可以直接提交給這個(gè) App 的后臺，運營(yíng)方打印好照片快遞給你。微郵筒是一個(gè)語(yǔ)音明信片，在明信片里留下自己的聲音，再發(fā)給朋友，并且可以長(cháng)期保存在服務(wù)器。
微信官方?jīng)]有提供開(kāi)發(fā)和調試配套的服務(wù)，客觀(guān)地講，開(kāi)發(fā)和調試的便利性很不好。推薦一個(gè)免費開(kāi)發(fā)工具 HBuilder，可以完美支持微信 JS SDK 的語(yǔ)法提示，大幅提升開(kāi)發(fā)效率。下圖中敲 wxc 回車(chē)就能生成一段完整的微信 API 初始化的長(cháng)長(cháng)代碼，還能給予各種參數的值域提示。
接下來(lái)會(huì )如何
我們都很確信，JS SDK 的這個(gè)版本只是一個(gè)開(kāi)始，未來(lái)騰訊還為了強化其 web 生態(tài)系統建設而不停升級產(chǎn)品。
1. 會(huì )顛覆原生 App 嗎？
微信 JS SDK 繼續升級下去，真的會(huì )顛覆原生 App 嗎？目前的微信 JS SDK，屬于 web 增強，它依然還不能離線(xiàn)使用，還沒(méi)有解決網(wǎng)頁(yè)跳轉間白屏的體驗，也不能在手機桌面創(chuàng )建快捷方式，暫時(shí)它并沒(méi)有向著(zhù)努力做到和原生一模一樣體驗而前進(jìn)。
就騰訊連接一切的愿景而言，它應該沒(méi)有顛覆原生這個(gè)戰略目標。但是這個(gè)月活 4 億的平臺勢必會(huì )更大程度占有用戶(hù)使用手機的時(shí)間，自然也會(huì )大幅影響原生 App 的流量。對于普通用戶(hù)而言，每天使用手機的時(shí)間是有限的，之前每天看著(zhù)手機屏幕的總時(shí)長(cháng)里可能 60% 是被微信占去的，那么微信未來(lái)可能會(huì )占去 80% 的時(shí)間。
另外微信雖然沒(méi)有顛覆原生 App 的愿景，不代表其他人不會(huì )做這件事。IT 行業(yè)總是在持續創(chuàng )新和突破的，除了微信，還會(huì )有其他大型 HTML5 的平臺出現，可以預見(jiàn) HTML5 成為主流已是不可阻擋的趨勢。
2. 微信會(huì )重構移動(dòng)搜索嗎？
這個(gè)概率其實(shí)很高。在微信現在的 API 里，有一個(gè)智能語(yǔ)義的接口，傳入“查一下明天從北京到上海的南航機票”，就會(huì )返回結果。很像 siri 是不是？其實(shí)微信完全可以現在就在掃一掃下面加一個(gè)說(shuō)一說(shuō)，但是他目前沒(méi)有這么做，是因為搜狗還不夠強大？還是因為不想過(guò)早刺激百度？
確實(shí)相比起來(lái)，騰訊在手機上搶奪百度份額的勝算是遠高于搶奪阿里的。但是手機端廣告市場(chǎng)一直沒(méi)起來(lái)，搶掉搜索份額又如何？
3. 微信會(huì )重構移動(dòng)電商嗎？
其實(shí)單純的套 PC 互聯(lián)網(wǎng)的模式給移動(dòng)互聯(lián)網(wǎng)是不對的。騰訊最關(guān)心的不是移動(dòng)電商，它更關(guān)心移動(dòng)支付。所以易迅才會(huì )被剝離給京東。騰訊十年總結時(shí)曾說(shuō)，是互聯(lián)網(wǎng)網(wǎng)民的高速增長(cháng)紅利造就了騰訊的今天。其實(shí)類(lèi)似于雷軍風(fēng)口的理念。
移動(dòng)支付，是一個(gè)大風(fēng)口，是未來(lái)若干年高速增長(cháng)的產(chǎn)業(yè)。
我們可以預見(jiàn)，未來(lái)移動(dòng)支付的用戶(hù)數會(huì )越來(lái)越多，交易額會(huì )越來(lái)越多，直到顛覆現金的地位。但移動(dòng)支付可不只是在電商網(wǎng)站買(mǎi)東西付款，更多場(chǎng)景在 O2O 范疇里。
移動(dòng)支付大戰里，騰訊一方面通過(guò)微信紅包發(fā)展用戶(hù)，另一方面通過(guò)資本手段控制支付場(chǎng)景，其投資的滴滴打車(chē)、大眾點(diǎn)評、京東電商，這些合作伙伴的業(yè)務(wù)都是高頻的支付場(chǎng)景，其成功的幫助騰訊發(fā)展了移動(dòng)支付體系。
當然阿里也不甘示弱的支持快的和美團。滴滴和快的的補貼大戰、大眾點(diǎn)評和美團補貼大戰，看似瘋狂，其實(shí)都是為了移動(dòng)支付這張船票，為了未來(lái)十年的繼續高速增長(cháng)是任何一個(gè)巨頭都不愿錯過(guò)的。
在未來(lái)人們的衣食住行里，買(mǎi)衣服花錢(qián)用阿里和騰訊，吃飯花錢(qián)用阿里和騰訊，出門(mén)打車(chē)結帳用阿里和騰訊，就是買(mǎi)房好像不太好做移動(dòng)支付。
另外近期在醫療領(lǐng)域，移動(dòng)支付之爭也打響了，那意味著(zhù)以后看病，也用移動(dòng)支付。
微信的 JS SDK，其實(shí)很大程度上就是為了把這些需要花錢(qián)的 App 控制在自己的生態(tài)下，微信給這些 App 提供流量、提供更強大的運行環(huán)境，大家努力掙錢(qián)，然后微信躺著(zhù)分錢(qián)。
4. 不管怎么樣，HTML5 會(huì )大火特火
騰訊的這條構建 web 生態(tài)系統的路，還是有很多高手已經(jīng)看懂了的。很快各大互聯(lián)網(wǎng)巨頭都會(huì )有自己的對策。但不管是什么對策，都是要基于 HTML5 來(lái)做了。
對于 HTML5 的開(kāi)發(fā)者和從業(yè)者，這都將是一個(gè)最好的時(shí)代。
本文作者王安，DCloud公司CEO，W3C會(huì )員、HTML5中國產(chǎn)業(yè)聯(lián)盟發(fā)起人，HTML5開(kāi)發(fā)工具HBuilder設計師，十幾年web和手機開(kāi)發(fā)經(jīng)驗，個(gè)人郵箱：wangan@dcloud.io。
[本文來(lái)自讀者的投稿，不代表36氪立場(chǎng)]
[本文來(lái)自讀者的投稿，不代表36氪立場(chǎng)]
聯(lián)系客服
