Serverless 前端工程化落地与实践.pptx

1、Serverless 前端落地与实践前端与 Serverless 的不解之缘Serverless 前端工程化的基本思路Serverless Framework 原理与实现Serverless Now目录前端与 Serverless 的不解之缘Serverless 前端工程化的基本思路Serverless Framework 原理与实现Serverless Now目录What is Serverless？Serverless = FaaS + BaaS ？What is FaaS ?Cloud Programming Simplified: A Berkeley View on Serverle

2、ss Computinghttp:/www2.eecs.berkeley.edu/Pubs/TechRpts/2019/EECS-2019-3.pdfWhile cloud functionspackaged as FaaS(Function as a Service) offeringsrepresent thecore of serverless computing, cloud platformsalso provide specialized serverless frameworksthat cater to specific application requirementsas B

3、aaS (Backend as a Service) offerings.Put simply, serverless computing = FaaS + BaaS.Serverless cloud computing handles virtually all the systemadministration operations needed to make it easier forprogrammers to use the cloud. It provides an interface thatgreatly simplifies cloud programming, and re

4、presents anevolution that parallels the transition from assemblylanguage to high-level programming languages.算力 算法 数据无服务器云计算（Serverless Computing）几乎封装了所有的底层资源管理和系统运维工作，使开发人员更容易使用云基础设施。Serverless它提供了一个方式，极大地简化了基于云服务的编程，犹如汇编语言到高级编程语言般的转换。We b Developer Front-end DeveloperInterfacediscussion/integratio

5、ncommissioning/ API DependenceEnhancingthebusinessefficiency.Full-stack，in eyes of front end developersRealFull-stackCapabilitiesCoreBusinessLogicDB FrameworkCDNFile StorageLogMonitor & AlertExpanReliability Concurrent LoadK8SSystem SecuritySpecial LineDisasNetwork SecurityBackup1 2速度性能容量业务监异常报运维用户界

6、面交互动效业务功能可靠性安全性可扩展性界面/交互/业务逻辑产品化运维Time to market21速度性能可靠性用户界面交互动效业务功能安全性可扩展性界面/交互/业务逻辑产品化运维1 2速度性能？用户界面交互动效业务功能可靠性安全性可扩展性界面/交互/业务逻辑产品化运维O P SALERTINGMAINTENANCESCALINGMONITORINGAMONITORINGALERTINGMAINTENANCESCALINGMSCALINGMONITORINGALERTINGMAINTENANCEGMAINTENANCESCALINGMONITORINGALERTINGHundredsofli

7、nesofcode+1 2速度性能？用户界面交互动效业务功能？可靠性安全性可扩展性界面/交互/业务逻辑产品化运维前端与 Serverless 的不解之缘Serverless 前端工程化的基本思路Serverless Framework 原理与实现Serverless Now目录?组件化工程化Ser verlessFramework or not framework ?Thats a question !IVWEB 团队在 Serverless 的业务落地Serverless 直出渲染（Serverless Render）云函数同构环境CLientNGW 接入层ApigatewayInit业务转

8、发灰度 鉴权 统计云函数网关初始化同构环境业务逻辑腾讯云 SCF + NGW接入产品：手机QQ附近、NOW直播、花样直播、QQ群免运维 全量日志 多维度数据统计 云 API 打通工作流业务上线 & 维护工作量 降低 80%IVWEB 团队在 Serverless 的业务落地NOW 直播 B 侧运营平台从 BFF 到 SFF- 提高迭代效率接入层（鉴权 & 分发）- 按需取用，用完即走- 分离部署，安全可靠- 细粒度的业务逻辑拆分CreateUpdateDeleteRetrieveServerlessDatasource ServiceBackend Micro ServiceFramework

9、代码重用 | 统一规范 | 降低门槛和难度 | 专注业务逻辑 | 社区优势 | 易于维护 | 提升效率Serverless的开发模式REST API BFF SSR Website Full-Stack APP应用层研发团队云服务客户应用业务 A 业务 B组件化开发产品线 1产品线 2组件化组件化开发标准化框架跨产品跨业务可组件复用，提升复用减少重复开发 / 人员技术栈要求相同，利于分工和招聘标准化标准化框架云服务云服务云服务A国内云厂商国外云厂商框架完美支持异构的云厂商接口和底层，业务在多云间无缝平滑迁移部署前端与 Serverless 的不解之缘Serverless 前端工程化的基本思路S

10、erverless Framework 原理与实现Serverless Now目录Serverless Framework 是一个 标准化、组件化标准化、组件化 的 Serverless 应用开发产品REST API BFF SSR Website Full-Stack APP应用层FullStack Next.js组件化标准化云服务DevelopDebugDeployMonitor具象结构抽象结构Serverless Framework 是一个 标准化、组件化标准化、组件化 的 Serverless 应用开发产品REST API BFF SSR Website Full-Stack APP应

11、用层FullStack Ne组件化标准化云服务DevelopDebugDeployMonitorServerless Frameworkq 服务的部署/删除/查看/回滚q 调试Serverless 应用生命周期管理q 查看日志q 统计运行数据q DevOps 支持CLI & Dashboardq 标准化框架q 组件化开发Ser verless 应用Ser verless 资源无缝对接腾讯云 Serverless 资源Serverless FServerless Componentsnpm 模块，基于YAML配置文件，针对云服务的资源进行使用和配置Serverless ComponentsAPI

12、流式处理，借助云 结合Serverless Component代码结构Serverless Full-stack Application通过组装集成组件形成高阶组件前端与 Serverless 的不解之缘Serverless 前端工程化的基本思路Serverless Framework 原理与实现Serverless Now目录Live Code+ HTTP Server HTTPS SSL 证书 对象存储COS CDNa Website Domain CNAME 进程监控/自动重启 防攻击/DDos 日志清理 数据分析/日志挖掘https:/ Serverless 的 koa 和 egg 的

13、 component，已由社区开发者贡献Whats next? 实时日志 远程调试将于近期发布 Serverless DB 监控平台前端与 Serverless 的不解之缘Serverless 前端工程化的基本思路Serverless Framework 原理Serverless Now总结Serverless Framework组件化工程化Ser verlessAustenCEO and founder of Serverless is the future of the cloud. Serverlessis like superpowers for developers. We believethe future is all about developers and serverlessespecially empowers developers because itenables them to build more manage less.