深 i 您-小程序Charles抓包过程

前言

对于压力测试工作而言，小程序接口测试工作和其他接口测试工作相似，都需要为测试工作的开展去准备相应接口的信息，其中包含请求接口，入参及请求头信息。本文将演示如何使用Charles工具进行小程序抓包，为后续使用Jmeter工具进行接口压测以及使用Grafana工具可视化接口压测结果做准备。

工具准备

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

一、Charles安装及配置

0、Charles工具安装说明参考（Mac环境）

https://www.cnblogs.com/x1you/p/12033839.html

1、Charles首次安装启动后默认不显示response和request模块，选择Charles -> Perferences -> Viewers

取消勾选“combine request and response”配置，点击ok保存后便在主页显示response和request模块

2、配置Http代理，点击Proxy -> Proxy Settings..

配置代理

Port端口选择8888上进行监听，勾选SOCKS proxy使工具能够截取到浏览器的http访问请求

端口设置

3、安装PC端根证书，点击Help -> SSL Proxying -> Install Charies Root Certificate

安装PC端根证书

为Charles Proxy CA设置信任

设置SSL始终信任

4、 配置SSL代理，点击Proxy -> SSL Proxying Settings...，勾选Enable SSL Proxying，并Add一个Location，Host使用*通配符（或写入具体对象域名），Port选择443

配置SSL代理

至此完成了Charles工具的配置工作，接着便可开始对我们小程序的抓包工作

开始抓包

1、 首先清空Charles界面上的其他记录

2、 在PC端上打开微信小程序

3、 在Charles界面可以查看到当前小程序的抓包情况，并可查看到接口信息

4、 鼠标右键点击目标接口，选择Copy cURL Request便在剪贴板上拷贝cURL信息，可以用于在Jmeter中快速创建测试接口使用

5、 在Jmeter中，点击Tools -> Import from cURL，在信息框中粘贴上cURL信息，点击Create Test Plan即可生成测试项目

Jmeter界面

Jmeter界面

总结

本文主要介绍了如何使用Charles工具在PC端对小程序接口进行抓包，并介绍了如何生成针对目标接口生成cURL信息用于对接Jmeter测试工具。对于Charles在使用时，查看接口信息时也可采用Structure界面快速浏览目标小程序域名下的所有接口信息。