Charles对接口数据进行拦截和篡改之Rewrite

一、前言
我们在做UI测试，特别是app测试的时候，有一个我们需要特别注意的测试点就是，拿到接口返回数据的页面显示问题，长度大于多少，app前端有没有做大于多少字符后面的字符串都使用...处理,而数据库的数据我们又不能随便动的场景。

二、环境准备
1、charles工具
2、被测试apk(以Android为例)

三、详细步骤
1、在charles开启代理，Proxy-Proxy Settings,填写上代理的端口号

2、查询获取电脑端的IP，cmd,ipconfig

3、使手机端和电脑端在同一局域网内，并且在手机端设置网络的代理
以华为P9为例，设置-无线和网络-WLAN,点击同一网络，修改网络，把电脑的IP地址和Charles的代理port填写保存


4、安装Charles证书（因为现在接口都是使用https，而且是需要双向认证的，不然的话会出现unkonw的情况）
具体参考此博客

四、使用Charles的Rewrite功能进行篡改
1、Tools-Rewrite Settings

2、新增Untitled Set

3、新增Location,填写需要篡改的接口信息

4、新增Type和Action,填写需要篡改的类型和具体内容

五、验证
1、使用Rewrite前

2、使用Rewrite后

注：rewrite功能修改浏览器接口返回数据中文不生效，即替换和被替换数据中有中文，不生效；但是app的不受影响；使用断点法也不受影响

注：rewrite替换中文不生效，需要设置接口返回编码为utf-8,参考以下方法：
https://www.cnblogs.com/grimm/p/7494688.html