梁小新blog

使用Charles抓包模拟微信登录

logo

目前我使用Charles(以下美称小花瓶)主要作的用途:

  1. 简单使用 抓取app,微信小程序,手机端网页等信息
  2. 进阶使用 解决pc端浏览器不能打开微信端需要登录授权的页面
  3. 重点介绍 开发时,可在pc端浏览器模拟微信登录,实现无缝开发

如何使用小花瓶抓取手机端app、小程序、网页信息?

原理介绍

pc与手机处于同一个Wifi网络,通过手机设置wifi网络的http代理,把服务器地址指向pc的ip地址。

配置

配置教程不再阐述,配置教程:https://juejin.im/post/5a420adff265da432c241adc

配置成功后,此时,在手机端打开任一app或者网页,都会在小花瓶中看到有站点信息,但不能查看其详细信息,需要设置一下。

logo

配置你要抓取的网站:要在Proxy==>SSL Proxy Settings 下添加你要抓的网站host,这样就能看到该网站下的网络接口信息,没有添加的不能显示详细信息

结果:设置过的网站就能看到,其余为 unknow

SSL-Result

如何使用小花瓶在pc浏览器中打开微信端需要登录授权的页面?

例子:https://www.homemadecake.cn/sp/order/history

步骤一:增加一条SSL Proxying

add-proxying

步骤二:用手机打开这条链接

proxy-result

从小花瓶中可以看到,整个微信登录授权的跳转过程:

步骤三:直接在浏览器中打开这个链接 与手机中显示的一毛一样,完成。(侵删)

add-proxying

(重点来了)如何在开发中使用小花瓶模拟微信授权登录?

第一步:以mac为例,开启Mac OS X Proxy代理,打上勾

macos

第二步:在Tools==>Map Remote Settings下设置代理转发地址,把本地端口指向代理转发的地址

Map Remote