精华内容
下载资源
问答
  • 使用Charles mock数据

    千次阅读 2020-12-22 18:34:04
    使用Charles mock数据 背景 在测试过程中,会遇到app场景涉及各个业务造数据的问题。有些可避免走完整流程即可造数据。如广告弹窗、课程提醒弹框。 一、如何利用Charles mock数据 1、Charles 连接手机(已设置好代理...

    使用Charles mock数据

    背景

    在测试过程中,会遇到app场景涉及各个业务造数据的问题。有些可避免走完整流程即可造数据。如广告弹窗、课程提醒弹框。

    一、如何利用Charles mock数据
    1、Charles 连接手机(已设置好代理)
    2、Tools → Map Local → 勾选Enable Map Local

    在这里插入图片描述
    二、点击add,把访问的接口信息及mock数据的文件填写,点击ok,并勾选刚配置的接口信息
    在这里插入图片描述
    三、如何配置mock数据文件
    1、选中要mock数据的接口,右击选择save response,保存文件到本地
    在这里插入图片描述
    2、本地打开保存的文件(可选择记事本打开),编辑想mock的数据并保存即可
    3、记事本保存后点击 map local,选择本地文件就可以的,然后刷新就可以看到造的数据了在这里插入图片描述

    展开全文
  • charles mock 数据返回

    2019-11-26 15:12:24
    charles模拟服务器返回数据 用的mac(所以下面只讲解mac版的); 参考链接: https://blog.csdn.net/u012685021/article/details/54926737 1. 准备条件: 1.客户端电脑和手机需要连接同一个wifi 2.官网下载安装charles...

    charles模拟服务器返回数据

    用的mac(所以下面只讲解mac版的);
    参考链接: https://blog.csdn.net/u012685021/article/details/54926737

    1. 准备条件:

    1.客户端电脑和手机需要连接同一个wifi
    2.官网下载安装charles,根据你的电脑系统选择相应的下载的版本。

    ##### 2. 下载 charles.jar 破解文件,将下载好的文件替换 安装路径\lib下的 charles.jar 文件,重启应用 ##### 3. 安装本地证书 1. 点击 `help`中的` SSL Proxying `中的`install Charles Root Certificate` ,按照提示完成本地证书安装。 2. 移动网络设备配置 点击 `help`中的`SSL Proxying`中` Install Charles Root Certificate on a Mobile Device or Remote Brower…`然后会跳出如下弹窗
    根据弹窗信息更改移动设备中的网络代理。在手机射设置 - WLAN 选择和电脑连接的同一个网络。点击网络设置,代理选择手动,填写的ip和端口号为电脑这时的ip和端口号(默认是 8888)。 3. 下载证书安装 配置完成之后,移动端打开手机浏览器`http://www.charlesproxy.com/getssl `就会开始下载证书安装。

    ps: 本人是小米手机,小米手机自带浏览器下载的证书是无法使用的。
    解决:
    1.下载uc浏览器或者第三方的浏览器 打开chls.pro/ssl下载下来的是.pem后缀的证书,
    2. 将下载下来的证书放在手机download文件夹下,后缀改成.crt
    3. 设置 -> 更多设置 -> 系统安全 -> 加密与凭据 -> 从存储设备安装 -> 选择该文件 进行安装。
    如下图:

    4. 转接服务器地址 转接服务器地址是将客户端的请求本来发给服务端。但charles可以拦截这个ip地址,使其不向服务端发起请求,而是从你指定的服务端或者本地返回模拟的数据 在需要mock数据的接口右键选择`map local`(ps: map remote 是mock的数据为远程的地址,我在mock数据在本地,所以用map local); 如下图:
    配置完成之后,刷新可以看到返回的数据就是本地的数据。 在自测完成,与后台对接时,需要把本地的路径关掉或者移除: tools -> Map local ,如下图
    展开全文
  • Charles是一款非常好用的代理工具,关于Charles的安装、破解、安装证书,连接手机代理等使用方法详见我之前的博客:https://www.cnblogs.com/feng0815/p/8043375.html,本次只介绍Charles的几种mock方法。...

    Charles是一款非常好用的代理工具,关于Charles的安装、破解、安装证书,连接手机代理等使用方法详见我之前的博客:https://www.cnblogs.com/feng0815/p/8043375.html ,本次只介绍Charles的几种mock方法。

    Charles提供了Map功能、Rewrite功能、Breakpoints功能,都可以达到修改服务器返回内容的目的,这三者的差异是:
    • Map功能适合长期的将某些请求重定向到另一个网络地址或本地文件
    • Map Local功能:将请求的返回重定向到本地文件中
    • Map Remote功能:将请求的域名重定向到一个网络地址
    • Breakpoints功能适合做临时性的修改,request和response都支持修改
    • Rewrite功能适合对网络请求进行一些正则替换

    一、Breakpoints 

    该方法是通过打断点的方式进行mock

    对要打断点的接口右键,然后选择【BreakPoints】(点击一次就行了,点击多次会移除) ,如果是已经好了的,显示是一个“✔️”的状态。

    该方法是通过拦截请求,修改请求数据,然后再把修改过的请求数据返回给客户端,下面说下具体的操作步骤

    1.找到你想要的链接右键勾选Breakpoints功能,工具栏的断点图标就会变红;

    2.设置断点,“Proxy”->“Breakpoints”

    3.弹出Breakpoints Settings 弹窗

    4.双击Location中的想要打断点的接口,弹出Edit Breakpoints,将Query中的内容删除,输入*;如果修改Request数据,就将Request勾选;如果修改Response数据,就将Response勾选;

    5.此时重新访问该接口,Charles自动跳转到Breakpoints页面,此时修改Response数据,点击Edit Response,切换底部tab至Text,修改所需要的数据;

    需要注意的是,该方法对时间要求比较高,需要快速的修改请求数据,否则很容易造成超时修改失败。

    二、Rewrite

    1.添加rewrite

     2.设置要替代的内容

     3.再次刷新页面

    三、MapLocal

    1.先抓取某个页面的接口数据,修改并保存,如下图这个页面

    修改接口数据:

    2.在要mock的接口右键选择MapLocal

     

     或者从Tools工具栏进入

    3.进入设置页面,现在要替换的数据文件

     5.再次刷新页面

    四、MapRemote

    例:把百度搜索刘亦菲的结果替换成赵丽颖的搜索结果

    mapfrom:https://www.baidu.com/s?wd=刘亦菲

    maito:https://www.baidu.com/s?wd=赵丽颖

     

    五、弱网测试

     

     

    展开全文
  • Charles MOCK 数据 htpps代理

    万次阅读 2018-10-23 17:42:15
    第二节:组件mock测试 第三节:charles安装及配置(https) 第一节:背景  测试存在问题:  1、测试环境接口不稳定  2、业务系统不是孤立存在的,关联方太多,而且关联系统常常出现不稳定的情况  3、暂时...

     

    charles下载地址:

    https://www.charlesproxy.com/

    我用的V4.2.7版本

    第一节:背景

    第二节:组件mock测试

    第三节:charles安装及配置(https)

     

    第一节:背景

      测试存在问题:

      1、测试环境接口不稳定

      2、业务系统不是孤立存在的,关联方太多,而且关联系统常常出现不稳定的情况

      3、暂时无可用Mock server工具

      4、接口未提测验收完成,前端测试提前介入

      影响:

      测试依赖数据,依赖接口阻塞导致测试延期,干耗时间成本人力成本

      解决方案:

      引入Mock测试,有了Mock,测试童鞋在后端接口未准备好时按照接口文档就可以开始造数据进行测试工作,不会出现测试一直等待开发的情况,也可以开发联调与测试进行。这样的话,开发自测阶段就可以及早开展,从而发现缺陷的时机也提前了,有利于整个产品app测试覆盖率提升和产品项目进度的保证

     

    第二节:组件mock测试

    2.1编辑网络请求数据了解

    实现修改服务器返回内容,Charles 提供了 三种方法,如下:

      a、 Map 功能、

      b、Rewrite 功能

      c、Breakpoints 功能(打断点)

    这三者在功能上的差异是:

      Map 功能适合长期地将某一些请求重定向到另一个网络地址或本地文件。

      Rewrite 功能适合对网络请求进行一些正则替换。

      Breakpoints 功能适合做一些临时性的修改.

    2.1.1 Map功能

    就是重定向,比如你想将一个测试环境的接口,换成线上环境的接口,如下配置即可:

    右键URL,点击  Map Remote。

    看图就可以了

     2.1.2  调试不同url的网络请求 Edit/Compose

      为了调试服务器的接口,我们需要反复尝试不同参数的网络请求。Charles 可以方便地提供网络请求的修改和重发功能。只需要在以往的网络请求上点击右键,选择 “Edit”(Compose,  最新版本的是Compose,老版本是Edit),即可创建一个可编辑的网络请求。如下所示:

      我们可以修改该请求的任何信息,包括 URL 地址、端口、参数等,之后点击 “Execute” 即可发送该修改后的网络请求(如下图所示)。

                                                                               edit/Compose网络请求

     Charles 支持我们多次修改和发送该请求,这对于我们和服务器端调试接口非常方便

    2.1.3  打断点 (覆盖服务器接口返回的不同异常情况)

      举个例子:有一个订单状态接口 order_state,有已过期、已失效、已支付、待支付、已取消、待审核等10个状态返回,如果是在没有mock的情况下,我们需要实际造10个状态的订单数据,甚至去修改数据库订单字段状态来看前端订单显示情况。利用Mock方法,我们可以借助一些工具例如charles打断点,截取接口返回的response的json数据,进行一些模拟

     

    breakpoints方法实践过程:

      

    第一种打断点方法:

    在charless上要mock数据的url上右点击,弹出的列表选中breakpoint ,要点击两次 Excute 才能完成一次 HTTP 请求,原因是,Charles 的断点功能分别提供了修改 HTTP Request 和 Response 的机会重定向本地文件。

     

      

    第二种打断点方法:点击顶部 Proxy >>> BreakPoint Settting,

     

    添加Add,或者双击某个URL,勾选Reuest 或者勾选Response ,来实现请求之前,或返回数据前打断点。

     

    设置完成后,刷新页面(重新请求该接口),如图,可以修改request

    修改请求数据后,点击Execute。

    点击Execute,会再次弹出一次,此时可以修改Response.

    这里有个小小的修改Response的技巧。快速修改Response,现在txt上编辑好返回数据,然后点击JSON Text,直接把数据粘过来。如下图:

    2.2 修改response请求json记录

    修改response请求json记录,有两种方式:

      一是直接在charels设置好断点,请求相应的接口时修改编辑response里面json格式的相关数据后点击excute执行模拟请求提交

      二是将所有接口的json数据在一个Sublime text 中以json格式保存,进行数据管理,最后利用 charles Map 规则的导入导出功能,方法是点击菜单 Tools → Map Local,在弹出界面中点击 Export

    OK,现在一起来试验一下。

    2.2.1第一种方式

    注意哟:测试数据为json格式

    连接好手机和电脑,在手机上打开应用。

    我们找到如图这个接口(右键URL,点击Foucus是可以对接口过滤的,过滤效果如下图)

    我们将测试输入,保存为json格式(修改后缀名为.json)

    如下是我们的测试数据:

    {
    	"data": {
    		"p": [{
    			"appv": "",
    			"cond": null,
    			"dt": "",
    			"dwId": "bbtrp:/ge",
    			"p_c": "您啦啦啦啦啦啦啦啦,加油!,加油!",
    			"p_t": "",
    			"pf": 11,
    			"pid": "5000004",
    			"pt": "3",
    			"st": 1540600200
    		}]
    	},
    	"rtn_code": "0",
    	"rtn_ext": "",
    	"rtn_msg": ""
    }

    将测试数据保存为123.json

    右键URL,点击map local

    在弹出的对话框直接点击Choose,选择123.json。点击OK

     

    再次右键URL,点击Repeat。如图,返回值就是我们的测试数据啦。

    2.2.2第二种方式

     

    a.我们把这个请求URL复制下来

    http://qqmusic.api.10155.com/v1/uerNetInfo/qryUserMobile?appkey=99000100000070000000&ip=106.37.174.130&timestamp=20181023224423&unikey=01000f8f0d0015ab04d438d0856c52ac&digest=F06ABC070702A15FB37A187B04E1CCDB

    点击菜单 Tools → Map Local

    点击Add,直接将URL粘贴到Host,会自动生成Path和Query

    然后Choose   选择123.json。如图

    测试数据一定要保存为JSON格式。(下图配图错了,其实是123.JSON,不是123.txt)

      

    第三节:charles安装及配置(https)

    3.1 win配置

    PC 端证书安装:

    点击 Help >>>  SSL Proxying >>>Install  Charles  Root Certificate  >>>点击安装证书,点击确定>>>>将所有的证书都放入下列存储>>>点击浏览>>>点击受信任的跟证书颁发机构,点击确定>>>点击下一步

    具体安装步骤如下图:

     

     

    提示:

    由于CA 根证书不在“受信任的根证书颁发机构”存储区中,所以它不受信任。

     

     

     

    移动端安装证书:

    点击 Help >>>  SSL Proxying >>>Install  Charles  Root Certificate on a Mobile Device or Remote Browser

     

    注意: 

     IOS: 手机要(1)设置好手机HTTP代理 (2)电脑上Charles要开着,再访问这个地址   https://chls.pro/ssl

    IOS手机访问    https://chls.pro/ssl  并安装证书。

     

    1.下载完证书,如果提示“已下载描述文件,若要安装,请先在‘设置’APP中查看描述文件。我们需要,在手机上打开 设置》通用》描述文件》点击安装刚刚下载的描述文件

    2.iOS 10.3系统,需要在 设置→通用→关于本机→证书信任设置 里面启用完全信任Charles证书

     

    Android:

    https://juejin.cn/post/6874903020677791758

     

    • 第一步下载证书
    • 第二步安装证书
    •    有的手机可以直接安装下载的文件,点击打开,直接安装,能安装成功就okl 。如果提示文件,不能打开,就按照下面这1步骤来。
      • 1 设置 ---> 更多设置 ---> 系统安全 ---> 加密与凭据 ---> 从SD卡安装,选择之前保存证书的路径。


     

    安装证书

    Charles设置:

    到这里还没完事,我们需要继续设置Charles。

    Proxy>>SSL Proxying Settings...

    然后我们勾选Enable SSL Proxying

    点击add,来添加我们想抓的接口。 

    这里我们想抓 所有https的,

     

     

     

     

     

     

    Host填写:*
    Port填写:443

    *代表所有

     

    完成这一切后,重启一下Charles  ,就可以正常抓https了

    3.2 mac 配置

    公司没给我配mac,哪儿来的Mac教程。。。。。。。

    公司给我配置Mac了,我已经更新完了

     

     

     

    展开全文
  • Charles mock数据之Map篇

    千次阅读 2021-11-09 16:35:59
    Charles有3种Mock数据实现: 1、Map 功能:将某一些请求重定向到另一个网络地址或本地文件 2、Rewrite 功能:将网络请求进行一些正则替换 3、Breakpoints 功能:将修改请求参数、响应数据,做些临时修
  • 在测试过程中,有时需要造一些虚拟数据进行测试,这时候需要mock数据,如果没有mock的数据怎么获取mock数据呐。需要用到charles,首先确保手机和电脑charles连接成功,然后再对相应的接口进行抓包,找到对应的接口,...
  • 1、新建文件,不要后缀名 2、下载Notepad++ 软件,使用该软件打开文件;设置:格式---->...3、正常在文件中写入数据,maplocal 就可以了 转载于:https://www.cnblogs.com/zzfighting/p/6606963.html...
  • Charles实现mock数据

    2020-02-19 21:21:41
    Charles实现本地接口mock 1、设置本地代理的,协议、域名、端口、接口的名字、本地文件的路径,配成你想要的就行。 2、下载HostAdmin App (需要到谷歌商店下载) ,然后到C盘找到本地代理的地方进行添加,注意第...
  • 先说下什么是跨域? 跨域,指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对...本身是有数据, 我们只改里面的name或者是其他的字段,改完之后, 会展示我们本地mock的内容,但是显
  • charles mock数据

    2017-03-23 12:01:00
    2019独角兽企业重金招聘Python工程师标准>>> ...
  • 最近在学react,尝试用Charles来模拟后台数据,这样也省的又去编写后台,对于前后端分离中对于我们前端mock数据比较方便。但用的时候却出错辽~~~~ 问题 按照一些教程,我下载完Charles后事是这样配置的: 点击Tools下...
  • 今天来说一下,使用Charles 怎么mock数据来查询请求结果 首页把你需要mock的接口响应数据拿到,保存至一个文件.json格式文件。 然后找到你的接口地址右击----点击Map local 到这里设置完毕了,这个时候你就可以...
  • 在Mac使用Charles mock前端数据404问题

    千次阅读 热门讨论 2019-04-14 11:38:39
    最近学习react,使用Charles mock数据。结果API 404。真的是气死人,昨天晚上解决了四个小时,都是没有解决出来,我今天早上也是解决了一早上,最后才解决出来的,现在=新的Charles 4.28的,跟一起的是不一样的,...
  • charles抓包并mock数据

    2020-02-13 13:43:42
    找到真正返回json数据的接口,当然如果您没有开发经验,一个一个找也是可以的 选中一个url然后右键点击copy。 选中一个url右击弹出列表,选择save response,将返回的相应json数据保存下来。如searchbox.json. ...
  • Charles使用及mock数据

    千次阅读 2018-08-01 20:27:55
    1、下载charles 3.9.2【破解版地址:...// Charles Proxy License // 适用于Charles任意版本的注册码,谁还会想要使用破解版呢。 // Charles 4.2目前是最新版,可用。 Registered Name: https://zhile.io Li...
  • Charles抓包和Mock数据的方法

    万次阅读 2017-07-23 21:07:57
    如果没安装java环境,首次进入charles会提示需要安装java包,下一个java包就可以了。 安装后,长这样的。 打开软件。 2、设置网络 a、查询电脑的IP地址 Window使用快捷键win+R进入运行窗口,输入cmd,再...
  • Charles mock数据方法

    2019-05-24 23:59:00
    准备好charles工具,手机端连接charles(此处省略) 开始抓包 想要mock的接口,设置断点 手机操作再次触发访问的接口 此处直接点击执行 编辑response 再次点击执行 接口返回长这个样子,假如我们修改返回的...
  • Charles mock数据详解

    2021-09-01 11:23:51
    Charles是一款非常好用的代理工具,关于Charles的安装、破解、安装证书,连接手机代理等使用方法详见我之前的博客:https://www.cnblogs.com/feng0815/p/8043375.html ,本次只介绍Charles的几种mock方法。...
  • 1.需求 根据学生的等级显示不同的段位图标,现在想要验证前端展示的段位... Mock响应数据 2.1.使用Charles打响应断点 具体用法参考打响应断点,修改响应数据这篇文章! 2.2.Mock响应数据 2.2.1.首先,使用Charles
  • 使用Charles实现本地数据mock 一、老版本Charles使用 准备Charles工具,没有的话去下载(https://www.charlesproxy.com/latest-release/download.do),如下图这玩意 js发送axios请求 桌面新建...
  • Charles左下角的Filter输入框中输入要抓的数据包的Host的全部或部分字符,即可在Structure列表里显示筛选后的Host 2.Repeat(重发): 选中某url后,点击工具导航栏中快捷键“Repeat selected requests”...
  • Mock接口数据返回——Charles的使用

    千次阅读 2020-08-16 20:18:13
    因为有些时候数据返回不能满足测试的要求,比如要求返回一个null类型的数据,所以需要测试自己mock数据 操作步骤 以下图中被涂抹掉的都是接口,不影响根据本博客学习mock技术。 第一步:连接Charles,找到需要抓包的...
  • Charles 的 调试 & Mock 数据技巧

    千次阅读 2020-03-31 22:22:25
    Charles 拥有 Map 、Rewriter、Breakpoint 3大调试技巧,非常值得客户端开发学习一波。 Charles 的 Map Local 功能(将网络请求重定向到本地文件) 在charles「Tools -> Map Local」 勾选 Enable Map Local,...
  • Charles mock数据

    2019-06-28 09:50:45
    前端开发经常遇到自己逻辑写完了但是接口...需要相应的数据去铺页面,这时候我们就可以用Charlesmock功能在本地去模拟一些返回数据 配置如下: 1首先保证手机和pc在同一网络环境下 2手机添加代理,主机名:pc的...
  • 1. 打开charles,设置代理端口号 1.png 2. 手机设置代理 手机必须和电脑处于同一个局域网内。 点击当前所连得WIFI右边的info设置,在设置中最下面的http代理栏,选手动,服务器填电脑的IP地址, 端口填步骤1中...
  • Charles视频mock数据

    2021-08-24 19:26:37
    打开Charles,打开链接保存响应数据到桌面,保存文件后缀为.json。 在保存的文件里进行修改: 打开方式使用Sublime Text,用Xcode也是可以的。 打开时默认没有换行的,选择view–>word wrap进行换行。 在...
  • 使用Charles进行mock的三种方式

    千次阅读 2019-11-15 21:57:10
    下面给大家介绍一下charles进行数据mock的三种方式。 1,使用Charles的断点功能进行网络请求拦截,然后修改response的内容 参考网址:https://www.cnblogs.com/SnowStark/p/5610821.html 注意点:需要将网络请求的...
  • 例如要mock的接口为http://1.2.3.4/a/b/c/d 步骤如下: 1.使用charles查看该接口返回的json 2.使用idea新建一个json文件,把接口返回的值复制进去,并修改为想要展示的数值。例如 3.进入charles,tools-->...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,146
精华内容 458
关键字:

charlesmock数据