早早聊 C7 笔记 - 【飞猪】侑夕：如何落地微前端一体化运营工作台

# 为什么要做飞猪一体化运营平台

# 飞猪运营属性的发展

• 2012-2013 工具属性

• 2014-2015 营销属性

• 2016-2017 场景属性

• 2018-2019 内容属性

# 飞猪小二类平台历史的发展

• 野蛮生长时期的痛点
  • 商品选品
  • 搭建平台
  • 消息管理
  • 互动平台（游戏激励配置）
  • 玩法优惠平台
  • 运营数据统计

# 要做成什么样子

• 短期目标
  • 运营工作台应用建立完成
  • 不同领域之间的能力互通
  • 飞猪运营域微前端解决方案落地
• 长期目标
  • 默认好用 & 爱用
  • 提供运营全生命周期管理解决方案
  • 推动运营体系朝下一阶段进行

# 怎么做的

# 功能模块

# 核心思路

• 前端 qiankun 的使用
  • 主应用配置

  

  • 子应用配置

  

  • 请求侧配置

  

• 前端微前端 & 切换 & 子路由关系

• 统一服务网关设计

• proxy gateway 中间层

• 微前端体系下的 Plus

# 一体化方案

• Widget 业务组件 SDK 化
  • 微前端可以很好解决主、子应用间无缝地接入问题，但是对于区块场景还不成熟
  • 随着业务场景的成熟和发展，区块能力嵌入配置的创建逐步增多
  • 借此解耦抽离原有通用招选投搭能力，减少维护压力
  • 逐步丰富现有 Widget 能力，满足后续更多场景的接入使用，以及系统打通

  

• 运营系统体验原则

• 交互设计统一模式

# 技术细节

• FormRender 表单解决方案
  • 通过 JSON Schema 快速生成自定义表单配置界面，参考FormRender (opens new window)
  • 扩展，XRender (opens new window) 很易用的中后台「表单 / 表格 / 图表」解决方案
    • FormRender：像写一个 input 一样写表单
    • TableRender：协议生成 & 高度灵活的搜索列表
    • ChartRender：傻瓜式的图表绘制库
    • FormGenerator：中后台表单可视化搭建生成利器

# 后面想怎么做

• 规划架构图

• 更加一体化

• 扩充新思路