首页 > 编程语言 >第5天:基础入门-APP应用&微信小程序&原生态开发&H5+Vue技术&封装打包&反编译抓包点

第5天:基础入门-APP应用&微信小程序&原生态开发&H5+Vue技术&封装打包&反编译抓包点

时间:2024-11-25 20:29:27浏览次数:9  
标签:反编译 Vue 测试 微信 APP 源码 开发 https

#知识点

1、基础入门-APP应用-开发架构安全问题

2、基础入门-小程序应用-开发架构安全问题

一、APP应用开发架构:

1、原生开发

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

①APP-原生态-IDEA

实验:remusic项目源码

NP管理器(APP):http://normalplayer.top/ 用于对APP的apk文件进行反编译,从而获取源码;

HttpCanary(APP):https://github.com/mingww64/HttpCanary-SSL-Magisk 用于对模拟器上的app进行抓包;

a、安装remusic、NP管理器、HttpCanary

查看源码与APP界面的对应关系

b、NP管理器进行apk的反编译,从而拿到源码

反编译查看源码,并对照查看源码是否与真实源码一致

找到对应路径:

C:\Users\XuanXuan\Desktop\remusic-master\app\src\main\java\com\wm\remusic\fragmentnet\TabNetPagerFragment.java

反编译拿到的源码与实际源码一致

c、httpcanary抓包

有API接口,源码也有,保持一致

如何进行测试:反编译&流量抓包&常规测试

安全影响:逆向的角度去分析逻辑设计安全,通过反编译获得的源码或者抓到的数据包,提取有价值的资产信息、配置信息等;从而转到对相关资产进行渗透测试;

2、使用H5&vue语言开发

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

此类型开发的核心代码文件都在js文件里面,其代码只是用来做显示用的,数据传输全用的是数据API调用;

①APP-H5&Vue-HBuilderX

https://www.dcloud.io/

实验:HBuilderX案例省略?

a、h5语言创建项目

如何测试:API接口&JS框架安全问题&JS前端测试&抓包

3、使用flutter开发

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

4、常规Web开发-Web封装

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

①APP-Web封装-封装平台

原理:网站->在线打包工具(多豆云)->打包成App

实验:ShopXO源码程序+多豆云打包

https://shopxo.net/电商网站

https://www.ofcms.com/在线打包工具

a、打开电商网站

b、打开在线打包工具

c、将网站封装打包成app的apk

d、模拟器安装打开

e、httpcanary抓包

如何测试:常规Web安全测试,通过抓包,对封装的网站进行测试;

二、小程序开发架构:

大家所说的小程序指微信小程序,实际上除了微信小程序外,还有支付宝、百度、头条、飞书、QQ、快手、钉钉、淘宝等个各种平台的小程序。在微信小程序开发中,开发者可以根据自身情况和项目需要,选择不同的开发方式,包括:原生开发、WebView开发、框架开发和低代码开发等。

参考:https://mp.weixin.qq.com/s/dXTb0wk57-bLA3tUuvOFSw

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

实验:ShopXO源码程序+多豆云打包

https://shopxo.net/

https://www.ofcms.com/

如何测试:常规Web安全测试,抓包后,对网站进行测试;

2、WX小程序-H5&Vue-HBuilderX

实验:HBuilderX案例

https://www.dcloud.io/

https://mp.weixin.qq.com/s/SIWBZv_vZ6AGtHrl3hpR9A

如何测试:API&JS框架安全问题&前端测试&抓包,反编译小程序-提取小程序源码泄漏的信息

三·、APP、小程序通用测试思路:

1、反编译-源码-提取资产(泄漏的配置信息)-安全测试

2、抓包-资产-安全测试

标签:反编译,Vue,测试,微信,APP,源码,开发,https
From: https://blog.csdn.net/wusaicyq/article/details/144009029

相关文章

  • vue等框架的响应式原理(简化)
    初次发布于我的个人文档本文简要介绍一下如何实现一个简化版的类vue的响应式。1.假装不知道响应式如果我们不知道vue等响应式框架,那么又该如何手动实现类似的功能呢?先来看这么一个简单的页面<!DOCTYPEhtml><htmllang="zh-CN"><head><title>MyProgram</title><......
  • VUE|学习笔记①
    目录npm创建失败问题解决安装所有依赖如何启动一个vue项目终止项目快捷键自己写一个App组件写一个简单效果vsCode设置自动保存Vue.jsdevtools检查工具最近开始学习一下vue,想要快速入手,也不知道应该看什么课程比较合适,这里我选择看b站上尚硅谷禹神的Vue3教程。这里......
  • VUE|学习笔记②(Vue3核心语法)
     目录OptionsAPI与CompositionAPIsetup概述setup的返回值setup与OptionsAPIsetup语法糖expor报错:应为声明或语句。ts(1128)ref创建:基本类型的响应式数据reactive创建:对象类型的响应式数据ref创建:对象类型的响应式数据ref对比reactivetoRefs与toRef computed......
  • vue+laravel使用微信Natvite支付
    Navite支付介绍Native支付是指商户系统按微信支付协议生成支付二维码,用户再用微信“扫一扫”完成支付的模式。适用于PC网站、实体店单品或订单、媒体广告支付等场景1.先阅读微信支付接入前的准备文档文档连接:Native支付接入前准备2.php下载插件composerrequirewechatpay/we......
  • 使用 Vue 2 和 ECharts 构建 3D 柱状图
    使用Vue2和ECharts构建3D柱状图在现代前端开发中,Vue.js是一个非常流行的框架,它提供了强大的响应式数据绑定和组件化开发,使得前端开发更加灵活高效。而ECharts是一个开源的可视化图表库,具有强大的功能支持,能够轻松生成交互式和美观的数据可视化图表。结合Vue和......
  • Vue 单页应用(SPA)与多页应用(MPA)设计
    Vue单页应用(SPA)与多页应用(MPA)设计在前端开发中,Vue是一个非常受欢迎的框架,因其高效、灵活而被广泛使用。而在Vue项目中,我们经常会遇到单页应用(SPA)和多页应用(MPA)这两种设计模式。今天,我们就来聊聊这两者的区别、优缺点以及如何在Vue中实现它们。一、什么是单页应用(SP......
  • 微信小游戏sdk接入支付和登录,解决了wx原生不支持ios支付的痛点
    前情提要微信小游戏是小程序的一种。项目接入微信小游戏sdk的支付和登录。主要难点在于接入ios的支付。因为官方只支持android,不支持ios。即ios用户不能直接在小游戏中发起支付,参考市面上的wx小游戏,大都采用的是进入客服会话,客服发支付链接,ios玩家点击链接后拉起支付付款wx......
  • Vue3.0 实操学习笔记
    安装 node.js安装 https://nodejs.org/en安装后执行node-v查看是否有异常以及npm-v查看是否异常调整为淘宝镜像,cnpm-v查看是否异常npminstall-gcnpm--registry=https://registry.npm.taobao.orgVue安装以及安装脚手架 vue-V查看是否异常cnpmi-......
  • 微信小程序布局图片上面添加文字
    效果图:补充知识:CSSposition相对定位和绝对定位一、position的四个值:static、relative、absolute、fixed。绝对定位:absolute和fixed统称为绝对定位相对定位:relative默认值:static二、relative定位与absolute定位的区别relative:定位是相对于自身位置定位(设置偏移量......
  • 推荐 vue 最好用非常强大表格组件 vxe-table,vue 哪个表格组件好用
    vxe-table是一个全功能vue表格库,非常强大的功能基本可以满足对表格对表格的一切需求。不管是普通列表,大数据列表。可编辑表格,数据校验、Excel单元格选择、复制粘贴等。。。官网:https://vxetable.cngitee安装npminstallvxe-pc-ui@4.3.5vxe-table@4.9.6//...import......