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

多年之前，大部分人對於前端工程師的工作有著很大誤解，以為不過是簡單的做一些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架構。

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

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

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