本地代理之Charles使用

简介

Charles是一款网络监测工具，还能将线上的资源代理（偷梁换柱）成本地的资源，再有时候不方便发版或修改源代码的时候，这一招倒是挺方便的！

下载与安装

官网地址：charlesproxy.com
可用密钥：TEAM MESMERiZE/FC91D362FB19D6E6CF

拦截https之安装证书

在不安装证书的情况下，拦截到的https请求，全都是unknow，
显然这不是我们期待的，这需要我们安装ssl证书，以便来识别https请求。

安装证书-win

我们需要分别为电脑和浏览器安装证书。
通过Charles为系统安装证书，进入Charles－》Help－》SSL Proxying－》Install Charles Root Certificate ，会打开证书并安装。

安装证书-mac

初步安装成功后的界面如下（钥匙串中），右键打开快捷菜单，选择“显示简介”，打开以下界面，选择始终信任

安装证书-浏览器

如果你拦截本机浏览器访问的https资源，还需要如下配置

为浏览器安装证书，进入Charles－》Help－》SSL Proxying－》Install Charles Root Certificate on a Mobile Device or Remote Browser，会得到一个链接 chls.pro/ssl，在浏览器地址栏输入并回车会将会得到证书，按照第二张图进行安装即可

安装证书-android

如果你调试设备上浏览器网页或app里的webview，还需要如下配置

为android安装证书，进入Charles－》Help－》SSL Proxying－》Install Charles Root Certificate on a Mobile Device or Remote Browser，会得到一个链接 chls.pro/ssl，在浏览器地址栏输入并回车会将会得到证书，将证书发送到手机或平板设备上。

然后设备上搜索证书，找到相关操作进行安装即可（不通设备可能也不太一样）

最后，再设备网络上配置代理，代理到和Charles所在的电脑同一个ip即可

拦截https之配置抓包目标

进入Charles -> Proxy -> SSL Proxying Settings
打开SSL设置界面，将Enable SSL Proxying复选框选中
点击“Add”按钮，在弹出框的 “Host” 和 “Port” 都输入“*”，最后点击OK，这样配置便可以抓取所有的https包

效果如下

映射本地文件

比如说，我像让这个个网站的UKeFu-SoftPhone.js执行替换成本地ukf.js文件
为了方便识别，我在ukf.js文件的第一行，打印了"我是本地的ukf.js文件"
在chales搜索并过滤到该文件后，右键>Map Local Settings
去掉参数
选择 Map To>Local Path选择要替换成的本地文件，点击ok即可

看效果如下(Zan Proxy也能做类似的功能，其实这就是个本地代理，同样也可以利用nginx、修改host等 达到同样的效果)