精华内容
下载资源
问答
  • 使用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 数据 htpps代理

    万次阅读 2018-10-23 17:42:15
    charles下载地址: https://www.charlesproxy.com/ 我用的V4.2.7版本 第一节:背景 第二节:组件mock测试 第三节:charles安装及配置(https) 第一节:背景  测试存在问题:  1、测试环境接口不稳定  ...

     

    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数据方法

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

    大概流程是这个样子的:

    1. 准备好charles工具,手机端连接charles(此处省略)
    2. 开始抓包
    3. 想要mock的接口,设置断点
    4. 手机操作再次触发访问的接口
    5. 此处直接点击执行
    6. 编辑response
    7. 再次点击执行

     接口返回长这个样子,假如我们修改返回的课程名称~

     

    • 选择这个接口设置断点,如图:

     

    •  设置了断点后,手机再次触发访问该接口
    • 此时会弹出页面问是否要修改request,即是否修改请求的穿参(此时不需要修改请求参数,你懂得,直接点“Excute”执行)

    • 接着会弹出Response修改的页面,点击Json Text,修改返回数据 

    •  更改后的数据就会像正常返回回来的数据那样显示啦~

     

    转载于:https://www.cnblogs.com/helloTerry1987/p/10920841.html

    展开全文
  • Mock接口数据返回——Charles的使用

    千次阅读 2020-08-16 20:18:13
    第一步:连接Charles,找到需要抓包的接口,右击下,选择Breakpoints 第二步:设置参数要传递的参数 第三步:mock返回的数据,在这步点击execute之后就已经将mock的数据传入到手机端了,可以看一下手机端是否正常...

    为什么要mock接口?

    因为有些时候数据返回不能满足测试的要求,比如要求返回一个null类型的数据,所以需要测试自己mock数据

    操作步骤

    以下图中被涂抹掉的都是接口,不影响根据本博客学习mock技术。
    第一步:连接Charles,找到需要抓包的接口,右击下,选择Breakpoints
    在这里插入图片描述

    第二步:设置参数要传递的参数
    在这里插入图片描述

    第三步:mock返回的数据,在这步点击execute之后就已经将mock的数据传入到手机端了,可以看一下手机端是否正常。
    在这里插入图片描述

    展开全文
  • 使用Charles实现本地数据mock 一、老版本Charles使用 准备Charles工具,没有的话去下载(https://www.charlesproxy.com/latest-release/download.do),如下图这玩意 js发送axios请求 桌面新建...
  • 测试 moke数据

    2018-11-26 18:03:46
    4.对着所需要moke数据,双击 5.选择save response (保存到本地) 如图所示  6.在本地找到保存的文件,打开后可以看到数据字段 7.把字段值改成所需要模拟测试的值 8.点击Tools的Map Local。 如图所示。 9....
  • Charles实现本地数据mock,接口报404

    千次阅读 2019-04-11 14:48:42
    1.设置Charles菜单栏tools中的Map Local 2.add一条Mapping 切记:不要用localhost,用localhost.charlesproxy.com 并且Path一定要加后缀,如下所示:/list.json,一定要加.json,不然也会报404 3.浏览器中...
  • 如何用charles进行mock测试

    千次阅读 2018-11-01 10:23:10
    如何用charles进行mock测试 使用map local方式: 使用charles进行抓包,请求希望进行mock测试的接口,如订单列表接口OrderList(修改某个订单的状态)。 选择OrderList接口,右键save response,将Response保存...
  • 前端数据模拟---mock.js 使用教程

    万次阅读 2017-04-25 17:50:04
    数据模板 #查看模板生成的数据 var data = Mock.mock({ //list|1-10 数组元素个数随机范围, id|+2 属性值递增, age|20-30数值随机范围 // test|3.2-5 3.xx-3.xxxxx 整数位3,小数位位数范围为2-5 //'yourname|2...
  • charles的基本使用

    千次阅读 2021-11-18 20:29:58
    charles Charles 是一个 HTTP 代理/HTTP 监视...moke数据 比如后端现在还没数据,但是我们需要测试数据,我们可以通过charles的 tools -> Map locall 来设置测试数据 按自己接口路劲填写即可 moke线上环境数据(通
  • 先说下什么是跨域? 跨域,指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对...本身是有数据, 我们只改里面的name或者是其他的字段,改完之后, 会展示我们本地mock的内容,但是显
  • python mock(模拟)接口

    千次阅读 2019-04-02 20:40:47
    2、查看数据,为了避免其它人连接数据库查看其它数据,直接提供接口查询想要的数据 使用flask框架:轻量级的web开发框架 app.py文件 import flask, json # 创建接口后台服务,方便请求接口 server = flask.Flask(_...
  • Easy Mock全解及使用

    万次阅读 多人点赞 2019-06-14 10:11:35
    在实际开发中常见的Mock方式一般是将模拟数据直接写在代码里,利用JavaScript拦截请求或者利用 Charles、Fiddler等代理工具拦截请求,这样的开发效率比较低,并且产生的数据是写死的,不能去按照一定的规则去变化,...
  • 浅谈easy-mock 最好的备胎没有之一

    万次阅读 多人点赞 2018-11-06 22:19:33
    今天为您分享Easy Mock,Easy Mock是一个可视化,并且能快速生成 模拟数据 的持久化服务, Easy Mock 支持基于 Swagger创建项目,以节省手动创建接口的时间,更高效,小程序、h5、app/ios/android开发人员都可以用,...
  • Mock测试是什么?

    万次阅读 2019-06-10 15:46:17
    一.Mock概念 ...单纯的前端mock可以通过抓包工具Fiddler,Charles实现,通过修改代理返回的数据,实现多种场景的测试。这里在抓包工具之中会解释。 后端的Mock则是从接口的角度,如果一个接口A返...
  • (四)React高级内容

    2019-09-23 23:00:12
    10 使用charles进行接口数据模拟 桌面新建一个moke.json chaeles的tools中的maplocal功能 映射到这个文件 11 ,12React的CSS过渡动画   13,14 使用react-transition-group实现动画 借助这个包实现...
  • oracle第二天

    2016-06-30 23:37:00
    集合运算 SQL> host cls SQL> /*SQL> 查询部门号是10和20的员工信息SQL> 1. select * from emp where deptno in (10,20);SQL> 2. select * from emp where deptno=10 or deptno=20;... 3.... selec...
  • USACO 1.2.3

    万次阅读 2013-05-15 20:50:23
    一开始我先去用字母比较,不会枚举,直接DFS,第三个数据就T了 后来直接去比字符串每位的价值,过了。 PS:没打开两个文件,直接把字典打表。我也是写过4000行代码的人啊 /* ID: xinming2 PROG: namenum ...

空空如也

空空如也

1
收藏数 18
精华内容 7
热门标签
关键字:

charlesmoke数据