交付背景下的移动端脚手架-思考与设计

简介: 本文是作者在经历过多个移动端相关交付项目后,提炼总结,在表述自己的思考历程和设计思路外,更有抛砖引玉之意,架构设计本就仁者见仁智者见智,如果文中某些观点或设计在读者看来有独到的想法,欢迎分享交流。

背景

交付技术平台部,是一个面向项目交付的前线技术,项目交付质量和效率是我们要持续解决优化的服务内容,我们作为一个项目服务群体,从移动端交付的角度去看,面临两个问题:

  1. 如何能更好的指导isv进行架构/组件设计,功能开发
  2. 如何更好的把产研雄厚的技术沉淀应用到每个需要的项目中去

脚手架可以很好的解决,一方面脚手架可以帮助项目进行初期架构搭建和基础的共性模块开发,同事大量的样例、模板代码可以极大程度的在项目间复用,降低对isv等开发者的架构经验要求,可专注于业务开发或遵循现有的架构逻辑进行合理的扩展和维护;其次对产研产品哪些移动中间件的包装,也可消除SA、TM或者客户对移动中间件技术选型的顾虑,缩短这些产品落地到项目的路径,同时也能加强交付能力所需要的技术体系。

建设目标

  • 交付提效
  • 提高项目交付的速度和质量
  • 不断提高不同项目间的代码复用
  • 交付开发指导
  • 通过部分样例引导进行规范化开发
  • 云产品的集成和包装
  • 适度的包装和封装,可解耦项目业务层和paas层的直接依赖,对复杂部分做隔离和统一配置,提高业务的开发效率
  • 行业交付模板基座
  • 不变的是底座,变化的是业务,基座要能承载和支撑各种形态的业务属性

思考&建设

面临的问题

  1. 高效:脚手架设计的初衷,提高生产效率,减少重复劳动,降低人工成本。
  2. 安全 :从开发层面,通过架构规范安全开发行为。
  3. 成熟:基于成熟的技术方案,快速开发,有效避坑。
  4. 稳定:保证APP线上运行的稳定性,健壮性,事故处理的效率
  5. 扩展/维护:合理的架构可有效的支撑和响应业务的快速迭代和变化。

核心点建设分析

以下对所有建设模块做简单的功能描述,技术分析,后续会出单独的文章讲解

分层设计

框架层(Framework)设计

这一层为整体脚手架核心架构层,通过以下几个模块,支撑起APP整个框架,

  • Launcher 启动模块,用于管理APP启动任务,以达到APP启动任务可监控,可管理目的
  • Facade 通信模块,一般用于业务模块间信息提供,通过接口形式对外暴露,面向接口编程
  • Router  路由模块,基于ARouter封装,主要用于页面跳转统一管理,降级,安全策略配置
  • Window 页面容器框架,统一的容器基类,管理状态栏,标题栏,主题,色表等基础资源
  • Service 服务模块,常驻或非常驻服务管理类

中间件封装

这里中间件一般指的是类似崩溃、诊断日志、性能监控等APM产品,统计及行为分析系统、推送平台、运营配置平台等云产品。

这些产品对于一般的项目甲方是不具备自建能力的,所以一般项目都是从各大移动PaaS厂商的云产品中做技术选型决策,有些在项目由于历史原因,启动前就已经确定了使用的厂商,而大部分可能到了方案设计阶段还没有决策下来,因为客户不懂或者开发承接方理解也不深。

所以,我们这里设计的这一层,主要是解决两个核心问题:

  1. 打消技术选型的顾虑
  2. 项目实际情况的适配
1. 打消技术选型顾虑

各大PaaS厂家云产品的功能范围大同小异,而且大部分都是基于自家一方的产品沉淀而来,所以这里首推基于淘系的EMAS产品,经过手淘等多款亿万级产品的打磨和沉淀而来,不论从技术底蕴还是功能范围来评估,都能保证客户的需求满足以及稳定性的保障。

2. 项目情况历史适配

有些项目,可能客户再开新产品线之前,历史项目或许已经采购了其他的产品,比如mPaaS,那么,我们脚手架也需要有着包容适配的能力,这里的处理方案如下:


从工程结构图看,设计一个PaaS层,该层下有对每个中间件产品的单独module,这里拿App更新升级的功能为例,如图所示:paas层是在framework层之上的,依赖framework层能力并受launcher启动器的管理,所以在做适配的时候,只需要替换对应的paas.update依赖库,然后再代码层面做相关的适配即可(目前版本需要做手动修改,后续可扩展脚手架模板),其他模块和工程结构不用做修改,以达到最小范围修改的适配目的。

通用层

隔离业务接入层和PaaS层的一个适配层,封装配置PaaS层、Framework层等项目相关特性,提供ToolKit工具集

业务集成层

整个架构最顶层

  1. 内部模块采用组件化方式进行开发,模块间相互隔离,不直接依赖,通过Framework层进行必要的通信和调用,依赖Framework:window层进行页面框架搭建,router模块进行跳转等,
  2. 集成部分,主要负责合DevOps打通(下节讲述),同时管理整个APP的依赖关系,组件集成等能力

devops打通

这里的devops打通一般流水线打通为主要功能点,这里展开一下,一般情况,为了满足开发->测试->发布->迭代等各阶段的出包需求,流水线一般会包含一些定制化能力,比如:

  1. 参数传递:版本号、构建号、渠道号、环境(测试、验收、预发、生产···)等
  2. 构建类型:包类型(debug、release;通过构建命令控制`assemble$flavorName$type`,不展开)
  3. falvor类型:(渠道包概念,通过构建命令控制`assemble$flavorName$type`,不展开)
参数传递方式

Android构建基于gradle插件,所以在流水线参数到gradle构建参数传递一般有两种方式:

  1. -Pxxx 传参:这个方式属于gradle脚本语言参数,可通过
./gradlew assembleDebug -PBUILD_ID='1781181'
/*** 获取gradle执行通过-P传递的参数信息* @param key -PKey* @param defValue 默认值* @return 传入值*/getPropertyValue= (key, defValue) -> {
returnString.valueOf(project.hasProperty(key) ?project.getProperty(key) : defValue)
}
/*** 写入到BuildConfig中*/buildConfigField'String', 'BUILD_ID', '"'+getPropertyValue("build_id", "123") +'"'


  1. 环境变量:通过环境变量设置在本地,gradle构建时通过读取本地环境变量进行获取
exportBUILD_ID='1314123'
/*** 获取环境变量,后续可以考虑都用这种方式,更简单些* @param key* @param defValue* @return*/getEnvValue= (key, defValue) -> {
defval=System.getProperty(key);
if (null!=val) {
returnval;
}
val=System.getenv(key);
if (null!=val) {
returnval;
}
returndefValue;
}
/*** 写入到BuildConfig中*/buildConfigField'String', 'BUILD_ID', '"'+getEnvValue("build_id", "123") +'"'

展望

脚手架的建设只是个开始,是云巧移动端解决方案的基础技术底座,随着交付项目的使用越来越多,以及对脚手架所赋予的能力,我们会沉淀出越来越多的行业交付模板,完整的场景化解决方案以及源代码、超级APP解决方案。

相关文章
|
2月前
|
编解码 前端开发 JavaScript
前端移动端适配方案
【9月更文挑战第8天】前端移动端适配方案
93 0
|
4月前
|
JavaScript 开发者 微服务
构建高效网站后台:插件化管理的艺术与实践
【7月更文挑战第5天】在现代Web开发领域,随着业务需求的日益复杂多变,网站后台管理系统面临着前所未有的挑战。为了提升系统的灵活性、可维护性和可扩展性,越来越多的开发者倾向于采用“插件化”管理的方式。本文将深入探讨如何在网站后台实现高效的插件管理体系,通过理论讲解结合实际代码示例,引导开发者掌握这一先进开发模式。
103 1
|
6月前
|
Web App开发 前端开发 JavaScript
构建跨浏览器兼容的前端应用:技术实践与挑战
【5月更文挑战第16天】构建跨浏览器兼容的前端应用是应对浏览器差异和多样性的挑战。使用现代框架(如React、Vue)能自动转换代码,编写可移植的Web标准代码,结合浏览器兼容性测试工具和Polyfill解决旧浏览器支持问题。关注浏览器更新,应对性能、API差异和样式问题,采用渐进增强、条件判断和CSS Reset策略确保应用在各种浏览器上运行良好。
|
6月前
|
测试技术 持续交付 Android开发
如何实践移动端自动化
如何实践移动端自动化
|
6月前
|
开发工具 git
uniapp项目实践拓展章:代码统一风格
uniapp项目实践拓展章:代码统一风格
109 0
|
6月前
|
Web App开发 编解码 前端开发
如何做移动端适配?
如何做移动端适配?
64 0
|
存储 缓存 监控
团队的技术方案设计模板
大家参考我这个方案设计模板(提纲)和相关介绍来做自己的方案设计的时候,可以根据自己的实际业务情况和背景做相关目录的删减,最后得出自己最终的方案设计,然后再去进行方案评审。
|
移动开发 前端开发 weex
uniapp调试基座安装与移动端应用选型
uniapp调试基座安装与移动端应用选型
uniapp调试基座安装与移动端应用选型
|
数据可视化 前端开发 API
App低代码开发的最终形态?APICloud可视化开发初体验
作为一名APICloud 老用户,最近看到APICloud Studio 3 新增了可视化编辑工具,第一时间体验了下。
172 0
App低代码开发的最终形态?APICloud可视化开发初体验
|
前端开发 JavaScript iOS开发
前端培训-初级阶段-场景实战(2019-5-23)-移动端适配bug
前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门,但也仅仅是入门,现在前端开发的定义已经远远不止这些。前端小课堂(HTML/CSS/JS),本着提升技术水平,打牢基础知识的中心思想,我们开课啦(每周四)。 场景实战这块内容每个人的内容都不一样。所以最近的更新基本都是我遇到并解决掉的问题。后期会把他们的内容贴地址。
136 0