
目前我使用Charles(以下美称小花瓶)主要作的用途:
简单使用抓取app,微信小程序,手机端网页等信息进阶使用解决pc端浏览器不能打开微信端需要登录授权的页面重点介绍开发时,可在pc端浏览器模拟微信登录,实现无缝开发
如何使用小花瓶抓取手机端app、小程序、网页信息?
原理介绍
pc与手机处于同一个Wifi网络,通过手机设置wifi网络的http代理,把服务器地址指向pc的ip地址。
配置
配置教程不再阐述,配置教程:https://juejin.im/post/5a420adff265da432c241adc
配置成功后,此时,在手机端打开任一app或者网页,都会在小花瓶中看到有站点信息,但不能查看其详细信息,需要设置一下。

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

如何使用小花瓶在pc浏览器中打开微信端需要登录授权的页面?
例子:https://www.homemadecake.cn/sp/order/history
步骤一:增加一条SSL Proxying

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

从小花瓶中可以看到,整个微信登录授权的跳转过程:
- 进入页面 https://www.homemadecake.cn/sp/order/history
- 用户同意授权,获取code https://www.homemadecake.cn/sp/weixin/openid?url=https%3A%2F%2Fwww.homemadecake.cn%2Fsp%2Forder%2Fhistory
- 最后返回 https://www.homemadecake.cn/sp/order/history?openid=XXX 此时服务器已经拿到该用户的信息。
步骤三:直接在浏览器中打开这个链接 与手机中显示的一毛一样,完成。(侵删)

(重点来了)如何在开发中使用小花瓶模拟微信授权登录?
第一步:以mac为例,开启Mac OS X Proxy代理,打上勾

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