微服务时代,企业如何实现前端敏捷开发?

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

在微服务时代,开发的迭代非常之快,每天可能会发布好多个版本,可以说处处皆体现敏捷,以往复杂的服务被拆分成了功能粒度更细的微服务,前端开发和后端开发甚至完全分离,都有独立的团队负责,前后端之间通过 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 文件的异步加载。

  • 组件拖拽

为了提高UI开发效率,提供了“高用户体验”的UI Designer用于支持可视化的页面编辑。并且简单易用的脚本编辑器,支持JS代码多级提示、语法高亮、方法跳转、快速定位、格式化等功能,可以极大地提高JS代码的开发效率。

  • 代码生成

使用 UI Designer 设计页面时,UI 工具会自动生成对应的代码,当页面设计完成,页面的代码也同时生成完毕,通过浏览器可以直接预览。

轻量级程序架构,极致优化前端页面展现性能

SaCa ACAP UI 是融合了东软多年的企业应用开发经验,设计的一套轻量级前端UI框架。这套UI框架在满足企业复杂业务需求的基础上,充分地优化了前端页面的渲染性能,同时提供良好的扩展机制可以方便集成第三方的UI控件。

功能丰富

丰富UI组件,实现业务场景开发全覆盖

SaCa ACAP UI 依托东软开发平台多年的业务积累和开发实践,对前端开发技术进行了总结和归纳,精心设计了丰富的前端UI控件,实现了不同业务场景,不同业务需求的开发全覆盖。

图形化开发工具,使前端开发更加得心应手

SaCa ACAP UI 提供了图形化开发工具,在工具中包含了丰富的可拖拽组件,组件的代码会自动生成到对应的 html 文件和 js 文件中。

完善API文档、样例和培训视频,快速掌握前端开发技巧

SaCa ACAP UI 为用户提供了API文档、在线样例、工程演示和培训视频,可以帮助开发人员快速掌握开发技巧。

高效开发

基于模板技术快速完成页面开发

SaCa ACAP UI 根据东软多年的企业应用开发经验和业务积累,设计了多种场景开发模板,通过模板简单的配置即可实现页面的快速开发。例如页面快速布局模板、表单模板和导航模板等。

基于脚本编辑器高效完成页面脚本编写

SaCa ACAP UI 自主研发的脚本编辑器包含了方法生成、方法分类、全局变量维护、API自动提示等功能,让开发人员可以简单轻松的写出格式统一、规范的代码。

常用前端脚本 API 的极致简单封装

SaCa ACAP UI 的前端组件封装了功能全面的 API 属性和方法。通过调用 API ,开发人员可以快速的实现组件的功能开发。

同时 API 还拥有自动提示功能,在编写脚本过程中,工具可以智能分析开发人员输入的代码,给予最准确的提示信息,大大提供了开发效率。

SaCa ACAP UI 通过对前端开发的掌控,实现了对技术,架构,设计,开发的一站式管理,合理的衔接了前端开发各个环节,引入的新的UI开发理念,实现了页面设计可视化,功能开发工具化,为企业应用的前端开发扩展了新的思路。
 

相关产品

2019-04-02T21:26:55+00:00