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)用各種強大的原生能力了！

客觀的講，微信的很多能力組件非常強，比如掃碼，很多原生應用的掃碼效果都不如微信?，F(xiàn)在HTML5開發(fā)者瞬間成功逆襲，他們原本無法實現(xiàn)掃碼，現(xiàn)在卻能輕松的開發(fā)掃碼應用，而且效果比很多原生應用都好（當然前提是你的web應用運行在微信的管理之下）。

首先受益的是微信內(nèi)置的騰訊系A(chǔ)pp，比如大眾點評、滴滴打車、京東購物等。

以前微信在錢包欄目下以很別扭的方式內(nèi)嵌了滴滴打車的HTML5版本，那個版本的體驗比滴滴的原生版本差太多，不能說話只能打字，沒有地圖看不到司機在哪。在體驗為王的移動互聯(lián)網(wǎng)時代，這個將就能用的版本出現(xiàn)在微信的錢包分類下，其實是微信的敗筆。

但如今不同了，滴滴打車的微信版本，將擁有不輸于其原生App的能力。而且不用下載App就可以秒開應用。

大眾點評的受益就更大了，不止是其微信內(nèi)嵌版本的能力將大幅增強。因為使用場景的不同，滴滴在朋友間分享的只能是紅包，離打車這個業(yè)務場景有點遠；而大眾點評在朋友間可以分享優(yōu)惠或推薦商家，直接形成消費，通過關(guān)系鏈導流的效果會非常明顯。

HTML5定稿時，我寫過的一篇文章，提到過HTML5的一大優(yōu)勢就是打破App孤島，直穿應用子頁面。一張大眾點評的優(yōu)惠券，通過朋友分享，就可以通過點擊分享內(nèi)容直接到達這個商戶的界面，進而直接購買，這點連大眾點評的原生App也做不到。

微信給我們展示了一個新的web世界：能力和原生一樣強，但在應用的獲取、流量的轉(zhuǎn)換上進一步領(lǐng)先于原生應用。

很快，我們就會看到各種公眾號、微店全面升級支持微信JS SDK。然后我們就會發(fā)現(xiàn)，原來市占率***的手機瀏覽器，是這個沒有地址欄的微信。

瀏覽器的傳統(tǒng)思維被突破

微信這個巴掌把瀏覽器廠商拍的不輕。但是瀏覽器廠商又很難還擊，因為這挑戰(zhàn)了他們的思維傳統(tǒng)。

在HTML5規(guī)范制定時，很多人都有一種思維：web是開放的，地址欄和超鏈接可能帶來任意惡意網(wǎng)頁，所以我們不能把HTML5的能力做到太強，會引發(fā)安全問題。

微信給了這些人不同的答案。

首先微信開放的能力沒有涉及過于隱私的API，比如個人敏感信息或好友關(guān)系，當然這個估計永遠也不會開放。最關(guān)鍵的是，所有使用微信JS SDK的網(wǎng)站，都必須實名到微信認證、繳費。它采取了類似Apple App Store的策略，由系統(tǒng)運營方來保障用戶的安全。

這個由微信構(gòu)建的新web世界，不再開放，由微信所管理，他根本就沒有地址欄，所有能使用微信增強能力的網(wǎng)頁都是經(jīng)過認證權(quán)限的。

其實HTML5強化這個領(lǐng)域已經(jīng)發(fā)展多年，也已經(jīng)有了行業(yè)規(guī)范，HTML5Plus.org，微信此次把這些標準都拋在一邊，就是一心建設自己的生態(tài)系統(tǒng)。

除了管理模式不同，微信的設計體現(xiàn)了他對于用戶體驗的不同理解。其實我們大多數(shù)人都會認可一點，在手機瀏覽器里輸入url是一個體驗比較糟的事情，但是瀏覽器廠商卻一直墨守成規(guī)。

我們來解構(gòu)下微信的設計。

在微信里，既然沒有地址欄，那么如何到達一個web應用，它有幾個web入口？答案是5個。

• 消息內(nèi)容里的超鏈接；
• 公眾號的文章；
• 朋友圈；
• 掃一掃；
• 預置入口的web應用，如錢包、購物等欄目。

這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)容，那也沒有地址欄，但是有掃一掃。

可是掃一掃就不在微信的管理之下了嗎？當然不會。很多App開發(fā)者頭疼的就是他們的APK地址變成二維碼后，微信是不能下載安裝的，這可是瀏覽器不會干的事情，用戶要下載什么那就允許下，最多給一個可能不安全的提示。但是微信說，APK只能是來自應用寶的鏈接才可以下載。你不接受？那就別用掃一掃。

就這樣，微信構(gòu)建了一個獨特的web生態(tài)系統(tǒng)。它有關(guān)系鏈推薦，不需要搜索引擎；它有消息系統(tǒng)，不需要電子郵件；它有增強的瀏覽器，有支付等業(yè)務閉環(huán)手段。最終一個完整而又封閉的web世界出現(xiàn)在微信里。信息在這里產(chǎn)生、在這里流轉(zhuǎn)、在這里變現(xiàn)。手機上只需一個微信就夠了，什么都能干了。

騰訊的戰(zhà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)？

我想到了前段時間馬化騰的話，微信只是張“站票”，他還給騰訊提出的一個新愿景：連接一切。張小龍也曾仔細研讀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設備的市場份額遠低于Android，另一方面庫克確實沒有喬布斯強勢，所以目前Apple的整體態(tài)度是開放的。前段時間iOS8發(fā)布，Apple給第三方廠商開放了自己的js加速引擎Nitro，以強化iOS設備上HTML5的表現(xiàn)。此時的微信JS SDK上線，不必再像以前那樣擔心無法通過Appstore審核。

而且事實實際上是反過來的，帶有微信JS SDK的版本其實早已更新到Appstore了，只是前幾天才給開發(fā)者公布了調(diào)用接口。

但是不管怎么樣，這帶有試探Apple底線的味道。如果僅僅在中國倒也是區(qū)域行為，但微信事實上已經(jīng)遍布全球，當海外開發(fā)者也大量開發(fā)微信專屬的增強web時，Apple和Google會如何看待這個新的跨平臺霸主？

開發(fā)者的機會

whatever，巨頭們的煩惱讓他們自己操作吧，我等創(chuàng)業(yè)者和開發(fā)者還是要抓緊這個機會快速發(fā)展自己，快速利用微信JS SDK開發(fā)出驚艷的HTML5應用，搶先占有用戶。后面的比較技術(shù)，有興趣開發(fā)JS SDK的開發(fā)者可以繼續(xù)往下看。微信本次開放的JS SDK分類清單如下：

• 分享類接口；
• 圖像類接口；
• 音頻類接口；
• 智能類接口；
• 設備信息類接口；
• 地理位置類接口；
• 界面操作類接口；
• 微信掃一掃接口；
• 微信小店接口；
• 微信卡券接口；
• 微信支付接口。

滴滴打車、大眾點評這些微信內(nèi)置應用的增強路線，將基本照著其原生App的模樣演進。其他的開發(fā)者，還是要運營好自己的公眾號，目前公眾號分為訂閱號和服務號。

訂閱號的開發(fā)者提供的大多是資訊，那么對于資訊而言，可以利用JS SDK做的事情什么？

豐富內(nèi)容形式，即除了圖文，新增音頻能力。類似電臺的訂閱號將有機會興起。但微信暫時還沒有開放視頻能力，朋友圈里的小視頻是原生實現(xiàn)的。在Android4.0以上的手機，安裝了QQ瀏覽器后，微信網(wǎng)頁里的視頻播放才能被X5引擎優(yōu)化。而目前使用HTML5標準的視頻，會在低端手機上遭遇性能問題。所以視頻還是緩緩再搞。

不管是做圖文還是做音頻，都應該利用新提供的設備API獲取網(wǎng)絡狀態(tài)，WIFI和2G下應該給予用戶不同的內(nèi)容以增強用戶體驗。

根據(jù)地域分發(fā)信息。資訊也是有地域性的，類似地方臺的訂閱號以后也會占有一席之地，而這也非常符合微信打造森林的生態(tài)初衷。

服務號就五花八門了，很多大企業(yè)有自己的掌上客服App，這回可以整體搬遷到微信上了，這也給企業(yè)服務開發(fā)商很多新商機；

對于可線上交易的微店，微信小店和支付這些API必不可少。微店的商品，這下可以直接被分享出去，只要東西好，傳播更容易、銷量也會高升；

對于線下消費的O2O，地圖和卡券很重要?？ㄈ瘜ξ⑿哦允莻€新東西，之前iOS已經(jīng)有了passport，大眾點評也有自己的會員卡體系，但微信自己做了一套，相信體量會做的更大，以后大家出門不用在錢包里塞那么多卡了，都在微信里了。

微信官方還推薦了幾個App供開闊思路。

印美圖是一個云打印App，自拍的美圖，可以直接提交給這個App的后臺，運營方打印好照片快遞給你。微郵筒是一個語音明信片，在明信片里留下自己的聲音，再發(fā)給朋友，并且可以長期保存在服務器。

微信官方?jīng)]有提供開發(fā)和調(diào)試配套的服務，客觀地講，開發(fā)和調(diào)試的便利性很不好。推薦一個免費開發(fā)工具HBuilder，可以***支持微信JS SDK的語法提示，大幅提升開發(fā)效率。下圖中敲wxc回車就能生成一段完整的微信API初始化的長長代碼，還能給予各種參數(shù)的值域提示。

接下來會如何

我們都很確信，JS SDK的這個版本只是一個開始，未來騰訊還為了強化其web生態(tài)系統(tǒng)建設而不停升級產(chǎn)品。

1.會顛覆原生App嗎？

微信JS SDK繼續(xù)升級下去，真的會顛覆原生App嗎？目前的微信JS SDK，屬于web增強，它依然還不能離線使用，還沒有解決網(wǎng)頁跳轉(zhuǎn)間白屏的體驗，也不能在手機桌面創(chuàng)建快捷方式，暫時它并沒有向著努力做到和原生一模一樣體驗而前進。

就騰訊連接一切的愿景而言，它應該沒有顛覆原生這個戰(zhàn)略目標。但是這個月活4億的平臺勢必會更大程度占有用戶使用手機的時間，自然也會大幅影響原生App的流量。對于普通用戶而言，每天使用手機的時間是有限的，之前每天看著手機屏幕的總時長里可能60%是被微信占去的，那么微信未來可能會占去80%的時間。

另外微信雖然沒有顛覆原生App的愿景，不代表其他人不會做這件事。IT行業(yè)總是在持續(xù)創(chuàng)新和突破的，除了微信，還會有其他大型HTML5的平臺出現(xiàn)，可以預見HTML5成為主流已是不可阻擋的趨勢。

2.微信會重構(gòu)移動搜索嗎？

這個概率其實很高。在微信現(xiàn)在的API里，有一個智能語義的接口，傳入“查一下明天從北京到上海的南航機票”，就會返回結(jié)果。很像siri是不是？其實微信完全可以現(xiàn)在就在掃一掃下面加一個說一說，但是他目前沒有這么做，是因為搜狗還不夠強大？還是因為不想過早刺激百度？

確實相比起來，騰訊在手機上搶奪百度份額的勝算是遠高于搶奪阿里的。但是手機端廣告市場一直沒起來，搶掉搜索份額又如何？

3.微信會重構(gòu)移動電商嗎？

其實單純的套PC互聯(lián)網(wǎng)的模式給移動互聯(lián)網(wǎng)是不對的。騰訊最關(guān)心的不是移動電商，它更關(guān)心移動支付。所以易迅才會被剝離給京東。騰訊十年總結(jié)時曾說，是互聯(lián)網(wǎng)網(wǎng)民的高速增長紅利造就了騰訊的今天。其實類似于雷軍風口的理念。

移動支付，是一個大風口，是未來若干年高速增長的產(chǎn)業(yè)。

我們可以預見，未來移動支付的用戶數(shù)會越來越多，交易額會越來越多，直到顛覆現(xiàn)金的地位。但移動支付可不只是在電商網(wǎng)站買東西付款，更多場景在O2O范疇里。

移動支付大戰(zhàn)里，騰訊一方面通過微信紅包發(fā)展用戶，另一方面通過資本手段控制支付場景，其投資的滴滴打車、大眾點評、京東電商，這些合作伙伴的業(yè)務都是高頻的支付場景，其成功的幫助騰訊發(fā)展了移動支付體系。

當然阿里也不甘示弱的支持快的和美團。滴滴和快的的補貼大戰(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è)者，這都將是一個***的時代。

本文出自：http://www.36kr.com/p/218686.html