Serverless——前端的3.0时代

Serverless——前端的3.0时代 - 腾讯云云开发的文章 - 知乎 https://zhuanlan.zhihu.com/p/84054729

做者：腾讯云云开发
连接：https://zhuanlan.zhihu.com/p/84054729
来源：知乎
著做权归做者全部。商业转载请联系做者得到受权，非商业转载请注明出处。

1.前端变革史

• 前端0.0：WWW
• 前端1.0：AJAX
• 前端2.0：Node.js
• 前端2.5：React

2.Serverless-从前端到全栈

• BFF-从平台无关性到平台差别化
• BFF未解决的问题

3.腾讯云云开发对Serverless的落地实践

4.开发生态

5.场景多样化支撑

----------------------------------------------------------------------------------------------

若是要探讨一项技术或者一种理念是否具备革命性，必然须要参照物，历史是最佳的 参考。因此在讨论Serverless对前端的革新以前，有必要先“飞快”地回忆一下前端变革史。

前端0.0：WWW

若是以世界上第一个web浏览器WorldWideWeb的诞生做为起点，那么90年代初即是前端的0.0时代。彼时没有前端工程师的称谓，前端的工做也很简单，主要是静态UI和表单验证，要么后端工程师兼顾为之，要么由独立的UI Developer全权负责。

其实时至今日不少外企仍然沿袭着UI Developer岗位，与目前大众认知的前端工程师不一样的是，UI Developer的能力栈除了HTML/JS/CSS之外，还要具有必定的UI和交互设计能力。

前端1.0：AJAX

起源于Microsoft Outlook的AJAX是引发前端第一次革命的关键技术，这是一个重要的转折点，以此为契机网站具有了动态性，前端工程师的能力模型逐渐从UI偏向逻辑和数据。

前端2.0：Node.js

而后是广为人知的Node.js成就了前端2.0。Node.js破除了先后端编程语言的壁垒，令前端开发者可以以相对较小的成本跨界服务端，可是编程语言仅仅是服务端开发最表层也是最易突破的，背后更困难的部分是单纯靠Node.js没法解决的，细节稍后再表。除了服务端之外，Node.js对前端最大的贡献是提供了工程化的土壤。

在此各位不妨思考一个问题：一个构建工具最基本最底层的能力是什么？答案是文件IO。

在Node.js以前，HTML/JS/CSS的构建只有两个途径。第一是借助其余编程语言的工具，好比YUI Compressor；第二是用IE浏览器。这不是笑话，IE浏览器可以在早期占据霸主地位可不彻底是由于windows系统的背书，它自身的功能性也很是强大。众所周知早期的IE浏览器是windows系统的一个组件，以它为入口能够调用一些系统级的底层功能，文件IO便在此列，实现的方式是借助ActiveX控件的FileSystemObject对象。细节就不讲了，感兴趣的同窗能够自行参阅相关资料。

前端2.5：React

有一些声音认为React可以配得上“革命性”一词，由于它必定程度上改变了前端的编程模型，React以前的前端是围绕DOM，React以后是面向数据。诚然如此，但跟AJAX和Node.js相比，React引发的变革仍显轻微。而React对前端组件化生态的影响也是在原有基础上的加强也并不能称为革命性。因此称React为前端3.0缺少足够的说服力，不过前端2.5仍是充分的。说到底，React只是改变了前端领域自身，而AJAX和Node.js无一不是对先后端都有显著影响的技术。

Serverless-从前端到全栈

在讨论哪项技术或理念会成就前端3.0以前，必需要确认前端下一步的发展方向。

目前有两种声音：一是先后端包揽的“大前端”，也就是全栈，关键性技术是Node.js；二是以React-Native和Flutter为突破点的“泛前端”，即全端。

以目前的时间节点来看，React-Native也好，Flutter也罢，都还未可以称得上成熟，泛前端之路任重道远。相对来讲，前端下一步发展为全栈的可能性更高一些。基于这个前提，Serverless即是成就此道的革命性技术理念。

“全栈”这个词其实一直存在歧义，狭义上的全栈来源于前端技术圈，指的是一我的包揽前端和web服务端；而广义上的全栈应该是在先后端之外还包括数据库而且可以精通围绕三者展开的架构和技术细节，这是几乎不可能的任务，若是真的有人可以达到这种境界，估计就是接近艾伦·图灵通常的计算机之神了吧。在狭义与广义之间，Serverless面向的是广义的全栈。

Serverless的理念是将服务器管理、数据库优化等“粗活”交给云平台，从而前端开发者可以将交互逻辑、业务逻辑、数据所有掌控在本身手中，这才是真正意义上的全栈。
为了可以更清晰地理解Serverless，有一种架构模式能够做为对比，即BFF（Backends for Frontend，为前端服务的后端）。

BFF-从平台无关性到平台差别化

BFF简单来讲就是在原有的一体化服务端基础上，针对不一样的业务平台分别开发一层独有的、很薄的服务，见下图。

BFF承担了一部分的业务逻辑，这部分逻辑一般是平台独有的。举一个现实中的例子：在线视频提供商有多种平台，好比网站、app。因为版权限制有些影片只能在特定的平台播放。具化到技术层面，实现此类逻辑包含分平台鉴权、数据查询策略等等，这些即是典型的平台差别化业务逻辑。独立于核心业务逻辑以外的BFF层可以实现差别化逻辑的松耦合，进而令迭代和维护更高效和安全。

BFF未解决的问题

目前业内对BFF广泛实践模式是将BFF分发到负责各平台技术开发的团队，好比App团队负责Mobile BFF、前端团队负责PC web和H5 BFF等等。那么对于前端工程师来讲，这种模式是否意味着前端兼顾BFF层？理想的场景是这样的，但现实工做中并不是如此。

BFF本质上仍然是服务层，除了编程语言以外，一名合格的服务端开发者还须要具有一些独有的领域知识以及服务管理、数据管理理念。因此目前大多数BFF仍然由传统前端以外的专人负责，即使是Node.js BFF。
也就是说，BFF并未解决前端成为全栈的关键性问题，而这些问题即是Serverless的针对点。

腾讯云 云开发对Serverless的落地实践

目前业内对于Serverless的广泛认知是FaaS（Function as a service，函数即服务）和BaaS（Backend as a service，后端即服务）的综合体。以此为前提，腾讯云的相关团队将Serverless的具体实现为下图所示的模型。

以此为支撑，落地到具体应用场景中的云开发模式以下图：

各平台应用的前端集成对应的SDK，涵盖云函数、云数据库和云存储的功能调用API。前端的请求直接送达云平台的接入层，目前是以Node.js做为接入层技术栈；而后通过必要的处理（好比用户鉴权）转至云函数、云数据库以及云存储平台。

以云开发体系提供的功能和服务为基础支撑，前端开发者的关注点除了UI和交互逻辑之外，可以以很小的成本介入以云函数为承载的业务逻辑层和以云数据库、云存储为支撑的数据存储层。简而言之，前端的关注点为：交互逻辑+业务逻辑（云函数）+数据（云数据库/云存储）。

从上文的描述中可能有部分同窗意识到一个问题：云存储跟CDN有什么区别？

云存储提供文件托管服务，本质上与CDN相同。其优点体如今开发者无需申请域名、无需管理服务器，文件被自动托管，而且能够经过鉴权机制保证文件的私密性和安全性。其实针对CDN的话题能够延伸到Serverless，大多数前端开发者在工做中都无需关系CDN服务器的状态，只须要部署文件便可（甚至这一步也能够由CI系统完成），那么CDN对于前端开发者来讲就能够被认为是Serverless的。

完整的Serverless体系不只仅包括CDN，还能够把数据库和服务端也实现Serverless。在这套体系支撑下的工程模型中，一个完整的迭代周期仅仅须要两种职能角色：前端和测试。前端负责全部与业务相关的工做，包括交互层、业务层和数据层；测试负责质量保证；而部署、发布、服务器管理、线上监控等等繁琐的工做则交由云开发平台去完成。

开发生态

在以上云开发模式基础上，具体到现实上手开发，开发者们须要了解三种角色：端、云和控制台。

- 端的表现形式是对应各平台的SDK，是与前端开发者关系最紧密的一个角色；

- 云指的是支撑Serverless体系的后台系统，这部分对于开发者来讲是无感知的，与其对接的工做由端SDK承担。细化到子角色能够分为接入层和基础服务，接入层负责代理转发和用户鉴权等工做；基础服务提供基本的能力支撑，包括云函数、云数据库和云存储；

- 控制台的功能分为两大类：一是管理功能，好比云函数的部署、数据和文件的管理等等；二是运营，控制台提供产品线上监控以及数据的统计和可视化，以辅助运营。

场景多样化支撑

任何一种新技术或者架构落地到具体的业务场景中都不免会遇到因为业务特殊性形成的迁移困难问题，因此在基础的开发生态以外，云开发为支撑多样化的业务场景创建了必要的策略以及对应的工具。

好比对于数据私密性存在高要求的产品，能够经过控制台选择严格的CURD权限管理策略；而且可使用wx-service-sdk在云函数中进行私密数据的CURD以保障安全性；再好比对实时性要求较高的场景，好比在线客服、多人游戏等，云数据库的实时推送功能能够保障此类功能的高效表现。

总结

Serverless以云计算相关技术为支撑，搭配容器技术和微服务架构，将基础实施的管理从开发者平常工做中解耦。虽然目前不管是理论解读仍是实践模式都还没有造成绝对统一，但能够预见前端开发者将成为Serverless的最大受益群体之一，咱们有充足的理由相信它将引起前端的第三次变革。

更多精彩文章可关注公众号【腾讯云云开发】。

目前正在开展0基础10天入门小程序开发的免费活动，关注公众号回复【训练营】便可参与学习。

使用SCF从0到1构建一个web应用

https://cloud.tencent.com/edu/learning/live-1568?ADTAG=ds.in

课程源码地址：https://github.com/Juliiii/scf-task-list

Serverless——前端的3.0时代 - 腾讯云云开发的文章 - 知乎 https://zhuanlan.zhihu.com/p/84054729