美文网首页
使用Charles localhost本地文件模拟网络请求

使用Charles localhost本地文件模拟网络请求

作者: 歌白尼 | 来源:发表于2021-03-20 11:58 被阅读0次

开发或者调试的时候我们经常需要用到网络请求模拟后台的数据交互,但是有些时候数据格式或者开发周期不同步我们无法及时得到自己想要的数据。这时候我们可以通过“Chales”利用本地json文件自行模拟。


Chales介绍和基本使用我们不再赘述,本文只探讨利用Chales 的 Map Local 将请求Map到一个本地文件
1. 准备Json文件

数据格式自定,保证是标准json格式即可

2. 配置 Map Local
打开Charles,点击Tools -> Map Local
image.png
选中Enable Map Local复选框,然后点击Add按钮添加一条Mapping
image.png
 
【Protocol】  选择Protocol为http
【Host】      输入localhost
【Port】      可选。如果不确定可以在在Proxy -> ProxySettings 查看
【Path】      访问路径,这里我们直接填写文件名 /goods.json
【Query】     Map到不同的文件,忽略
【Local path】 点击Choose 选择本地文件
【OK】保存

image.png
3. 使用Charles模拟网络请求
如果使用手机,常规使用代理即可
如果是使用模拟器来做调试,需要在打开模拟器之前打开Charles,Proxy -> 勾选macOS Proxy

打开浏览器 输入访问地址 http://localhost:8888/goods.json,你会发现世界如此奇妙

相关文章

  • 使用Charles localhost本地文件模拟网络请求

    开发或者调试的时候我们经常需要用到网络请求模拟后台的数据交互,但是有些时候数据格式或者开发周期不同步我们无法及时得...

  • Charles不能抓取到本地localhost或者127.0.0

    用charles抓取请求的时候,charles总是抓不到localhost:3000发出的请求,也就没办法模拟数据...

  • 使用Charles Mock网络请求到本地文件

    原创文章,转载请注明出处。 在做开发的时候app和api定义好接口文档后,都是同步进行开发的。app端需要api的...

  • Charles 高级用法

    环境:Charles V4.2.1 一、Map Local: 将指定的网络请求重定向到本地文件。 之所以首推这个功...

  • charles常用功能

    charles使用教程 简介 安装证书 过滤网络请求 断点 模拟弱网环境 重发(造数据、简单并发) 一、简介 Ch...

  • Charles--优秀的生产力工具

    Charles 又名“青花瓷”,以其ICON得名。 网络请求抓包、模拟网络延迟、修改网络参数(request\re...

  • nginx 代理本地路径

    一 : 业务目的:使用nginx代理本地文件,使本地文件能供通过 localhost/test/index.ht...

  • 使用本地数据模拟网络请求

    Get请求: 在开发的时候,当后台还没有开发完成时。我们可以用本地的数据来模拟网络请求,这样待后台接口完成时,...

  • 使用charles模拟ajax请求

    在我们日常开发过程中经常会遇到页面开发完成,但是由于接口进度较慢无法拿到数据。此时我们就会想先模拟一些数据,让页面...

  • 注册登录 与 Cookie

    实现基本的注册功能 本地模拟,当输入localhost:8080/sign_up的时候,浏览器发起get请求,服务...

网友评论

      本文标题:使用Charles localhost本地文件模拟网络请求

      本文链接:https://www.haomeiwen.com/subject/kqoicltx.html