2016年8月26-27日，由51CTO.com主辦的【W(wǎng)OT2016移動(dòng)互聯(lián)網(wǎng)技術(shù)峰會(huì)】在北京粵財(cái)JW萬豪酒店隆重召開。自2012年以來，WOT品牌大會(huì)秉承專注技術(shù)、服務(wù)技術(shù)人員的理念已經(jīng)成功舉辦十一屆，不僅積累了大量的專家資源，更獲得廣大IT從業(yè)者和技術(shù)愛好者的認(rèn)可和好評(píng)，并成為業(yè)界重要的技術(shù)分享及人脈拓展。

本次【W(wǎng)OT2016移動(dòng)互聯(lián)網(wǎng)技術(shù)峰會(huì)】分為10大技術(shù)主題，分別是應(yīng)用架構(gòu)、平臺(tái)技術(shù)、創(chuàng)新技術(shù)、VR技術(shù)、前端技術(shù)、性能優(yōu)化、直播技術(shù)、運(yùn)維與安全、數(shù)據(jù)分析、APP技術(shù)專場。51CTO.com作為本次大會(huì)的主辦方，將通過快速報(bào)道、現(xiàn)場專訪與后期視頻等多種形式,向廣大用戶全方位展示這場技術(shù)盛宴。

下面是大會(huì)主會(huì)場上來自淘寶移動(dòng)平臺(tái)的基礎(chǔ)平臺(tái)部負(fù)責(zé)人吳志華老師帶來的主題為《Weex：JS&Web能力拓展萬物互聯(lián)的探索》的演講實(shí)錄。

[[170589]]

在阿里巴巴從準(zhǔn)備開源到現(xiàn)在一共8個(gè)月，這期間業(yè)界有很多聲音。我們?cè)谶@個(gè)項(xiàng)目當(dāng)中遇到了大量的一個(gè)技術(shù)的挑戰(zhàn)，以及大量的問題。在開源當(dāng)中有很多心路歷程，接下來和大家一一說下。

關(guān)于Weex主題分五個(gè)部分。***部分，介紹Weex這個(gè)項(xiàng)目是什么，有什么特點(diǎn)；第二點(diǎn)，對(duì)于阿里巴巴來說為什么要做Weex這樣一個(gè)項(xiàng)目，基于行業(yè)的技術(shù)趨勢思考是什么，以及與阿里巴巴的無線技術(shù)有什么關(guān)系；第三點(diǎn)，是大家比較關(guān)心的Weex項(xiàng)目，在阿里巴巴應(yīng)用的情況和落地的實(shí)踐是怎樣的。接下來我談一談Weex作為一個(gè)對(duì)外的項(xiàng)目，今天在開源生態(tài)上面，開發(fā)者服務(wù)方面我們做什么事情，取得了怎樣的成績？

我全名就是吳志華，花名是天施。個(gè)人經(jīng)歷，我一直在做移動(dòng)的基礎(chǔ)技術(shù)，我負(fù)責(zé)的團(tuán)隊(duì)就是阿里巴巴移動(dòng)基礎(chǔ)技術(shù)平臺(tái)，包括整個(gè)阿里巴巴網(wǎng)絡(luò)的接入，雙11流量是團(tuán)隊(duì)在做。移動(dòng)網(wǎng)絡(luò)接入，以及網(wǎng)絡(luò)的消息中間件的問題，還有整個(gè)集團(tuán)推送和移動(dòng)端數(shù)據(jù)采集。

我們對(duì)于Weex有這樣一個(gè)定義公式，這個(gè)公式兩個(gè)含義。Weex這樣一個(gè)公式把模板Weex，JS輸入進(jìn)來得到一個(gè)UI，這就是徹底以提倡的方式開發(fā)。

我們的官網(wǎng)有三個(gè)特點(diǎn)，非常輕量級(jí)，可擴(kuò)展和高性能。左邊是Weex代碼一個(gè)樣式一個(gè)寫法，看起來比較的普通。這樣一個(gè)技術(shù)的框架有兩個(gè)特點(diǎn)，寫一份Weex代碼，就可以在Android，H5通用，以后還可以在更多的設(shè)備端通用。

看一下Weex為什么是web以外方式開發(fā)H***PP呢？首先，寫完代碼和前端代碼以后，用工具掃描，這個(gè)就是在手機(jī)上看到一個(gè)效果。編寫一些代碼，就可以生成實(shí)時(shí)電商一個(gè)頁面的的效果，其他頁面也是可以的。

無論是首頁，還是微淘，都全是Weex來支撐，各種大促活動(dòng)，3月的活動(dòng)，6.18的活動(dòng)，都是使用Weex， Weex也是給大促帶來了一些效果，在體驗(yàn)上有很大的提升。今天阿里內(nèi)部很多的APP，基本上都是用Weex。

前面簡單地介紹一下Weex是什么？接下來講講，我們?yōu)槭裁醋鲞@樣一個(gè)項(xiàng)目？今天實(shí)際上就是把外部的優(yōu)秀的前端一些工程和技術(shù)能力可以擴(kuò)到手機(jī)端。未來是什么樣子？我們相信未來一定是通過大家努力，可以把今天前端優(yōu)秀一些工程和技術(shù)能力可以弄到各個(gè)端。

Weex一個(gè)起源，有個(gè)非常大的原因，對(duì)于開發(fā)者來說，設(shè)備的平臺(tái)兼容性，還有分裂性，已經(jīng)對(duì)開發(fā)者造成很大的困難。包括信息孤島的問題，低端機(jī)適配的問題，性能優(yōu)化的問題，我們開發(fā)者就是在三個(gè)方向做大量的一些投入，投入大量一些精力。今天創(chuàng)業(yè)整個(gè)大環(huán)境和背景下，快速變化業(yè)務(wù)，快速跟隨業(yè)界一個(gè)趨勢變化有極大一些要求。業(yè)界其實(shí)在這個(gè)時(shí)間上就受平臺(tái)分裂一個(gè)困擾比較多。所以，這個(gè)點(diǎn)上，我們覺得Weex這樣一個(gè)方案，可以解決APP高大小的問題，兼容性的問題。

這也是我們想為什么推出Weex的初衷。這個(gè)項(xiàng)目就是阿里巴巴基于自己移動(dòng)客戶端的技術(shù)，還有H5的技術(shù)，還有追求動(dòng)態(tài)化技術(shù)，自然而然一個(gè)結(jié)果。14年的時(shí)候，我們集團(tuán)所有的業(yè)務(wù)開始把它的業(yè)務(wù)做進(jìn)手機(jī)淘寶里。大概有上百個(gè)團(tuán)隊(duì)協(xié)作，我們考慮代碼怎么去隔離，大家之間相互工程的協(xié)作怎么辦，相互之間代碼，自己開發(fā)獨(dú)立客戶端代碼，天貓代碼怎么集成到手淘里面來，我們提出幾個(gè)概念，就是容器化怎么做？解決隔離性，工程持續(xù)集成問題。今天這么多人一起弄的時(shí)候怎么快速發(fā)現(xiàn)和修復(fù)呢？

這個(gè)時(shí)候給業(yè)界提出了熱修復(fù)這樣一個(gè)概念，后面就是動(dòng)態(tài)部署。我們應(yīng)該就是中國最早實(shí)現(xiàn)動(dòng)態(tài)部署的一個(gè)超級(jí)APP，也就是去年年初的時(shí)候?qū)崿F(xiàn)了動(dòng)態(tài)部署，整個(gè)Android客戶端也是可以的。今天手淘下面的一個(gè)超級(jí)APP一個(gè)大的技術(shù)團(tuán)隊(duì)，我們接近150多位架構(gòu)師。而這樣做的一個(gè)技術(shù)的操作系統(tǒng)，不僅僅是支撐電商，也是支撐整個(gè)集團(tuán)所有的APP。

過去有很多技術(shù)，都做了移動(dòng)網(wǎng)絡(luò)的一些解決方案，甚至我們大數(shù)據(jù)的一些采集Weex這個(gè)項(xiàng)目的開始，在阿里巴巴內(nèi)部就是開源的，所有的同學(xué)都會(huì)為他去貢獻(xiàn)代碼以及提供意見。慢慢地，Weex項(xiàng)目經(jīng)過8個(gè)月，阿里巴巴內(nèi)部不僅成為一個(gè)技術(shù)項(xiàng)目，是成為一個(gè)技術(shù)生態(tài)。

阿里巴巴內(nèi)部談技術(shù)，除了客戶端這一條線以外，H5這個(gè)線路不能不提的，H5這個(gè)線路非常核心一個(gè)場景，就是大促會(huì)場，雙11會(huì)場。剛剛開始的時(shí)候提一個(gè)概念，雙11要無線化，這個(gè)時(shí)候承載就是H5頁面，跟業(yè)界方案幾乎是一樣的，我們H5方面沒有做特別的優(yōu)化。14年以后，這個(gè)性能對(duì)消費(fèi)者體驗(yàn)有很大的影響。希望雙11有一些互動(dòng)的場景、游戲，能夠給消費(fèi)者很好的一個(gè)體驗(yàn)。我們提了預(yù)加載，離線緩存，網(wǎng)絡(luò)上面做了很多的優(yōu)化。還有主會(huì)場的Weex。不滿足與做一個(gè)單獨(dú)會(huì)場一個(gè)頁面，我們把它做到一超級(jí)APP，去年有幾百個(gè)，今年會(huì)更多。每一個(gè)會(huì)場就是幾百個(gè)，幾千個(gè)頁面。我們要設(shè)計(jì)復(fù)雜的一些會(huì)場的框架，會(huì)場的APP的生命周期的管理。這個(gè)里面有互動(dòng)游戲的狂歡，都有用到Weex的技術(shù)。

13年到16年，我們Weex客戶端發(fā)展，這個(gè)是Android。去年發(fā)了500多個(gè)版本！平均一天發(fā)1到2個(gè)版本，我們有Weex以后，我們可以做什么事情？Weex既可以做到H5靈活性，可以做到好的體驗(yàn)性能，哪怕蘋果也是承認(rèn)它的合法性。

阿里一年會(huì)場的秒開率變遷，沒有做過H5的秒開率是非常糟糕的。經(jīng)過我們做優(yōu)化以后，可以離線緩存了，即便這樣，一到特殊場景下還是有解決不掉的難題。到了今天Weex，秒開這一塊有很大的優(yōu)勢。而且，內(nèi)存CPU占用，原生客戶端體驗(yàn)上面有很大的優(yōu)勢，這個(gè)頁面跳轉(zhuǎn)，還有動(dòng)畫都是有優(yōu)勢的。

這是阿里巴巴動(dòng)態(tài)化幾個(gè)探索路徑，剛剛開始是H5，后面通過遠(yuǎn)端計(jì)算編排丟到客戶端，動(dòng)態(tài)渲染。到了今天，我們提一個(gè)概念，就是Weex。

Weex對(duì)阿里巴巴帶來的一個(gè)價(jià)值什么樣子？首先在技術(shù)層面上提供了很大的價(jià)值，為什么這么說呢？業(yè)界更新到60%，Android需要一個(gè)月，蘋果一周，Weex是一天。一個(gè)代碼，開發(fā)團(tuán)隊(duì)帶來大量生產(chǎn)力提升，我們可以節(jié)省50%的人力，可以提升50%的開發(fā)效率。到現(xiàn)在為止解決了所有Android低端機(jī)一些問題。

超級(jí)APP一個(gè)困境，我是做超級(jí)APP的。前兩年講這個(gè)包太大，性能穩(wěn)定性包括多版本，手機(jī)的兼容性很難做，投入大量的一些人力和物力一些成本，業(yè)務(wù)這一塊兒在中國互聯(lián)網(wǎng)不停地做業(yè)務(wù)加法，不可能讓業(yè)務(wù)不變化，看一下淘寶，支付寶，也是非常的龐大。不說這樣一個(gè)包的大小和代碼規(guī)模，大量用戶消費(fèi)者下載這個(gè)APP體驗(yàn)的問題，還有內(nèi)部一些大量的工程協(xié)同的一些問題都無法解決。

我們看一個(gè)現(xiàn)實(shí)，在座有沒有做微信的？甚至其他的一些超級(jí)APP的？已經(jīng)玩兒不下去了，支付寶也是一樣的，怎么辦？不可能不讓業(yè)務(wù)做加法吧？Weex獲取就是一劑良方，我們的整個(gè)Android這一塊，加上1.9兆，Android代碼460K，IOS600K，包大小呢？擴(kuò)展一些需要自己的組件。同時(shí)，我們可以給你提供一些按需打包能力，打包想要一些組件，打包想要H5一些組件。性能穩(wěn)定性這一塊兒，Weex今天是一個(gè)標(biāo)準(zhǔn)的輸入和輸出內(nèi)核，這樣一個(gè)標(biāo)準(zhǔn)內(nèi)核里面我們做專門內(nèi)核性能一些定制優(yōu)化。我們會(huì)做***實(shí)踐，我們來約束開發(fā)者，我們可以Weex比一般的水平，這個(gè)是目前實(shí)踐一個(gè)結(jié)果。

目前，開發(fā)效率也是會(huì)更高。業(yè)務(wù)上更開心了，可以在線更新。還有穩(wěn)定性和內(nèi)核的研發(fā)和保障機(jī)制。甚至內(nèi)核需要一些能力，以及VR這方面的能力。甚至我們的數(shù)據(jù)可視化一些能力。

Weex在阿里巴巴業(yè)務(wù)上面帶來一些收益，從去年到現(xiàn)在快一年了。包括大規(guī)模實(shí)踐，推進(jìn)過程當(dāng)中得到一些數(shù)據(jù)，我們頁面的點(diǎn)擊率就是提升5%，這里說一個(gè)數(shù)據(jù)，就是針對(duì)我們過去優(yōu)化到***的H5頁面，就是我們的離限緩存，預(yù)加載，網(wǎng)絡(luò)優(yōu)化，UC瀏覽器，沒有加就更好，10%到20%，點(diǎn)擊率提升5%，我們頁面跳失率減少5%，我們比普通H5頁面快4倍。因?yàn)榍岸丝蚣苓@一塊，數(shù)據(jù)傳輸這一塊，還有圖片這一塊做了大量的一些優(yōu)化，我們數(shù)據(jù)其實(shí)就是比H5更小10倍。

Weex在阿里巴巴業(yè)務(wù)上面一個(gè)收益，這個(gè)是阿里巴巴手淘的第二個(gè)。以更好的內(nèi)容和更好的表現(xiàn)形式給消費(fèi)者，更容易被結(jié)構(gòu)化，被大數(shù)據(jù)所驅(qū)動(dòng)，去線上做一些測試以及更容易個(gè)性化一個(gè)推薦。

另外，這個(gè)是我們的社區(qū)這一塊，今天很多開發(fā)者，還有自建QQ群，這個(gè)討論比較的活躍。最近很開心一個(gè)事情，我們內(nèi)部一些開發(fā)者，QQ群開發(fā)者說，就是上線了，在群里面說了，我們?nèi)豪锩婵吹缴钲谝患夜鹃_始招聘Weex工程師，邀請(qǐng)我們做一個(gè)Weex交流，評(píng)估Weex這樣一個(gè)方案。也看到了一些需求，內(nèi)部和外部，都是放在我們線上進(jìn)行討論，大家經(jīng)常會(huì)看到。業(yè)界很多開發(fā)者在里面討論，通過這樣一些討論也是收獲到很多不一樣的觀點(diǎn)。

開源重點(diǎn)，Weex講一堆開源事情，有一些小小成績。這個(gè)其實(shí)有很多事情做，就是文檔怎么樣？我們的開發(fā)者服務(wù)，還有我們的工具體系，這個(gè)是需要整個(gè)團(tuán)隊(duì)持續(xù)優(yōu)化的。所以，這個(gè)月初，在杭州我們宣布中文開發(fā)者服務(wù)計(jì)劃啟動(dòng)，專人專項(xiàng)解決開發(fā)工具的問題，開發(fā)者服務(wù)的問題。把Weex項(xiàng)目徹底開源開放專線給業(yè)界。

談一些未來的一個(gè)展望。先說一下近期到中期的，我們對(duì)自己有一個(gè)目標(biāo)，就是8到12個(gè)月以后，所有的阿里巴巴APP都是用到Weex上面。為了做到這個(gè)事情，光靠我們這個(gè)團(tuán)隊(duì)很難的，這個(gè)團(tuán)隊(duì)相當(dāng)于做一些基礎(chǔ)的平臺(tái)，包括內(nèi)核，前端工具一些開發(fā)工作，我們還有很多的一些不太擅長。就是讓兄弟團(tuán)隊(duì)合作伙伴，甚至我們的社區(qū)生態(tài)一些伙伴一起做。我們的UI庫，我們一些體系，還有我們的互動(dòng)能力。還有數(shù)據(jù)可視化，還有業(yè)務(wù)上面一些搭建平臺(tái)怎么做，大量工作需要這個(gè)團(tuán)隊(duì)做。還有內(nèi)核上，整個(gè)內(nèi)核一些能力，還有內(nèi)核能力拓展，我們應(yīng)用一個(gè)框架。我們的整個(gè)內(nèi)核穩(wěn)定性，還有性能，研發(fā)機(jī)制，整個(gè)的一些升級(jí)能力。還有自愈機(jī)制都需要團(tuán)隊(duì)的支持。

談到***，我們對(duì)自己有這樣4句話。***，擁抱開源，回歸生態(tài)，萬物互聯(lián)，技無止境。阿里巴巴就是一個(gè)擁抱開源一家公司，技術(shù)體系，技術(shù)生態(tài)構(gòu)建過程當(dāng)中從源當(dāng)中收獲很多。我們?cè)谧鯳eex這個(gè)項(xiàng)目的時(shí)候，其實(shí)一開始的時(shí)候內(nèi)部有很多的討論。剛開始在想，Weex解決自己的問題就夠了嗎？后來我們決定把Weex開源給業(yè)界，這個(gè)就是想捐給基金會(huì)。我們是這樣考慮的，Weex這個(gè)項(xiàng)目在阿里巴巴移動(dòng)互聯(lián)網(wǎng)上面為數(shù)不多的做生態(tài)，就是外部開發(fā)者力量完善我們非常重要的一個(gè)項(xiàng)目。我們也是認(rèn)為這樣一個(gè)項(xiàng)目可能就是中國的，我們自己認(rèn)為，可能就是中國的移動(dòng)互聯(lián)網(wǎng)為數(shù)不多的可以做生態(tài)，做開發(fā)者項(xiàng)目的一個(gè)項(xiàng)目。所以，我們是想完全徹底地開源出去，Weex不僅僅通過業(yè)界大家一致的努力。不僅僅是一個(gè)移動(dòng)端一個(gè)跨平臺(tái)一個(gè)解決方案。希望大家努力，可以成為一個(gè)萬物互聯(lián)的解決方案。

以上是51CTO.com記者從【W(wǎng)OT2016移動(dòng)互聯(lián)網(wǎng)技術(shù)峰會(huì)】一線為您帶來的精彩報(bào)道。一大波精彩內(nèi)容報(bào)道正在襲來，敬請(qǐng)持續(xù)關(guān)注！