004-APP架构_小程序_H5+Vue语言_Web封装_原生开发_Flutter

APP架构-封装&原生态&H5&flutter

APP应用开发架构:

  • APP-开发架构-原生态-IDEA

  • APP-开发架构-Web封装-使用web平台进行app封装

  • APP-开发架构-H5&Vue-HBuilderX编译

  • WX小程序-开发架构-Web封装-平台封装           

  • WX小程序-开发架构-H5&Vue-HBuilderX编译

1、原生开发

安卓一般使用java语言开发,当然现在也有kotlin语言进行开发。简单描述就是使用安卓提供的一系列控件来实现页面,复杂点的页面可以通过自定义控件来实现。开发周期长,成本高。

2、使用H5(html5)语言(静态)开发

使用H5开发的好处:可多端复用,比如浏览器端,ios端,但H5开发的体验没有原生好。

3、使用flutter开发

flutter是近年来谷歌推出的一款UI框架,使用dart语言进行开发,支持跨平台,weight渲染直接操作硬件层,体验可媲美原生。但是flutter技术比较新,生态还不完善,开发起来效率相对偏低。

4、常规Web开发

Web App软件开发简单地说,就是开发一个网站,然后加入app的壳。Web App一般非常小,内容都是app内的网页展示,受制于网页技术本身,可实现功能少,而且每次打开,几乎所有的内容都需要重新加载,所以反应速度慢,内容加载过多就容易卡死,用户体验差,而且app内的交互设计等非常有效。但开发周期短,需要的技术人员少,成本低。

APP-开发架构-原生态-IDEA

演示:remusic个人音乐播放器项目源码

安全影响:反编译&抓包&常规测试

安全影响:逆向的角度去分析逻辑设计安全

APP-开发架构–Web封装-封装平台

演示:ShopXO源码程序+一门APP打包

安全影响:实质就是一个网站,常规Web安全测试

APP-开发架构-H5&Vue-HBuilderX

演示:HBuilderX案例

安全影响:API接口&JS框架安全问题&JS前端测试

WX小程序-开发架构-Web封装-平台

演示:ShopXO源码程序+一门APP打包+微信开发者工具

安全影响:实质就是一个网站,常规Web安全测试

WX小程序-开发架构-H5&Vue-HBuilderX

演示:HBuilderX案例+微信开发者工具

安全影响:API接口&JS框架安全问题&JS前端测试