Charles抓包教程：微信小程序的详细操作指南

前言

在进行微信小程序的开发和测试时，抓包是一个必不可少的过程。通过抓包，我们可以分析小程序与服务器之间的通信，获取请求和响应数据，进行调试和性能优化。本文将详细介绍如何使用Charles工具进行微信小程序抓包。

工具准备

• Charles工具
• PC端微信（支持打开微信小程序）

Charles安装与配置

1. 安装Charles

1. 访问Charles官网，下载适合您操作系统的安装包并安装。
2. Charles提供30天免费试用，之后可以继续使用但有弹窗提示。

2. Charles基本配置

1. 打开Charles，首次启动后默认不显示response和request模块。选择 Charles -> Preferences -> Viewers，取消勾选“combine request and response”配置，点击OK保存。
2. 配置HTTP代理，点击 Proxy -> Proxy Settings，端口选择8888进行监听，并勾选SOCKS proxy以截取浏览器的HTTP访问请求。
3. 安装PC端根证书，点击 Help -> SSL Proxying -> Install Charles Root Certificate 并信任该证书。
4. 配置SSL代理，点击 Proxy -> SSL Proxying Settings...，勾选 Enable SSL Proxying，并添加一个Location，Host使用通配符（*），Port选择443。

3. 手机代理设置

1. 确保手机和PC处于同一局域网内。查看PC的IP地址（Windows系统使用命令 ipconfig，Mac系统使用命令 ifconfig）。
2. 在手机的无线网络设置中，手动配置代理服务器地址为PC的IP地址，端口为8888。
3. 使用手机浏览器访问 http://chls.pro/ssl 下载并安装Charles的SSL证书。在iOS设备上，还需要在 设置 -> 通用 -> 关于本机 -> 证书信任设置 中信任该证书。

开始抓包

1. 清空Charles界面上的其他记录，以便更清晰地查看抓包情况。
2. 在PC端上打开微信小程序。
3. 在Charles界面可以查看到当前小程序的抓包情况，并可查看到接口信息。
4. 鼠标右键点击目标接口，选择 Copy cURL Request 可以将cURL信息复制到剪贴板，用于其他工具（如Jmeter）进行测试。

常见问题及解决方法

手机无法上网

如果配置代理后手机无法上网，请检查以下几点：

1. 检查防火墙设置，确保Charles被允许通过防火墙。
2. 检查Charles的黑白名单设置，关闭黑白名单功能以确保所有请求都被捕获。

HTTPS无法抓包

1. 确保已正确安装并信任Charles的根证书。
2. 确认SSL代理配置正确，Host使用通配符（*），Port选择443。

总结

本文详细介绍了如何使用Charles工具对微信小程序进行抓包，通过正确配置代理和SSL证书，可以轻松捕获小程序的网络请求和响应数据，为开发调试和性能优化提供有力支持。如果遇到问题，可以参考上述解决方法进行排查。希望本文对大家有所帮助！