Yapi的基本使用功能

Yapi 基本使用

第一次研究Yapi,记录一下,防止后面忘了(キ`゚Д゚´)!!

  • 新建一个测试空间
  • 创建个人空间

Yapi的基本使用功能Yapi的基本使用功能

  • 添加项目

基本路径慎重填写,ennnnnnn,好像是路径中间那块?

Yapi的基本使用功能

  • 接下来就是接口了

接口路径这里前面加 /

Yapi的基本使用功能

这里的mock地址,直接在设置里的环境配置里面设置

Yapi的基本使用功能

这里的请求地址最终格式是 : mock地址 + 基本路径 + 路径

  • 数据导入导出

Yapi的基本使用功能

  • 重点,怎么样链接yapi 和html 呢

访问接口需要一个中间桥插件 cross-request 谷歌独家

  1. Google打开地址 chrome://extensions/
  2. 将下载的cross-request 打开,添加到附件里
  3. 然后右上角就会出现yapi 小图标,就能访问啦
  4. 怎么样在浏览器查看接口调用情况
    Yapi的基本使用功能
    官方参考文档:https://hellosean1025.github.io/yapi/documents/data.html