借助Charles来测试移动端-上篇

随着现在互联网的兴起，移动端的测试需求越来越多，但是随着用户越来越多，迭代需求越来越频繁，或因为测试环境的接口不稳定，或因为多个业务系统互相关联，导致移动端测试后置，有时候提前介入了，也只能干耗时间，导致测试效率不高。这时候，我们就可以考虑引入mock测试，在服务端接口不稳定或者未提测的情况下，根据接口文档或者接口定义开始用数据对移动端进行测试，这样既提高了效率，又能提早发现一些问题，还可以提高测试覆盖率，这么好的效果，你值得拥有！

 

在引入mock测试移动端的情况下，可以使用mock平台或者mock工具来做服务端的模拟，如果有时候公司内部没有现成的mock平台或者mock工具，我们可以考虑借助Charles 来做移动端的mock测试。首先，我们先去Charles官网 https://www.charlesproxy.com/，然后选择对应的版本下载并安装。安装完之后我们来使用Charles抓取手机包。抓包之前，我们首先需要安装证书到电脑与需要测试的手机。安装证书到电脑，将证书安装到受信任的根证书颁发机构：

 

 

 

 

 

 

 

接下来，我们需要对手机进行证书安装，对手机进行证书安装比较复杂，首先，我们需要确认手机与电脑在同一个局域网，简单的来说，就是先把手机与电脑接入同一个无线网。然后，我们需要将手机配置使用电脑的无线网。我们先需要在电脑的cmd下获取当前电脑的ip地址，通过运行ipconfig来获取。 

 

 

 

然后，我们可以通过

 

 

 

查看当前Charles所使用的代理端口，在这，我们看出来，代理的端口是8888，如果不修改，默认就是8888. 

 

 

 

接下来，我们来配置手机端，配置的时候，我们可以通过点击Charles上的按钮来获取配置步骤： 

 

 

 

 

 

 

在这我们会发现，http proxy与我们从cmd中获取的ip地址是相同的，port与我们在proxy settings中查到的内容相同。我们首先来配置一下代理： 

 

 

 

 

 

 

 

 

当我们配置完成之后，电脑端会出现需要我们授权的提示，这时候我们需要选择（Allow）接受才能继续以下配置。 

 

 

 

配置完之后在浏览器打开chls.pro/ssl，打开之后下载证书：
 

 

 

去描述文件里安装刚刚下载的证书，并安装:
 

 

 

 

 

 

 

 

 

 

 

 

 

 

对于IOS系统，安装完证书之后还需要对证书进行信任：

 

 

 

 

 

 

 

 

现在，我们的配置已经完成了，可以试着在客户端打开浏览器进入豆瓣网站进行测试（为什么不直接打开豆瓣APP，因为网络不好，总是超时）： 

 

 

 

 

 

 可以看到，现在已经能抓到很多来自豆瓣的请求了，我们点击一下找电影，可以看到有很多请求被抓取出来，找到其中一个查看一下

 

 

可以看到我们显示在网页上的信息都已经被抓取出来了，接下来，我们要做的就是通过修改返回来测试了，预知后事如何，且听下回分解。

 

作 者：Testfan Chris

出 处：微信公众号：自动化软件测试平台

版权说明：欢迎转载，但必须注明出处，并在文章页面明显位置给出文章链接