为Amis构建debug环境

解决amis低代码工具的接口跨域问题

• 本地接口环境为127.0.0.1:8093，或使用mimir等其他地址

• 低代码工具地址 https://aisuda.github.io/amis-editor-demo/

  将aisuda.github.io/live-prediction下的所有请求转发到本地8093端口
  127.0.0.1:8093 /^https://aisuda\.github\.io/live-prediction/.*$/

  成功为aisuda.github.io域名新增了一个接口，并且可以直接在低代码工具中使用

添加header参数

例如微博的图片无法直接在浏览器打开，使用下面的配置可以在浏览器直接打开图片
*.sinaimg.cn referer://https://www.weibo.com
任意域名跨域等

添加cookie参数

http://wproxy.org/whistle/rules/reqCookies.html

*.e.weibo.com reqCookies://{inner_secret.cookie}

添加get/post/json参数

http://wproxy.org/whistle/rules/reqMerge.html
此域名下所有请求都会带上指定参数，可用于区分测试请求
reqMerge此命令会根据content-type的不同有不同的功能,可能为json/post添加新字段,post/json请求将不会在url中添加参数
daogou.e.weibo.com reqMerge://(is_test=1)

mock接口返回值

http://wproxy.org/whistle/rules/resBody.html

1. 在rules中定义要mock的接口地址,daogou.e.weibo.com/aj/beaut-topic/live resBody://{live_debug.json}

2. 在values中添加一个名为live_debug.json的配置

   {
    "code": 100000,
    "msg": "success",
    "trace_id": "62c2649f67b5a45e2ae61ef5eff559d3",
    "time": 1689047968901,
    "data": {......}
   }

   实现mock接口返回值

mock接口返回值(2)

http://wproxy.org/whistle/rules/resMerge.html
与上述步骤基本一致,只是效果为覆盖效果
命令改为resMerge
接口原始内容

{"name":"eason","sku_id":123,"goods_id":456}

mock值

{"sku_id":222,"other":{"a":1}}
``
mock后接口结果

{
"name": "eason",
"sku_id": 222,
"goods_id": 456,
"other": {

"a": 1

}
}

# mock接口替换返回值
感觉这个比较实用

www.baidu.com resReplace://{test.replace}

{test.replace}
百度一下:众里寻他千百度一下
换一换:缓一缓