專訪蘇寧李曉健：窺探企業前端架構升級的前因後果！

多年之前，大部分人對於前端工程師的工作有著很大誤解，以為不過是簡單的做一些HTML和CSS的工作，偶爾充當一下設計師即可，現在也不排除有如此想法的人。近兩年，隨著前端架構的迅猛發展，前端工程師這一崗位才逐漸被正確認知。身為一名前端工程師，在企業架構升級的前、中、後期需要注意哪些因素?累計服務客戶超過2000個，十年媒體技術和服務經驗的蘇寧視頻雲前端架構經歷了什麼樣的演變?前端開發工程師的日常又是什麼樣的呢?

本文採訪嘉賓：李曉健。現擔任蘇寧視頻雲高級技術經理。軟體技術專業，從事java開發，擁有8年開發經驗，超過6年的專職前端開發經驗，3年以上的團隊管理經驗;目前負責蘇寧視頻前端研發和架構工作，參與前端SDK組件的開發，推動蘇寧視頻雲平台的架構改進和用戶體驗，為用戶提供優質的服務。

打破誤解：前端開發工程師的日常!

「我認為，大家眼中的前端開發工程師應該與實際情況不太一樣」，這是李曉健在談及此話題時說的第一句話。多年之前，前端開發工程師這個崗位還未誕生，當時的開發流程是設計師直接與後端對接，需求溝通不暢且效率低下。

隨後，前端開發迎來了以JQuery為主的時代，到ES6的發布，模塊化開發時代到來再到如今推崇的全棧式開發，前端開發工程師的崗位需求越來越旺盛，其不僅僅是簡單的寫頁面，包括更加複雜的頁面邏輯，更加豐富的功能以及各類運行環境適配。更為重要的是，用戶體驗也屬於前端開發工程師的工作範疇，這是近幾年企業非常重視的優化工作。

從蘇寧視頻雲架構的三次升級窺探企業架構升級的前因後果

互聯網飛速發展得這幾十年，任何一家企業的架構都經過了至少一次的迭代，互聯網企業基本都經歷了三次左右的架構變遷，每一次升級的背後到底是哪些因素催促著企業做出了這一決定?

蘇寧視頻雲是隸屬於蘇寧旗下的子品牌，目前累計服務客戶已超過2000個。蘇寧視頻雲憑藉PPTV十年媒體技術和服務經驗，融合流媒體技術、P2P、CDN 分發、海量存儲、安全策略等構建的專註視頻領域的一站式SaaS 服務平台。在這十年間，蘇寧視頻雲架構共經歷了三個發展階段。

起初，整個項目頁面採用PHP、CSS和原生javascript，包含了部分自定義組件。當時的開發流程是前端工程師開發HTML文件，CSS樣式，頁面交互效果;將寫好的代碼交給PHP工程師，工程師根據HTML文件手動轉成PHP文件，再加入一些業務邏輯代碼。這個看起來架構似乎並不太清晰的階段暴露出了太多問題，比如頁面數量較多、單個頁面請求文件過多以及代碼複雜較高等，其開發流程非常不合理。

在第二階段的重構中，蘇寧視頻雲技術團隊在原有的架構基礎上進行調整，保留所有原生組件，對頁面進行重新劃分，前端直接用HTML文件展示頁面，直接將html文件發布到伺服器，不再將hrml文件轉成php文件.......該階段針對大部分開發流程進行了優化。

不久之後，趁著網站改版的機會，蘇寧視頻雲技術團隊進行了第三次架構改造，並且在不依賴之前架構的前提下做出了一個全新的架構。這次升級不僅優化了開發流程，也考慮到了業務的未來發展及技術趨勢。現在的蘇寧視頻雲集視頻雲直播、雲點播、雲上傳、雲轉碼、雲存儲、雲統計等功能於一體，多平台全方位支持客戶各種視頻場景的業務需求。

李曉健表示，一家企業進行架構升級的主要原因可概括為業務驅動和開發流程限制兩方面，這從蘇寧視頻雲架構的三次升級中也可窺探一二。升級前，工程師一定要認真了解當前架構的限制和問題以及當前的業務特點和技術走向，切忌盲目追新，這也是很多工程師存在的問題。前端開發是非常容易出現問題的，很多問題還可能直接暴露給終端用戶進而影響用戶體驗，技術新不代表就是主流，也不代表適合當前業務特點，一味追新很容易忽略架構深層次存在的問題。

李曉健建議，對於新開發的項目，框架選型階段可以參考頁面結構，選擇適合頁面結構的技術進行開發，這也會大大降低開發複雜度，比如頁面需要做成單頁形式，那就可以選擇MVC或MVVM架構。

對前端開發工程師的一點理解!

很多前端開發工程師應該都聽過前端開發的四大核心：代碼、流程、測試和文檔。李曉健認為，做程序開發，代碼肯定是最重要的，開發過程中既要保證功能的完整性，也要注意代碼的可維護性和可擴展性;對開發人員來說，流程應該是合理規劃代碼結構;雖然有專業的測試人員，但開發人員應該保證代碼的正常運行，並確保新增代碼時的向前兼容性;文檔是開發過程中非常重要的一環，這會比單純在代碼中添加註釋的效果更好。

如今，新興技術框架層出不窮，李曉健認為，前端開發工程師還是應該從理論知識入手，打好基礎才可步步為營，對新興框架需要保持謹慎的採納態度，如若可行，倒也可以嘗試，切忌跟風而忽略架構本質。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！