【网安-小迪】Day4:APP架构&小程序&H5+Vue语言&Webb封装&原生开发&Flutter

目录

1 APP应用开发架构

1.1 原生开发

1.2 使用H5语言开发

1.3 使用flutter开发

1.4 常规web开发

1.5 Web演示

1.5.1 购买一台服务器

1.5.2 购买好之后搭建一个网站

1.5.3 在这个网站中用宝塔搭建

1.5.4 改一下域名解析

1.5.5 继续搭建宝塔

1.5.6 把网站打包成app

1.5.6.1 反例

1.6 原生态开发演示

1.6.1 渗透测试思路

1.7 H5+Vue演示

1.7.1 测试思路

1.7.2 打包成app

1.7.3 开发成小程序

1.8 小程序Web封装

2 总结


1 APP应用开发架构

1.1 原生开发

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

1.2 使用H5语言开发

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

1.3 使用flutter开发

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

1.4 常规web开发

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

1.5 Web演示

这种app的安全测试和网站测试没有任何区别

有一些web程序是没有手机适用页面的,打开之后会发现再app中的页面显示有一些不正常的

有一些网站的初衷,在开发的时候就有了手机端适用的页面

1.5.1 购买一台服务器

选择价格最低的

1.5.2 购买好之后搭建一个网站

想要的效果,去搭建一个网站,最后网站有了,app也有了

源码就是一个Web程序,只是套了一个app的壳

app有一种分类其实就是套用的网站

1.5.3 在这个网站中用宝塔搭建

安装之后启用宝塔

安装Apache套件

软件商店一键部署

1.5.4 改一下域名解析

先把网址搭建起来才是域名解析的操作

把网站解析到这个ip

1.5.5 继续搭建宝塔

这个全部都是php源码

选用这个程序,支持一些程序的转换,页面显示更加友好

界面是这样的

1.5.6 把网站打包成app

专门把网站打包成小程序

点一门app

自动创建app

编辑一下配置

都可以自己选择配置,这里直接按照默认的保存

配置一下移动应用

这里用的试用版

直接保存这里的配置信息

生成安装包

随便上传一下应用图标和启动图

再去生成安装包

这里生成安卓系统的app需要电脑上有安卓模拟器

生成好之后下载apk包

下载好之后再模拟器打开

会发现,其实有些app就是网站

1.5.6.1 反例

博客也可以封装成app

发现需要https,换一个平台

可以七天试用

可以发现这个界面设计就跟不上了

1.6 原生态开发演示

app是大公司产品或者讲究效率功能

这是一套源码

这个和网页端的是分离的,虽然可能采用同一个东西,但是界面不一样

这是对页面按钮的设计

这一套源码就是和app对应的,这是属于app自己的源码

1.6.1 渗透测试思路

1. 利用安卓的逆向技术反编译,然后利用安全测试技术抓包,从反编译和抓包里提取app的资产信息(接口,泄露的东西,数据通信的ip地址,网站域名),抓取到信息之后对目标进行安全测试

1.7 H5+Vue演示

用到工具HBuilderX

新建项目

都可以自己配置

运行之后是这个页面

这个的适配界面就是手机界面

这里的源码都是vue框架,html代码

html5主要就是针对app小程序用,界面美观程度由h5负责

数据是用vue传递的,vue是一个js框架,前端框架,数据传输就是用这个语言传输

1.7.1 测试思路

框架本身的安全问题和他提交的api的接口

与前后端跟里有点类似

1.7.2 打包成app

1.7.3 开发成小程序

首先要下载一个微信开发者工具

然后编译成小程序

 appid需要有一个公众号

然后就可以点击发行

用小程序的工具把他运行起来

点击添加

1.8 小程序Web封装

发布上传

2 总结

反编译的时候看源码,主要就是看走什么协议

网站登录的时候不一定是http/https

抓包是抓的表现出来的资产,反编译是抓写到的资产,写到的资产不一定表现出来

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值