FEDay會後-Serverless與雲開發，可能是前端的下一站

進化本身是生物體與環境之間持續不斷的資訊交換的具體表現。
—— 摘自《資訊簡史》

很榮幸在9月21號成都舉辦的第五屆FEDay上作為講師為大家分享騰訊雲在近兩年推出的雲開發相關的技術和知識，成都是個非常好的城市，就是火鍋太辣，費馬桶~

我初次接觸前端是讀書期間的第一份實習工作，在SAP上海研究院TIP BI部門開發基於SVG的Charts庫，99%的程式碼邏輯是將資料用SVG轉化為視覺化的UI。畢業後成為了一名傳統的web前端開發者，期間還折騰過富本文編輯器。後來有近一年的時間研究效率工程，也就是大眾口中的前端工程化。然後在加入騰訊之前的工作是地圖，技術核心是WebGL。可以說除了音視訊以外，5年多的經歷基本涵蓋了前端領域絕大部分的技術方向。不論是大眾的web還是小眾的SVG，不論是巨集觀到web整體的工程化還是微觀到畫素的圖形程式設計。表面看上去似乎每一份新工作跟之前的工作都關聯甚微，比如在使用WebGL期間積累的矩陣、向量、三角剖分等數學和圖形學知識基本上在現階段工作中得不到體現。我不知道各位前端開發者在生涯初期的幾年內是否有過一些迷惘，我至今工作5年，但在加入到騰訊之前其實一直是比較茫然的狀態。經常思考一些關於職業前景的問題，比如前端的核心價值是什麼？前端的發展方向是什麼？等等。我嘗試在不同的工作內容中尋找這些問題的答案，而在FEDay的這次分享便是我個人認為最接近理想的答案：Serverless

。

我分享的主體是《從前端到全棧：依託雲的Serverless落地實踐》，需要說明的是這裡的“全棧”指的是開發模式。通俗地說就是讓前端開發者能夠以很小的成本介入到前端以外的工作，具體來說就是服務和資料。進而從開發模式上，一個前端開發者可以掌控應用整體從前到後所有的功能。

雲開發

首先簡單介紹一下什麼是雲開發。雲開發並不是Serverless，準確的說它不是Serverless的全部。目前業內對Serverless的普遍認知是FaaS+BaaS，騰訊雲基於這種認知的具象實現包括兩部分：

FaaS層：雲函式SCF；
BaaS層：雲資料庫和雲端儲存。

雲開發其實是在FaaS和BaaS基礎上針對應用端的一套完整的解決方案，包括兩部分：

端-SDK：目前小程式端和web端已經推向市場，Android和IOS端即將面世；
雲-接入層：本質上是一個API Gateway，與端SDK配合完成FaaS和BaaS的能力呼叫。

為何雲開發可能會改變前端的開發模型？回答這個問題可以對比目前一種比較流行的架構模型：BFF（Backends for Frontend，為前端服務的後端）。

BFF

BFF簡單來說就是在原有的一體化服務端基礎上，針對不同的業務平臺分別開發一層獨有的、很薄的服務，見下圖：

BFF承擔了一部分的業務邏輯，這部分邏輯通常是平臺獨有的。舉一個現實中的例子：線上視訊提供商有多種平臺，比如網站、app。由於版權限制有些影片只能在特定的平臺播放。具化到技術層面，實現此類邏輯包含分平臺鑑權、資料查詢策略等等，這些便是典型的平臺差異化業務邏輯。獨立於核心業務邏輯之外的BFF層能夠實現差異化邏輯的鬆耦合，進而令迭代和維護更高效和安全。

目前業內對BFF普遍實踐模式是將BFF分發到負責各平臺技術開發的團隊，比如App團隊負責Mobile BFF、前端團隊負責PC web和H5 BFF等等。那麼對於前端工程師來說，這種模式是否意味著前端兼顧BFF層？理想的場景是這樣的，但現實工作中並非如此。BFF本質上仍然是服務層，除了程式語言之外，一名合格的服務端開發者還需要具備一些獨有的領域知識以及服務管理、資料管理理念。所以目前大多數BFF仍然由傳統前端之外的專人負責，即便是Node.js BFF。

而Serverless和雲開發解決的便是程式語言以外的這些問題。

雲開發與前端

以雲開發體系提供的功能和服務為基礎支撐，前端開發者的關注點除了UI和互動邏輯以外，能夠以很小的成本介入以雲函式為承載的業務邏輯層和以雲資料庫、雲端儲存為支撐的資料儲存層。簡而言之，前端的關注點為：互動邏輯+業務邏輯（雲函式）+資料（雲資料庫/雲端儲存）

在雲開發支撐的前端架構模型基礎上，前端開發者與其他職能團隊協作的工程模型也被徹底改變：

業務邏輯由前端開發者負責，不再需要專職的後端開發者；
服務保障和線上監控由雲開發平臺承擔，不再需要專職的運維人員。

能力模型

具體到現實上手開發，開發者們需要了解三種角色：端、雲和控制檯。

端的表現形式是對應各平臺的SDK，是與前端開發者關係最緊密的一個角色；
雲指的是支撐Serverless體系的後臺系統，這部分對於開發者來說是無感知的，與其對接的工作由端SDK承擔。細化到子角色可以分為接入層和基礎服務，接入層負責代理轉發和使用者鑑權等工作；基礎服務提供基本的能力支撐，包括雲函式、雲資料庫和雲端儲存；
控制檯的功能分為兩大類：一是管理功能，比如雲函式的部署、資料和檔案的管理等等；二是運營，控制檯提供產品線上監控以及資料的統計和視覺化，以輔助運營。

場景多樣化支撐

任何一種新技術或者架構落地到具體的業務場景中都難免會遇到由於業務特殊性造成的遷移困難問題，所以在基礎的開發生態之外，雲開發為支撐多樣化的業務場景建立了必要的策略以及對應的工具。比如對於資料私密性存在高要求的產品，可以通過控制檯選擇嚴格的CURD許可權管理策略；並且可以使用wx-service-sdk在雲函式中進行私密資料的CURD以保障安全性；再比如對實時性要求較高的場景，比如線上客服、多人遊戲等，雲資料庫的實時推送功能可以保障此類功能的高效表現。

落地案例

現階段雲開發的落地場景有兩個：小程式和web端（其他端的落地近期到來）。分享現場有一位觀眾提出了一個問題：雲開發能支撐多大的使用者量和請求量？如果對雲開發和Serverless有基本瞭解的話，這個問題其實就相當於問1+1等於幾一樣。雲開發最大的優勢之一便是根據請求量進行動態的擴縮容，其背後是騰訊雲龐大的計算能力做支撐。不過為了更具體的回答這個問題可以參考一個現實中的案例：騰訊相簿。

2018年3月份推出騰訊相簿小程式在9個月的時間裡實現了使用者量破億的成績，而這個爆款小程式的開發只佔用了一個人力，在雲開發基礎上，一個人完成了從客戶端到服務端到資料的全部工作。這個案例足以說明雲開發的便利和強大，更多細節可以參考這篇文章。

總結&展望

現階段前端社群對於前端開發者的進化方向有兩種較流行的認知：以Node.js為支撐包攬前後端的大前端和以ReactNative和Flutter為支撐的泛前端。雲開發非常接近大前端，並且不僅限於服務端，更進一步地深入到資料和儲存。小程式其實非常接近泛前端的概念，它是web和native的綜合體，大部分場景下開發者均無需關注平臺差異性。那麼綜合大前端和泛前端，在雲+端的支撐下是否能夠展望一下前端在未來會成為“全棧+全端”？我們拭目以待。