yapi接口导出为word_接口文档神器YApi

什么是YApi

官网上是这么介绍的:YApi 是一个可本地部署的、打通前后端及QA的、可视化的接口管理平台 https://hellosean1025.github....

可以这么说YApi兼具swagger,rap2,postman的各项优点

why YApi

如果你想要一个好用的接口管理平台,那么你需要YApi或swagger。YApi支持各种数据导入,实现无缝迁移。

如果你想mock接口,那么你需要YApi或rap2。

如果你想做接口自动化测试,那么你需要YApi或postman。

如果你担心数据放在其他平台不安全,那么你也需要YApi。YApi支持本地化部署。

此外,YApi还有很多特性。

这么优秀,难道你还不准备用吗?

YApi有哪些功能特性

可视化接口管理

数据mock

自动化接口测试

数据导入(各种,包括swagger、har、postman、json、命令行)

权限管理

支持本地化部署

支持插件

支持二次开发

内网部署

这里需要您的环境满足

nodejs(7.6+)

mongodb(2.6+)

git

使用yapi-cli 工具,部署 YApi 平台是非常容易的。执行 yapi server 启动可视化部署程序,输入相应的配置和点击开始部署,就能完成整个网站的部署。部署完成之后,可按照提示信息,执行 node/{网站路径/server/app.js} 启动服务器。在浏览器打开指定url, 点击登录输入您刚才设置的管理员邮箱,默认密码为 ymfe.org 登录系统(默认密码可在个人中心修改)。

不想看字,没关系,直接在命令行输入一下命令,接着按提示一步步就可以了

npm install -g yapi-cli --registry https://registry.npm.taobao.org

yapi server

👇看截图

648fbc84e18b8ef289dd64b44e21d2b1.png

5cd1d4f31d5ab625aa85d145f508d005.png

30d191b73060c815f05ecd67ad46107c.png

我们按照提示进入安装目录,后执行以下命令

node vendors/server/app.js

ee0f25bf2aff7fdc5af4798522d477a2.png

然后打开 http://localhost:3000/, 可以看到跟官方demo一样的界面。

b240722dc65099666b3af446429abb35.png

至此,我们已经本地部署好服务里。🍺

可视化的接口管理

接口管理页面包括预览、编辑、运行和高级mock,这样看是不是很清爽😬

88d69211a0ccb8097508fb24e2baa95f.png

数据导入

yapi支持swagger、HAR、postman、json、命令行五种导入

这里以HAR为例: 我们先打开开发者工具,然后打开一个网站:如 美团外卖 https://h5.waimai.meituan.com...

如图:点击下载

7baa72b0052eb94c41551d06a5d37932.png

接下来,如图

9b20e4403a56ba2b81a487e0e4b12052.png

导入成功后,我们就多了几个接口了,是不是很完美 😁

d16640468127375078959a99da8f2943.png

021b92ecad76447a9a61b4f8a926e61b.png

数据mock

yapi的mock包括很多种

mock请求参数和返回参数

如图yapi提供给我们两种mock参数的形式

0047d7aa74fce01b82e4679619bda8e7.png

这里我们把image mock成图片

a3de2c6be75f2553700a635c320850da.png

点击上图链接

ce3a89ea08d8e7833de1cee7b0e2faa9.png

这里我们成功mock了一个接口

想想是不是经常遇到后端接口没有ready的情况,现在有了yapi是不是一切都迎刃而解了呢🤔

高级mock

点击高级mock,这里我们加了一个字段

bcab34095784c6f392f257fcf1abf8da.png

现在来试试看吧

4be8c834f69a1f13d29cdb89ace32535.png

是不是很爽?

全局mock脚本

b5aabaa9c3236d8c06c31ce6407d8dfd.png

自动化接口测试

这里我们用cnode为例,接口1:/topics 接口2:/topic/:id, 其中接口2中的id由接口1返回

添加一个叫cnode的项目,注意设置好域名

fa4509d36c3f30a1000273e83cfbb479.png

再导入两个cnode接口

de820045d9d046d9297faa97eaab6a68.png

运行,没有问题

e538908a6fb458b9623b0356d5a805b3.png

下面👇是重点

31b0412f5fbe206a3ec72403ffe85fb3.png

5814e2a2608dd3476b08c6fb51ba2c86.png

75da5bc548dad2137b362baf4aa8e446.png

下面开始关联两个接口,即从接口1返回的数据中获取id,并赋值给接口2的参数

f8f75ecdfa09aa4b4c5ca85b3ed7643d.png

3cc0112bc49dffd83eda563859d58ce3.png

点击更新

7539cbf8b9d9333f9fc86545443da5dd.png

开始测试或者服务端测试

c985585c95478125fa697a6593fe25ed.png

状态pass,查看测试报告

85532332206ccc705343687eb952533e.png

caef920e67f433a48e2201e2d1bee4ee.png

今天就介绍到这里。

喜欢请star

喜欢请star

喜欢请star

  • 2
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值