安装抓包与真机调试工具。
项目地址：https://github.com/Ewall1106/mall
-
进入官网下载你电脑所对应的版本。
-
网盘下载：charles-v4.5.6-破解版 密码：q1tt
-
下载好了按照提示安装即可（有能力还是支持正版吧）。
- 打开 Charles 安装客户端证书。
- 点击 install 后会弹出钥匙串，并其证书设置为信任：
image
- 设置代理的端口号。
⚠️ 不能被电脑上的其它应用占用该端口号
image
抓包地址设置-
这里主要就是通过添加 ip地址+端口号 告诉 charles 需要抓包的地址。
-
比如我这里 172.172.1.36 就是需要抓包的地址。
-
使用 * 通配符表示抓所有端口。
-
-
点击 add 添加一个你所需要抓包的地址。
- 可以都填 * 通配符，这样就表示抓所有的域名和端口。
-
需要在手机端配置证书，这样 charles 才有权力去抓取你手机的数据。
-
在 Help - SSL Proxying 中下载移动端的证书：
image
-
打开手机，先在浏览器中输入 chls.pro/ssl 下载好证书。
-
然后在 Wi-Fi 那里配置代理。
-
先下载证书然后设置手机代理
-
安卓、IOS 设置都差不多
-
- 当你设置好 wi-fi 代理之后，点击 保存 按钮，桌面 Charles 工具就会弹出一个确认框，我们选择 Allow：
- 然后我们在手机浏览器中输入一个网址，以 baidu.com 为例，就可以看到各种抓包数据了。
image
-
可以用这个工具来做很多事情，大家自行去探索吧，如：
-
模拟慢速网络
-
修改网络请求参数
-
修改服务器的返回内容
-
-
我们也可以用这个工具来进行手机页面的调试。
-
比如我们将panda-mall项目跑起来，然后在手机浏览器中输入这个链接就可以访问了。
