以豆瓣首页为例,我们要把首页热点的《别惹小动物》这个推荐位
mock成如下图,所示的文案
一、抓包
这要怎么实现呢?
首先你得抓包,知道这个推荐位的文案是哪个接口返回的。
通过fiddler抓包,我们发现是有下面这个接口返回的
https://frodo.douban.com/api/v2/recommend_feed?(后面的参数略)
二、修改接口报文
从fiddler中选中要保存的接口,右键→【Save】→【Response】→【Response Body】,
把文件保存到本地,命名为8_Response.json。(注:一定要以.json结尾)
保存以后,打开文件,可能你会发现是乱码,其实并不是乱码,而是Unicode编码转换了中文字符,
我们可以通过下面这个网站转换为我们熟悉的中文,
http://tool.chinaz.com/tools/unicode.aspx
然后修改我们想要变化的文案(这里有小技巧),然后保存
三、接口映射本地文件
在fiddler右侧,切到【AutoResponder】标签下,
注意检查是否勾选了【Enable automatic responses】和【Unmatched
requests passthrough】。
然后把要替换的文件拖进中间的【matches..】框(或者点击【Add Rule】),
最后【Rule Editor】第二项选择【Find a file...】,选择刚才我们保存的8_Response.json
注:这里匹配的方式采用的是一种类似正则的表达式,
详情可以参考:http://blog.csdn.net/u012223913/article/details/50175637
因为要mock的接口https://frodo.douban.com/api/v2/recommend_feed?(后面的参数略),
后面的参数是变化的,不可预知的,
我们要匹配的规则就抽象成:将含有 recommend_feed 的接口返回报文都从本地读取,
所以匹配规则如下:regex:.+recommend_feed*
最后我们刷新页面,可以发现页面的文案就真的变成我们想要的那样了。