企业如何构建高效的利于创新的web前台应用开发体系

企业如何构建高效的利于创新的web前台应用开发体系

一、传统的web前台应用开发模式存在的效率问题

传统web前台应用开发，按照互联网产品开发流程，通常会纵向切成产品、交互、视觉、前端开发、后端开发、运维、项目经理等角色并执行项目化交付，同时应用开发基础设施较为薄弱，主要存在下面两个问题：

一套模式走天下，就会出现杀鸡用牛刀的问题，项目化交付带来效率和成本的问题。业务、技术经验没有积累，或者积累体现在岗位甚至人上，从应用开发角度看没有体系化产品化的积累，业务和技术的基础设施不足于支撑高效的应用开发和交付。

二、高效的web前台应用开发体系总览

那高效的web前台应用开发体系应该是怎么样的呢，个人思考总结下来大概是这个样子的：

它针对性的解决了传统的应用开发模式中存在的两个关键问题：

把目前遇到的高频开发需求场景的分解识别出来，发现这两类需求场景可以通过良好的工具抽象解决各自高效生产的问题。

C端展示型应用，主要是各种运营推广活动，通过cms搭建平台去解决。cms系统已经有很久历史，也有比较成熟的产品（如wordpress）,当然各大型互联网和电商公司，基本都有适合自己业务的各种cms系统。B端web富应用，主要是企业的各种生产、管理系统，这种我们通过web富应用开发平台去解决，目前这个方向还在逐步发展成熟过程中。关于“cms搭建平台“和“web富应用生产平台”这两个工具的提效的原理，核心其实就是下面的第二点，我会在后面“技术中台-前端技术中台”章节中进行详细的阐述。

把岗位和人的经验积累转变成业务、技术中台上生产资料的积累，形成完善应用开发中台体系。这点是提升应用开发生产力的核心，接下来我们重点聊一聊。

三、高效的核心是业务和技术中台的积累

高效的应用构建体系构建的核心是中台产品的积累，不过要特别强调的是，这里说的中台不仅是业务中台。中台从本质上来说各种能力的抽象和标准化（产品化）。通常我们可以把能力分为业务和技术两块，自然中台也可以分为 业务中台 和 技术中台（平台）两类。

1、业务中台是“构建高效的web前台应用开发体系”的促进因素。

先来聊业务中台，业务中台对“构建高效的web前台应用开发体系”来说是促进因素，但不是必要因素。说它不是“必要因素”的主要原因是因为“高效的web前台应用开发体系”的核心还是“web前台”。

业务中台的本质是各种业务模型的抽象和积累，比较常见的业务中台是各种通用的领域服务，比如用户中心、信用中心、认证授权中心、商品中心、订单中心、交易结算中心等等。

业务中台可以从不同的视角做不同的分类。比如从领域区分，可以分为用户管理域（用户中心、认证中心、信用中心等）、商业运营域（商品中心、订单中心、交易结算中心等）等等；从数据依赖度来区分，可以分为规则性中台（重逻辑轻数据，比如认证授权中心、交易结算中心）、经验性中台（重数据轻逻辑，比如信用中心、推荐中心等）。

第一种是通过提供接口或接口簇的形式为应用开发提供领域服务能力，这是目前主流形式，国内各种主流的开放平台基本都是这种形式；

第二种是业务中台的插件化形式，国内比较典型的代表的是第三方支付，网易的urs登陆服务也可以归类到这里；国外这种形式比较多（比如wordpress有不少功能插件）。这种模式受到前端规范约束比较多，不过后续随着前端物料体系标准化、微前端、中台能力云化、云开发的发展，可能会有更进一步的发展。另外，这种模式的进一步发展会为抹平“CMS搭建”和“web富应用开发”之间的差异提供机会

小结一下：

业务中台对“构建高效的web前台应用开发体系”是促进因素但不是必要因素。业务中台的本质是各种业务模型的抽象和积累。业务中台对应用开发暴露能力的形式，会影响到应用开发形式和今后的发展走向。

2、 技术中台、尤其是以“cms搭建平台”和“web富应用开发平台”为核心的前端技术中台是“构建高效的web前台应用开发体系”的核心和必要因素。

提到技术中台（平台）大家首先想到肯定是云计算（云原生）、大数据，这两个技术中台是实现业务中台的基础（云计算实现业务逻辑的承载、大数据实现数据特征提取和归纳，从而实现业务中台核心价值），也是实现应用开发的基础。对于这两个技术中台的介绍分析文章非常多了，这里不展开介绍。

接下来主要介绍前端技术中台，它是我们构建“高效web前台应用开发体系”中最核心且必不可少的一个中台，它包含“cms搭建平台”和“web富应用开发平台”两个平台。前端技术中台打造的核心目标就是web前台应用开发提效，这也是它的核心价值。

什么是“cms搭建平台”和“web富应用开发平台”，先分享自己归纳的一张图：

总结前端技术中台产生生产力的的原因

区分场景，通过两个工具解决两种场景的高频需求提供了积累和复用的方式，cms搭建平台主要是素材的积累，web富应用平台是物料的积累。通过工具规范和精简应用生产流程，统一了协作模式。

有些人会有疑问，既然问题和需求一直存在，为什么以前没有所谓的“前端技术中台”？

其实“cms搭建系统”一直都有，而且线上也有不少saas化的平台。这里我们主要聊一下“web富应用生产平台”。我理解长久以来“web富应用生产平台”没有形成独立产品的原因，主要是由于在此之前“以前端为主的技术发展、中台理论和实践以及大家对web前台开发提效价值的认知”这三项不足于支撑它成为一个独立技术中台产品。简而言之，主要原因就是技术发展、业务积累和价值认知的不足。

但时至今日，前端框架、物料体系、物料平台和微前端等技术已经能够实现前端生产资料的标准化积累；业务中台、通用领域模型加持DDD的实践已经能够在一定范围和程度上实现业务逻辑生产资料的标准化积累；云计算基础设施也完整提供了应用开发、部署、运维的自动化能力。同时在价值方面，随着工业互联网基建需求的到来，企业生产、管理系统建设需求逐步释放，对应用生产提效工具的价值提供了有力的支撑。简而言之，就是目前在技术发展、业务积累和价值方面都对建设“web应用生产力平台”提供了有力支撑，因此建设平台正当时。

因此，我认为目前是推进前端技术中台（特别是web富应用开发平台）成为技术中台产品的最佳时机。同时我们也看到目前业内已经有不同的团队从不同角度（主要有“前端物料和物料平台”和“云IDE”两个角度）往“高效应用开发平台”的方向做努力（侧重点不同）。

四、如何落地？

应用开发体系的构建要从 “组织结构”着手去做规划和设计。首先建议按技术中台的设想设置 云计算、大数据、前端技术三个技术中台部门；其次根据商业化需求或公司业务发展状况，设置业务中台部门。参考康威定律，组织结构设置应该跟业务及技术中台体系保持一致，才能产生高效率。

最后一条很重要，如果发现执行不到位或效果不理想，建议不要先质疑上面的组织结构设置，先质疑人事安排，很可能是正确且最经济的做法。

对于有这个需求的传统企业，建议直接采用我们的web前台应用开发解决方案（建议采购网易轻舟平台）和咨询服务。我们会为您构建完整、高效的web前台应用生产体系。

五、总结

构建高效的web前台应用开发体系，核心就是两点：问题场景分解（产生“cms搭建平台”和“web富应用开发平台”） 和 中台化积累（业务、技术中台特别是前端技术中台的积累）。

可能有人注意到，文章标题提到的是“构建高效的 利于创新的 web前台应用开发体系”，但是通篇不见“利于创新”在哪里？其实这个逻辑很简单，对应用创新来说，应用开发提效了、试错成本就会降低，应用创新自然就会发生；对业务、技术中台来说，你更多关注和聚焦在自身核心能力打造上，自然也能有更多的创新，甚至打造出业界领先的中台产品出来。

最后啰嗦一句，每一件做起来顺畅的事情背后，都有一个简单的逻辑做支撑。如果想不明白，就多想想！