004-基础入门-App小程序模拟器&开发工具&源码案例等

---

一、学习思路

二、APP应用开发架构：

1、原生开发

安卓一般使用java语言开发，当然现在也有kotlin语言进行开发。如何开发就涉及到具体编程了，这里就不详说了。简单描述就是使用安卓提供的一系列控件来实现页面，复杂点的页面可以通过自定义控件来实现。

2、使用H5语言开发

使用H5开发的好处有很多，可多端复用，比如浏览器端，ios端，当然H5开发的体验是没有原生好的。结合我做过的项目来说，一般是这个页面需要分享出去的话，就用H5开发。

3、使用flutter开发

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

4、常规Web开发

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

二、演示

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

演示：remusic项目源码

安全影响：反编译&抓包&常规测试
安全影响：逆向的角度去分析逻辑设计安全

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

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

在宝塔里面一键部署ShopXO源码程序

安装步骤安装ShopXO

安装成功后，访问首页

首页如下

百度搜索一门app，并打开输入ShopXO首页URL（网上有很多一键制作app的网站，这里只是用一门app举列）

点击新建应用-移动应用APP，填写网址和应用名称，最后点击新建

按照步骤填写需求

点击生成安装包-生成，等待生成完毕后，在点击 下载 apk 包 v1.0.0

将下载的apk包，在手机模拟器中安装并打开

安全影响：可以看到手机应用程序和浏览器在Web开发中遵循相同的安全测试标准，因为它们共享相同的数据传输协议和面临类似的安全威胁。，故常规Web开发的APP，和常规Web安全测试是一样的

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

演示：HBuilderX案例

安全影响：API&JS框架安全问题&JS前端测试

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

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

wx小程序和移动应用app做Web封装的方法是一样的

安全影响：常规Web安全测试

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

演示：HBuilderX案例

右键项目名-发行-小程序微信

填入appid（wx公众号开发者ID(AppID)可以看到），点击发行

用微信开发工具者打开

安全影响：API&JS框架安全问题&JS前端测试