Charles 两种常用 mock 请求方法

悠悠 2023-06-24 11:28 4阅读 0赞

知道如何去 mock 请求都很有利于不论是翻新老的项目还是开始新项目的研发，借助 Charles 我们就可以做到如何 mock 我们想要的请求。

#### 1. mock 请求到本地文件 ####

这里使用 Charles 的 `Map Local` 功能，可以在 \[Tools — Map Local\] 找到

我们将使用到的数据在本地存储成一个 json 文件

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly96d2tra2sxLmJsb2cuY3Nkbi5uZXQ_size_16_color_FFFFFF_t_70]

然后 Add 我们想要的请求，配置想要匹配的请求的路径参数映射到本地文件就 ok 了。

#### 2.mock 到另一个网络请求 ####

这里使用 Charles 的 `Map Remote` 功能，可以在 \[Tools — Map Remote\] 找到

与前面一种方法的设置一样，只是将映射的对象改为了另一个网络请求，目前有许多这样的 mock 平台提供这样的服务

这里推荐一个我经常用的 mock 网站：https://www.mocky.io/ 最大的优势是不用注册就可以使用，即开即用非常方便

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly96d2tra2sxLmJsb2cuY3Nkbi5uZXQ_size_16_color_FFFFFF_t_70 1]

进行一些简单地配置就可以得到一个链接

#### 3.总结 ####

我们在前面介绍方法使用到的 `map local` 和 `map remote` 都是 map 功能，顾名思义就是将某个请求进行重定向，用重定向后的内容来响应请求的内容

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly96d2tra2sxLmJsb2cuY3Nkbi5uZXQ_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/2019122309503882.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly96d2tra2sxLmJsb2cuY3Nkbi5uZXQ=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly96d2tra2sxLmJsb2cuY3Nkbi5uZXQ_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20191223095043228.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly96d2tra2sxLmJsb2cuY3Nkbi5uZXQ=,size_16,color_FFFFFF,t_70