低成本快速上线的轻量级APP开发实践

1、打造低成本快速上线的轻量级APP开发实践本次案例-甜橙理财添益宝活期宝定期宝基金股票发现案例分析：甜橙理财产品多；渠道多；迭代速度快；测试资源宝贵。APP开发方案方案一：Native优点:1、好的用户体验2、性能高3、运行效率快缺点:1、维护成本高2、开发效率低3、需要通过APP Store或market,审核时间较长4、必须手动下载更新方案二：HTML5(WAP)优点:1、跨平台2、开发速度快3、易于发布更新缺点:1、运行效率低2、体验差方案三：Hybrid优点:1、跨平台2、开发速度快3、自主更新4、体验相对比较好5、能够使用Native功能缺点：1、性能相对Native差些2、灵活度不够

2、3、学习成本高Native+HTML5轻量级解决方法 HTML5模块一 容器 安全 微服务模块二模块三模块四解决方法AngularjsflexiblewebpackHTML5方 式 在 线 离 线Angularjs使用双大括号语法进行数据绑定；使用DOM控制结构来实现迭代或者隐藏DOM片段；支持表单和表单的验证；能将逻辑代码关联到相关的DOM元素上；可自定义的组件。webpack模块化的解决方案实现测试和生产环境使用不同的配置文件使用npm安装框架依赖，可以方便引入pulgins，方便对CSS、JS合并压缩、图片的压缩集成。将项目资源大部分输出到一个Bundle.JS文件，减少浏览器首次加载时

3、的资源请求生成带有项目名称和版本号的文件夹并压缩（用于webapp）生成带有hash的bundle.js文件，解决浏览器因为缓存不刷新的问题flexible动态改写标签给元素添加data-dpr属性，并且动态改写data-dpr的值给元素添加font-size属性，并且动态改写font-size的值HTML5Native容器桥梁XXXX.html.js容器路由器处理器Android(WebView)iOS(WKWebView)(UIWebView)拦截XXXX:/COMMON/API/方法/参数网络请求文件处理回退事件安全机制缓存机制更新机制消息组件路由处理应用跳转（1）HTML5与原生交互同

4、步调用：等待返回值的交互异步调用：回调函数的交互（2）原生函数调用结合本地JavaScript和原生交互桥梁，提供原生函数调用接口API， 原生实现API接口主要技术快速开发:一套应用多渠道同步上线前端开发前端技术*.js原生功能(容器)IOSAndroidWAP代 码压缩包(.zip)版本管理服务器压缩包FAndroidiOS客户端检查更新应用内下载解压与校验启动运行（F，V，D，K）身份验证（F，D）（V，D，K）版本号V摘要D安全密钥K快速上线：应用内自动更新，无需等待应用审批安全防截取防反编译防篡改防监听防冒充防抵赖HTTPS安全传输安全键盘自定义键盘JNISO.A静态库加密算法签名C

5、A云服务加固 客户端加固：通过混淆防止Android程序被反编译。可以使用第三发的混淆工具，如（百度、阿里），也可以自己编写脚本baksmalijd-guiapktoolAPK加固反编译反编译反编译安全键盘：1、自定义软键盘(随机数据) 2、提供组件对信息进行安全处理。 3、验证调用APP合法性（签名）自定义软键盘(随机数据、点击无效果)注:仅随机数字是考虑用户使用习惯1安全键盘自定义键盘JNISO.A静态库加密算法12安全键盘自定义键盘JNISO.A静态库加密算法12安全键盘：1、自定义软键盘(随机数据) 2、提供组件对信息进行安全处理。 3、验证调用APP合法性（签名）2安全键盘自定义键盘

6、JNISO.A静态库加密算法12安全键盘：1、自定义软键盘(随机数据) 2、提供组件对信息进行安全处理。 3、验证调用APP合法性（签名）2ajax(URL:xxxx/common/api?a=123)Native Request(get/post)网络传输AFNetworkingVolley网络安全：数据通过Native进行传递，Native可以通过对称加密与非对称加密对数据行处理。代 码压缩包(.zip)版本管理服务器压缩包FAndroidiOS客户端检查更新应用内下载解压与校验启动运行防篡改:防止HTML5应用被修改，通过对HTML5应用签名进行保护。（F，V，D，K）身份验证（F，D）（V，D，K）版本号V摘要D安全密钥K安全-大数据行为分析根据用户行为数据进行分析微服务-