深 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界面快速浏览目标小程序域名下的所有接口信息。