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