贝壳中台化建设下的前端体系探索

1. 贝壳中台化建设下的前端体系探索董亚杰贝壳找房-技术总监

2.

3. 自我介绍从业11年，JAVA、前端 2009 ~ 2014 先后在用友、新浪、腾讯、京东任职 2014 ~ 2018 链家B端系统前端负责人 2018 ~ 2020 贝壳高级经理 2020 ~ 至今贝壳技术总监，负责二手房B端前端和前端TC

4. • 逻辑起点：为什么做？ • 贝壳前端中台（原石）演进 • 平台建设 • 技术运营 • 未来规划

5. 为什么做中台？

6. 关于贝壳有尊严的服务者，更美好的居住

7. 前端中台-业务发展迅速前台租赁二手房新房商业地产 … 装修特点：中台化房客签约配置后台事件中心财务业绩交易权限中心人事中台店面盘 … API网关 … 组织：业务事业部业务：场景的一致性和分化

8. 对前端的挑战-业务特色场景一致性-重复开发场景分化严重-不标准

9. 对前端的挑战技术栈差异重复开发团队协作难于沉淀效率低下信息沟通

10. 某个同学问有人做过xx么？有，我做过拿来用

11. 反（zha）思（xin）你做业务这么多年，前端业务上有什么沉淀吗？

12. 合作提效大于技能提效

13. 前端中台演进-单一组件库共建模板脚手架业务组件库基础组件库落地难题： 1、技术栈不统一，不能混着来 2、业务组件库私有，废掉重来？ 3、贡献意愿，出问题咋办？

14. 前端中台演进-中台能力闭环能力组件能力线上化，可以与技术栈无关能力开放中台标准沉淀并标准化业务场景，例如固定列表交互样式数据搜集组件使用数据，评价和回归标准数据开放接入灵活，随写随用，开发、测试、上线流畅

15. 前端中台演进-数据流转模型客户端：统一规范、发布服务端：存储、分析、消费接口前台:文档、数据、运营

16. 如何做？以用户为起点

17. 希望用户怎么用？ CP NPM Deno JSON 1、组件服务化 2、脱离环境前端组件能力服务化

18. 希望用户怎么用？

19. 服务端存储生产文档服务依赖分析组件信息消费鉴权组件消费信息 combo 登录数据大榜持久化存储

20. 数据搜集 domain path dig moduleNames version 组件评价定时任务日志

21. 客户端解决问题： • 统一开发规范 • 文档 • 示例 • 依赖关系 • 开发联调模式

22. 客户端-依赖解析注册依赖

23. 中台建设-React项目本地联调和优化使用本地依赖 Webpack 重置组件引用

24. 官网应用文档标准场景社区数据大榜解决问题： • 透明、激励 • 沉淀标准 • 技术运营

25. 前端中台-整体架构

26. 从产品的角度看技术项目

27. 顾客让渡价值 = 顾客购买价值 - 顾客购买成本产品价值时间服务价值精神人员价值体力形象价值货币资金

28. 用户使用价值 = 用户接入价值 - 用户接入成本复用提效学习成本业务支撑沟通成本影响力维护成本共建荣誉心理消耗

29. 降低用户接入成本学习成本文档、学习标杆、认证代言人沟通成本提高质量，筛选精品维护成本心理消耗版本控制，认证精品开源源码、共同维护

30. 提升用户接入价值复用提效基础能力、合作提效业务支撑驻场、客服值班影响力共建荣誉赋能的团队、项目、甚至中心 CTO立项、立项排名

31. 氛围的营造个人赛团队赛个人荣誉感集体荣誉感人气赛其他角色认知

32. 通过运营来迭代产品能力

33. 落地效果项目覆盖提效结果技术氛围项目 60% 效率 40% 合作共赢团队 80% 标准场景 50% 全产研角色参与

34. 合作页面示例-PC

35. 合作页面示例-H5

36. 落地效果-合作模式的建立

37. 更重要的是，有了抓手

38. 下一步计划

39. 未来发展-能力完善认知： • 场景限制性 • 服务端性能与稳定性 • 生态完整性

40. 未来发展-前台是什么？标准化需求标准化场景中台标准化接口

41.

42.

43. 贝壳中台化建设下的前端体系探索扫描二维码提交议题反馈