今年的蘇寧818注定與以往不同。

　　不久前的蘇寧818發(fā)布會(huì)上,蘇寧宣布由“零售商”升級(jí)為“零售服務(wù)商”,并全新升級(jí)了“專注好服務(wù)”的品牌主張。同時(shí),家樂(lè)福1小時(shí)達(dá)等業(yè)務(wù)與全新升級(jí)的視頻、直播等平臺(tái)的接入,在今年的818共同為消費(fèi)者打造更全面、更立體的服務(wù)。

　　當(dāng)下,消費(fèi)的持續(xù)升級(jí)與市場(chǎng)的快速?gòu)?fù)蘇,將流量推向了更高層級(jí)。“專注好服務(wù)”,也對(duì)前端技術(shù)提出了更高的要求。經(jīng)過(guò)多年的積累,蘇寧已構(gòu)建出較為完備的前端技術(shù)體系,全力支撐覆蓋瀏覽器、APP、小程序矩陣等技術(shù)場(chǎng)景的“線上平臺(tái)+線下門店”各節(jié)點(diǎn)大促。在經(jīng)濟(jì)復(fù)蘇按下快進(jìn)鍵的2020“818”,蘇寧“大前端”將會(huì)打出怎樣漂亮的組合拳?

　　業(yè)務(wù)、技術(shù)團(tuán)隊(duì)的“發(fā)布之爭(zhēng)”

　　在電商大促中,一直存在著這樣一個(gè)矛盾:一方面,業(yè)務(wù)團(tuán)隊(duì)希望促銷活動(dòng)更靈活,適應(yīng)市場(chǎng)的快速變化,希望大促期間的活動(dòng)頁(yè)面、場(chǎng)景玩法都能多發(fā)、快發(fā);另一方面,技術(shù)團(tuán)隊(duì)則希望避免頻繁發(fā)布帶來(lái)的質(zhì)量風(fēng)險(xiǎn),所以傾向于在大促期間封板、禁發(fā)。

　　那么,蘇寧是如何應(yīng)對(duì)這個(gè)矛盾呢?

　　第一,前端基于Node.js對(duì)大量的系統(tǒng)進(jìn)行改造,徹底實(shí)現(xiàn)前后端分離。在系統(tǒng)分層上,將展示層放在Node.js系統(tǒng)上,由前端同學(xué)維護(hù),而對(duì)數(shù)據(jù)的處理,保留在服務(wù)端,由服務(wù)端同學(xué)處理。

　　第二,服務(wù)端提供微服務(wù),前端使用Node.js將服務(wù)組裝后,渲染為頁(yè)面,成為新的常態(tài)開(kāi)發(fā)模式。通過(guò)這一方式,前端的多項(xiàng)操作就可以脫離服務(wù)端來(lái)做單獨(dú)發(fā)布,解決了絕大部分大促相關(guān)業(yè)務(wù)的快速發(fā)布和系統(tǒng)穩(wěn)定性的矛盾。涉及到數(shù)據(jù)操作相關(guān)的可以及早封板,保持穩(wěn)定。而大促相關(guān)的緊急需求可以通過(guò)Node.js來(lái)做快速發(fā)布,甚至一直持續(xù)到817-818當(dāng)天的爆發(fā)節(jié)點(diǎn)。

　　

(圖 蘇寧廣泛的Node.js應(yīng)用,支持WAP/PC頁(yè)面快速發(fā)布)

　　快速搭建促銷會(huì)場(chǎng)的“泰坦”奇兵

　　蘇寧使用weex始于2017年,彼時(shí)被廣泛使用于APP的大促會(huì)場(chǎng)頁(yè)面上。得益于Weex的使用,蘇寧易購(gòu)大促會(huì)場(chǎng)的渲染幀率從平均30FPS提升到平均55FPS,極大提升了用戶體驗(yàn)。同時(shí),weex頁(yè)面的轉(zhuǎn)化率也遠(yuǎn)高于H5,可以說(shuō)獲得了體驗(yàn)和效益的雙豐收。

　　據(jù)了解,今年蘇寧818會(huì)場(chǎng)也同樣使用weex技術(shù),除定制化的大促主會(huì)場(chǎng)外,大部分的分會(huì)場(chǎng)及專用促銷頁(yè),都可以通過(guò)蘇寧泰坦這一no code平臺(tái)搭建。

(圖 蘇寧泰坦平臺(tái))

　　蘇寧泰坦平臺(tái),支持了上百個(gè)H5/WEEX組件,支持“所見(jiàn)即所得”方式編輯會(huì)場(chǎng)、促銷頁(yè)。通過(guò)no code平臺(tái),大促會(huì)場(chǎng)的開(kāi)發(fā)量降低了60%,運(yùn)營(yíng)同學(xué)也可以在僅僅幾分鐘內(nèi)完成會(huì)場(chǎng)頁(yè)的配置。

　　一次開(kāi)發(fā)、多端部署、流量共享的蘇寧小程序平臺(tái)

　　蘇寧小程序平臺(tái),是蘇寧獨(dú)立實(shí)現(xiàn)的一個(gè)小程序架構(gòu),支持業(yè)務(wù)以小程序的方式運(yùn)行在蘇寧系A(chǔ)PP上,如蘇寧易購(gòu)、蘇寧小店、蘇寧金融、PP視頻、PP體育等,做到了一次開(kāi)發(fā),多端部署。

　　通過(guò)小程序平臺(tái),蘇寧得以實(shí)現(xiàn)多業(yè)態(tài)的流量共享和流轉(zhuǎn),用戶可以在蘇寧易購(gòu)APP上看中超比賽,也可以在蘇寧體育APP上邊看邊購(gòu)買商品,而同一個(gè)促銷玩法,可以同一時(shí)間部署到多個(gè)APP上,讓用戶一起來(lái)玩。

　　截止2020年818前,蘇寧已接入了包括微信、百度、頭條、支付寶等多個(gè)小程序平臺(tái)。大促的一次上線,往往要同時(shí)將代碼提交到3-4個(gè)小程序,開(kāi)發(fā)成本很高,通過(guò)人工方式添加代碼確實(shí)難以為繼,于是SNT-小程序轉(zhuǎn)換器孕育而生。

　　SNT基于Babel,將微信小程序代碼轉(zhuǎn)化為百度、頭條、支付寶小程序代碼,轉(zhuǎn)化率超過(guò)80%,極大的降低了小程序的開(kāi)發(fā)成本,前端工程師僅需開(kāi)發(fā)微信小程序代碼,再通過(guò)SNT轉(zhuǎn)換器,就可以生成其他小程序的代碼。通過(guò)SNT,前端團(tuán)隊(duì)僅花費(fèi)微信小程序一半的人力成本,就支撐了百度、頭條、支付寶等小程序的迭代需求。

　　游戲玩法引擎化,大幅提升用戶體驗(yàn)

　　隨著技術(shù)的進(jìn)步和業(yè)務(wù)的發(fā)展,電商大促游戲玩法已經(jīng)不僅限于直接發(fā)紅包而是變得更具備互動(dòng)性、傳播性、長(zhǎng)期性。

　　經(jīng)過(guò)幾年的探索,蘇寧前端在2020大促玩法上,將渲染方案統(tǒng)一為pixi.js,并圍繞pixi.js開(kāi)發(fā)了“鯨喜”和818晚會(huì)玩法,在新瀏覽器中開(kāi)啟WebGL后,渲染性能有了一定幅度的提高,在pixi.js基礎(chǔ)上,通過(guò)骨骼動(dòng)畫、粒子系統(tǒng)等插件,解決了以往開(kāi)發(fā)中資源加載過(guò)多,核心庫(kù)過(guò)大等問(wèn)題。

　　蘇寧818已迎來(lái)爆發(fā),但前端的技術(shù)之路沒(méi)有終點(diǎn)。

　　據(jù)悉,818后,蘇寧小程序平臺(tái)將進(jìn)一步開(kāi)放,提供開(kāi)發(fā)套件給蘇寧體系外的技術(shù)開(kāi)發(fā)者, 818后,XNPP也將面向廣大的Node.js開(kāi)發(fā)者開(kāi)源。未來(lái),高復(fù)雜度的業(yè)務(wù)場(chǎng)景與大流量的訪問(wèn),將持續(xù)推動(dòng)蘇寧前端技術(shù)朝著更高點(diǎn)前行,為蘇寧全場(chǎng)景智慧零售服務(wù)商升級(jí)提供更穩(wěn)健的技術(shù)驅(qū)動(dòng)力。

特別提醒：本網(wǎng)內(nèi)容轉(zhuǎn)載自其他媒體，目的在于傳遞更多信息，并不代表本網(wǎng)贊同其觀點(diǎn)。其原創(chuàng)性以及文中陳述文字和內(nèi)容未經(jīng)本站證實(shí)，對(duì)本文以及其中全部或者部分內(nèi)容、文字的真實(shí)性、完整性、及時(shí)性本站不作任何保證或承諾，并請(qǐng)自行核實(shí)相關(guān)內(nèi)容。本站不承擔(dān)此類作品侵權(quán)行為的直接責(zé)任及連帶責(zé)任。如若本網(wǎng)有任何內(nèi)容侵犯您的權(quán)益，請(qǐng)及時(shí)聯(lián)系我們，本站將會(huì)在24小時(shí)內(nèi)處理完畢。