微服务时代，企业如何实现前端敏捷开发？东软企业数智产品官网

说起敏捷开发，大家头脑中的第一印象就是“快”，狭义层面上来说，确实是这样，敏捷开发最主要的目标就是如何快速开发出高价值的产品，但从广义上看，我们并不能只为了敏捷而敏捷，如果太强调“快”的价值，难免会忽视掉一个产品真正的核心竞争力：“质量”！这样的话，就成了舍本逐末。

在微服务时代，开发的迭代非常之快，每天可能会发布好多个版本，可以说处处皆体现敏捷，以往复杂的服务被拆分成了功能粒度更细的微服务，前端开发和后端开发甚至完全分离，都有独立的团队负责，前后端之间通过 API 交互，大大提高了开发的灵活性和可维护性。

前端开发在互联网发展中具有重要的地位。对用户来说，前端是用户接触到的最直接交互方式；对开发者来说，前端是产品具有多少功能最直观的表现形式。俗话说的好：“编筐编篓全在收口”，一个产品有再多再好的功能，最后如果无法通过设计精良的前端呈现给用户，那就是一个失败的产品。

对于企业用户来说，前端的开发更是重中之重，因为企业应用具有很高的业务复杂度，前端操作具有信息量大，复杂度高的特点。随着开发的深入，成百上千的功能页面也不是没有可能，如果在项目开发初期，前端没有进行技术评估和架构设计，只是简单的使用了开源框架，那么面对复杂功能点和信息量大的页面，就可能出现设计缺陷和严重性能问题，这时候如果再回头来重构前端架构，那将是灾难性的后果。所以对企业应用来说，设计精良的前端框架具有十分重要的价值，在技术选型阶段就应该进行充分的考虑和技术评估。

那么在微服务架构下，一款设计精良的前端架构应该具备哪些特点呢？

静 – 动静分离增强体验

在微服务时代，后端业务已经全面通过微服务架构解耦并以服务的方式暴露给不同客户端进行展现，前端 UI 展现的是多个微服务应用通过业务编排之后处理的数据。这就意味着在微服务时代，前端 UI 被独立出来是技术发展的必然趋势。

通过动静分离技术实现前端展现和后端业务逻辑的分离，同时能够响应高并发，提升访问速度，增强用户体验。UI 框架应该尽可能的抛弃 jsp,asp 等服务端语言，采用纯静态的 html 语言来编写前端页面，对于动态内容通过 ajax 请求服务端动态数据。

全 – 丰富组件需求覆盖

在微服务时代，越来越多的传统企业开始拥抱互联网，逐步向互联网转型。但传统企业的转型不同于互联网企业，它们有着大量的遗留系统包袱，存在大量的客户端应用面临着转型。为了尽可能的保证业务用户的操作习惯，传统企业希望有一套能够覆盖绝大部分前端需求，提供丰富的UI组件的前端框架。这套理想的 UI 框架既能满足遗留系统改造的需求，也能符合未来前端技术轻量级、扁平化的发展趋势。

易 – 简单易用轻松掌握

在微服务时代，重量级的企业应用被拆分成大量的微服务应用，企业需要随时能够组建 DevOps 团队去快速开发这些微服务应用。传统企业不同于互联网企业，传统企业的开发人员通常是外包开发人员，这意味着这些外包开发人员的水平参差不齐，很多开发人员就是刚毕业1-2年的新手。为了能够让这些新手也能开发出符合专业要求的企业应用。前端 UI 框架需要足够低的门槛、它必须简单易用，才能够让这些新手快速上手，在最短的时间掌握开发技巧，达到项目的按期交付。

快 – 快速响应敏捷开发

在微服务时代，随着全球经济和和互联网的成长，企业的需求随时可能发生变化，唯一的不变就是变。传统的软件开发模式已经难以适应这种以用户为中心、需要快速响应变化的时代，我们需要更加敏捷的开发模式、更加敏捷的开发架构，微服务正是敏捷过程发展到一定阶段的产物。传统企业在互联网加速的时代，对软件开发的速度要求越来越高。工欲善其事，必先利其器，企业需要一套能够满足快速开发需要的UI框架，能够在尽可能短的时间内，尽可能少写代码，就能快速开发出满足企业要求的各种复杂前端页面。

总结起来，符合“静全易快”特点的前端开发架构，才能在微服务时代，快速完成前端敏捷开发。

东软集团作为全国致力于为企业客户提供软件产品，东软 SaCa ACAP 企业互联网 UI 开发工具，是一款面向前端开发，实现前端UI开发自主掌控的产品。

技术领先

流行开源技术，帮助企业快速拥抱互联网转型

SaCa ACAP UI 对当下流行前端技术进行深度整合和封装，提供了企业常用的前端 UI 控件，在设计上支持扁平化风格和响应式布局，通过 LESS 技术提供多套常用 UI 皮肤，并支持定制符合企业 UI 规范的皮肤。

先进设计理念，保证前端开发的技术领先

SaCa ACAP UI 对前端开发理念进行深入理解和剖析，将先进的开发理念融入到产品的设计之中：

单帧设计

访问页面时会将第一次访问的资源加载到客户端缓存，之后的页面访问不会再重复加载已缓存的页面资源，避免了使用非单帧模式下的资源重复加载。

动静分离

使用可视化 UI 设计工具自动生成 html 页面和对应的 js 文件，这些生成的静态资源会部署在 HTTP Server 中，当用户请求页面时，它通过一个 url 访问 Http Server 上的静态资源，只有当用户请求后台操作时，才会对服务器发出请求，这样就避免了频繁的对服务器进行请求，达到了静态资源和服务器资源的分离。

模式控件

通过对业务开发场景的深入理解和实践，对页面开发模式进行抽象总结，并集成到开发工具中，开发人员基于开发工具提供的向导能够快速、低门槛的完成前端页面的开发。

异步加载、模块化管理

传统 js 文件的加载方式采用 <script> 标签的方式，这种方式加载有很大的缺点：首先加载的时候，浏览器会停止网页渲染，加载文件越多网页失去响应的时间越长，其次由于 js 文件之间存在依赖关系，因此必须严格保证加载顺序，依赖最大的模块一定要放到最后加载，当依赖关系很复杂的时候，代码的编写和维护都会变的困难。使用 requireJS 主要解决这两个问题：管理JS的依赖关系和实现 JS 文件的异步加载。