网站搭建学习笔记【04】——app、小程序篇

思维导图

#知识点:

1、Web常规-系统&中间件&数据库&源码等

2、Web其他-前后端&软件&Docker&分配站等

3、Web拓展-CDN&WAF&OSS&反向&负载均衡等

-----------------------------------

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

2、小程序架构-Web&H5&JS&VUE框架等

#章节点

应用架构:Web/APP/云应用/小程序/负载均衡等

安全产品:CDN/WAF/IDS/IPS/蜜罐/防火墙/杀毒等

渗透命令:文件上传下载/端口服务/Shell反弹等

抓包技术:HTTP/TCP/UDP/ICMP/DNS/封包/代理等

算法加密:数据编码/密码算法/密码保护/反编译/加壳等

#APP应用开发架构:

1、原生开发

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

大公司产品、讲究效率功能、开发难度高

这种如何进行安全测试?

安卓逆向反编译&抓包&常规测试(提取app里面的资产,接口,数据通信的IP地址网站域名等)

在代码里面找到去哪里获取数据,提交到哪里等

网站搭建学习笔记【04】——app、小程序篇_第1张图片

演示:remusic项目源码(java语言开发的客户端的源码)

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

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

#APP-开发架构-H5&Vue-HBuilderX(H5是静态的、VUE是js框架)

(这种在网站和手机打开都是一样的,因为html5就是针对app小程序设计的)

演示:HBuilderX案例

其带来的安全影响主要为API&JS框架安全问题&JS前端测试(php .net等问题就不存在,类似于前后端分离模式)

针对于这种的测试就是去找api接口 看看数据传输的地址等信息

网站搭建学习笔记【04】——app、小程序篇_第2张图片

网站搭建学习笔记【04】——app、小程序篇_第3张图片

3、使用flutter开发

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

4、常规Web开发

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

购买服务器 搭建网站 用网站把app封装起来 用哪种方法来开发app主要看你的app应用的功能范围体验来决定的

网站搭建学习笔记【04】——app、小程序篇_第4张图片

网站搭建学习笔记【04】——app、小程序篇_第5张图片

网站搭建学习笔记【04】——app、小程序篇_第6张图片

网站搭建学习笔记【04】——app、小程序篇_第7张图片

一门app、变色龙生成apk后可以用模拟器安装

有些app其实核心就是网站

网站搭建学习笔记【04】——app、小程序篇_第8张图片

网站搭建学习笔记【04】——app、小程序篇_第9张图片

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

演示:remusic项目源码

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

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

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

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

安全影响:常Web安全测试

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

演示:HBuilderX案例

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

#WX小程序-开发架构-Web封装-平台(套用的网站 其实就是把网站变成小程序)

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

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

网站搭建学习笔记【04】——app、小程序篇_第10张图片

网站搭建学习笔记【04】——app、小程序篇_第11张图片

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

演示:HBuilderX案例

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

你可能感兴趣的:(学习笔记,学习,笔记,小程序)