信息打点小程序篇--微信小程序打点思路

前言

欢迎来到我的博客

个人主页:北岭敲键盘的荒漠猫-CSDN博客

 本文整理各类小程序的打点思路
主要是整理微信小程序

 常见小程序平台

微信

支付宝

抖音

快手

目标小程序发现

小程序目标发现就比较容易了,直接搜索公司名就行。

小程序抓包打点

proxifier配合yakit进行抓包。

原理

proxifier:用来强制把本地的数据包转到指定代理服务器,从而抓取本来没有代理功能的程序

的数据包。

yakit:跟burp一样用,国产单兵渗透库。

整体思路:

利用proxifier的强制转移功能,把小程序的数据包转到yakit的代理服务器上,从而实现抓取小程序的包。

操作

先打开yakit的劫持功能。

之后开启proxifier开始配置。

点击add,设置好这个,端口跟你的yakit端口相同即可。

代理服务器设置一下

点一下check,如果提示正常通信则没问题。直接添加上即可。

添加后可能会出来这个东西,直接添加。

添加完成后,我们点击这个配置规则。

现在你的规则里应该是这些东西。

点add,添加微信小程序的进程保证只抓微信小程序的包。

这个东西改一下,不然就会抓无用的包。

现在再改配置文件

再改一下解析。

好,现在直接抓包就可以了。

贴心的我还为大家准备了可能出现的问题。全是我自己走过的血与泪。

proxifier+yakit问题解决汇总,解决抓无用包,无限循环引发崩溃,开启后无法上网,抓不到http等问题-CSDN博客

小程序反编译

(由于小程序结构的改变,绝大多数反编译工具都失效了。。。)

说实话我也找不到啥经济实惠的反编译工具了。。。我也不会亲自反编译.

单纯介绍下微信小程序算了。。。

反编译工具:(经济实惠,一月15元,缺点就是反编译运行失败。。。唉)

小程序多功能助手

微信小程序开发工具:

微信小程序文件的缓存路径如下:

C:\Users\xxx\Documents\WeChat Files\Applet

这里面的wx一长串的就是微信小程序的文件。

一般来说我们会先删除这些文件,然后再打开对应小程序,最终出现的那个就是我们要的小程序的文件。

点开小程序后,这个就是我们的小程序文件

这个文件就是微信小程序的文件,然后把他找反编译工具放上就可以使用了。

但是我找不到好用的反编译工具。。。。

这个工具能反编译,但是一年前挺好用的,现在总是会出现app.json报错问题。使用不了了。

小程序框架整理

1.主体结构

小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。

一个小程序主体部分(即app)由三个文件组成,必须放在项目的根目录,如下:

文件 必需 作用

app.js 是 小程序逻辑

app.json 是 小程序公共配置

app.wxss 否 小程序公共样式表

2.一个小程序页面由四个文件组成,分别是:

xxx.js 页面逻辑

xxx.json 页面配置

xxx.wxml 页面结构

xxx.wxss 页面样式

3.项目整体目录结构

pages 页面文件夹

index 首页

logs 日志

utils

util 工具类(mina框架自动生成,你也可以建立一个:api)

app.js 入口js(类似于java类中的main方法)、全局js

app.json 全局配置文件

app.wxss 全局样式文件

project.config.json 跟你在详情中勾选的配置一样

sitemap.json 用来配置小程序及其页面是否允许被微信索引

移动端渗透给我的感觉就是挺难受的,很多真机自带的防护不让开root最高权限,导致很多真机机型无法进行渗透操作,但是很多软件还检测模拟器。不好搞。。。。也可能是我太菜了。。。

  • 15
    点赞
  • 28
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
要将图片做成地图并在上面标记打点,可以使用以下步骤: 1. 在 `pages` 目录下创建一个新的页面,比如叫做 `map.vue`。 2. 在 `map.vue` 页面中,使用 `image` 组件来显示图片,并设置宽度、高度等样式。例如: ``` <template> <view> <image src="../../static/map.jpg" style="width: 100%; height: 100%;"></image> </view> </template> ``` 3. 在 `map.vue` 页面中,使用 `canvas` 组件来绘制打点。首先需要获取 `canvas` 的上下文,然后使用 `drawImage` 方法将图片绘制到 `canvas` 上。接着,使用 `fillStyle` 和 `fillRect` 方法绘制圆点。 ``` <template> <view> <image src="../../static/map.jpg" style="width: 100%; height: 100%;"></image> <canvas id="canvas" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></canvas> </view> </template> <script> export default { onReady() { const ctx = uni.createCanvasContext('canvas', this); ctx.drawImage('../../static/map.jpg', 0, 0, uni.getSystemInfoSync().windowWidth, uni.getSystemInfoSync().windowHeight); ctx.fillStyle = "red"; ctx.fillRect(100, 100, 10, 10); ctx.draw(); }, }; </script> ``` 4. 在 `map.vue` 页面中,可以通过 `touchstart` 事件获取用户的点击位置,并在该位置绘制圆点。 ``` <template> <view> <image src="../../static/map.jpg" style="width: 100%; height: 100%;"></image> <canvas id="canvas" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></canvas> </view> </template> <script> export default { onReady() { const ctx = uni.createCanvasContext('canvas', this); ctx.drawImage('../../static/map.jpg', 0, 0, uni.getSystemInfoSync().windowWidth, uni.getSystemInfoSync().windowHeight); ctx.draw(); }, methods: { onTouchStart(e) { const { x, y } = e.touches[0]; const ctx = uni.createCanvasContext('canvas', this); ctx.fillStyle = "red"; ctx.beginPath(); ctx.arc(x, y, 5, 0, 2 * Math.PI); ctx.fill(); ctx.draw(true); }, }, }; </script> ``` 5. 在 `map.vue` 页面中,可以通过 `touchmove` 事件实现拖拽效果。具体实现方式是在 `touchmove` 事件中记录当前手指位置和上一次手指位置的差值,并将 `canvas` 的位置进行相应的偏移。 ``` <template> <view @touchstart="onTouchStart" @touchmove="onTouchMove" @touchend="onTouchEnd"> <image src="../../static/map.jpg" style="width: 100%; height: 100%;"></image> <canvas id="canvas" style="position: absolute; top: {{canvasTop}}px; left: {{canvasLeft}}px; width: 100%; height: 100%;"></canvas> </view> </template> <script> export default { data() { return { canvasTop: 0, canvasLeft: 0, lastX: 0, lastY: 0, }; }, onReady() { const ctx = uni.createCanvasContext('canvas', this); ctx.drawImage('../../static/map.jpg', 0, 0, uni.getSystemInfoSync().windowWidth, uni.getSystemInfoSync().windowHeight); ctx.draw(); }, methods: { onTouchStart(e) { this.lastX = e.touches[0].clientX; this.lastY = e.touches[0].clientY; }, onTouchMove(e) { const dx = e.touches[0].clientX - this.lastX; const dy = e.touches[0].clientY - this.lastY; this.lastX = e.touches[0].clientX; this.lastY = e.touches[0].clientY; this.canvasTop += dy; this.canvasLeft += dx; }, }, }; </script> ``` 这样,就可以在 `map.vue` 页面中将图片做成地图,并在上面标记打点
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

北岭敲键盘的荒漠猫

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值