美团外卖商家端的FlutterWeb实践与探索

"FlutterWeb在美团外卖的实践" 在美团外卖的业务环境中，商家端面临着多端体验一致性和迭代效率的挑战。商家端业务涉及到众多功能，包括交易履行、运营、广告和营销，这些功能需要在PC和App等多个平台上提供。在这样的背景下，保持多端用户体验的一致性以及提高开发效率成为了关键问题。 1.1.1 保障多端体验一致性 为了减少不同平台间的体验差距，如App上的动画转场在Web上的实现难度，美团外卖尝试利用内部的多端UI组件库，如Roo和MTDUI，来减少界面差异。然而，由于各个组件库在不同端的实现方式不一致，完全的一致性难以实现。 1.1.2 提升多端迭代效率 传统开发模式下，多端需求需由不同团队分别处理，导致资源消耗大，可能延长整个业务的交付周期。尽管ReactNative和Flutter等跨平台技术有助于代码复用，但在商家端业务的复杂性下，它们并不能满足全平台复用的需求。 1.2 技术背景 1.2.1 MTFlutter的储备 MTFlutter是美团外卖建立的公司级Flutter开发框架，它覆盖了研发、调试、测试、发布、线上运维和工程管理的全过程，并且实现了动态化解决方案。随着MTFlutter生态的发展，Flutter技术已经在商家端App中广泛应用，覆盖超过90%的业务，且大部分开发人员都具备Flutter开发技能，为全平台复用奠定了坚实基础。 1.2.2 FlutterWeb的发展 Google在2018年推出了FlutterWeb的Beta版本，旨在实现编写一次代码，多端运行的目标。如今，FlutterWeb已经成为官方支持的一部分，这为美团外卖使用Flutter实现在Android、iOS、PC和H5全平台的代码复用提供了可能。 美团外卖借助FlutterWeb和其自有的MTFlutter生态，尝试解决多端一致性问题和提升迭代效率，以期通过全平台代码复用来优化商家端业务的开发和维护流程。这不仅有助于节约资源，还能确保用户在不同设备上获得相似的优质体验。通过不断的实践和探索，美团外卖正在逐步实现更高效、更一致的多端开发策略。