跳至主要內容

CMTC笔记总结-大前端

引领潮流大约 3 分钟架构相关archive

####技术架构 业务组件配置化:1小时快速构建拥有基础能力的应用 基础模块化:groovy脚本,丰富基础库,统一接入,加速开发,定制化支持,构建高质量、健壮的APP 业务配置化:依赖倒置原则 组件+模板 通信路由:统一协议,调度中心,资源复用 serviceLoader

serverless 前端研发模式升级 1、更多参与到业务交付中 2、跨技术栈提升研发效能 同时,不希望引入太多额外成本 前后端分离、康威定律、微服务、DevOps、应用治理、容器化、故障演练 BFF 业务开发的本质是交付服务和功能

2、why serverless 通过引入serverless,让轻量化的业务服务端研发成为可能,降低前端参与业务交付的门槛,同时也让从云端一体的视角重新审视研发效率,性能优化成为可能

业务开发变轻、变薄、聚焦业务逻辑 Faas + BaaS Focus on the goal 只关心自己业务交付

快速建场
快速建场
架构
架构

大前端架构演进 组件化、动态化、中台化、工厂化

架构:代码质量、快速迭代、多端公用、代码复用 快速上线、代码复用、可插拔

H5优化
H5优化
框架图
框架图

reactnative weex

中台化核心做两件事:上云+公共服务

image.png
image.png
image.png
image.png
image.png
image.png

opengl

h5视频化

image.png
image.png

工厂化: 底层服务:包含所有音视频服务 应用工具:服务自动化、脚手架、打包工具 服务多端:一套代码服务多端 应用框架:组件化、动态化、中台化 UI:UI组件、模板 前后端联通:前后端bridge联通

跨平台多端赋能,新场景、新上课方式

####超大型工程矩阵 项目组件化 规范通用库维护流程 自动化构建流程 基础功能自动化

通用组件管理 二进制化:所有组件提供二进制化功能,可以提高编译速度,避免源文件暴露问题 组件升级:统一三位版版本号管理规则,避免版本升级混乱 组件订阅:通过关注组件,即时了解组件升级动态 静态分析:自定义规则分析组件质量 issue管理:用户通过平台入口,向关心组件提issue 历史维护:维护组件的历史升级版本,方便回溯与追查问题

image.png
image.png

native工具支撑 开发信息数据收集 文档管理

自动化构建

效率以及稳定性提升