我给公司用了这款工具,领导直接给我涨了两千工资

从公司领导的角度出发,当然是更关心工作效率和工作成果,如果你可以让两个小时的工作变成一个小时,那领导不给你涨工资给谁涨

大家好,给大家先做个自我介绍
我是码上代码,大家可以叫我码哥
我也是一个普通本科毕业的最普通学生,我相信大部分程序员或者想从事程序员行业的都是普通家庭的孩子,所以我也是靠自己的努力,从毕业入职到一家传统企业,到跳槽未尝败绩,现在在一家某互联网行业巨头公司工作,希望可以通过自己的分享对大家有一些帮助
跟随我的专栏学习,可以省去你很多去培训的费用或者网上找资料的时间,节省你的大部分时间成本,让你更加快速成为面试收割机,年度最佳员工

我为大家准备了16个技术专栏带领大家一起学习

《亿级流量分布式系统实战》

《BAT大厂面试必问系列》

《技术杂谈》

《零基础带你学java教程专栏》

《带你学springCloud专栏》

《带你学SpringCloud源码专栏》

《带你学分布式系统专栏》

《带你学云原生专栏》

《带你学springboot源码》

《带你学netty原理与实战专栏》

《带你学Elasticsearch专栏》

《带你学mysql专栏》

《带你学JVM原理专栏》

《带你学Redis原理专栏》

《带你学java进阶专栏》

《带你学大数据专栏》

有什么想学习的技术可以评论区留言,一起进步

我们都知道,工作中前后端扯皮的事情是最多的,同时也是最影响工作效率的,所以如果可以改善这其中的扯皮时间,不但可以增加同事之间的关系,还可以得到领导重用

有没有遇到这种情况,前端总是让你造些数据,他们无法测试,或者让你的接口怎么传参,怎么改,后端是不是比较难受

下面这款工具就可以解决这些问题

Swagger经常被人吐槽界面不够好看、功能不够强大,其实有很多工具可以和Swagger结合使用,结合之后就会变得非常好用。之前写过一篇文章《Swagger界面丑、功能弱怎么破?用Postman增强下就给力了!》,有朋友留言说YApi也很好用。最近体验了一把YApi,发现确实不错,推荐给大家!

下面手把手教大家如何涨工资

YApi简介

YApi是高效、易用、功能强大的API管理平台,旨在为开发、产品、测试人员提供更优雅的接口管理服务。YApi在Github上已累计获得了18K+Star,具有优秀的交互体验,YApi不仅提供了常用的接口管理功能,还提供了权限管理、Mock数据、Swagger数据导入等功能,总之功能很强大!

安装

环境准备

本地部署YApi需要先安装nodejs和MongoDB,我们先把它们安装好。

  • 安装nodejs,直接下载安装包双击安装即可,这里安装的是12.14.0版本,下载地址:https://nodejs.org/dist/v12.14.0/node-v12.14.0-x64.msi;
  • 安装MongoDB,参考《MongoDB快速入门,掌握这些刚刚好!》中的安装即可,这里安装的是4.2.5版本。

安装yapi-cli

yapi-cli是YApi官方提供的安装工具,可以通过可视化界面来部署YApi服务,非常方便!

  • 使用npm命令来安装yapi-cli:
 - npm install -g yapi-cli --registry https://registry.npm.taobao.org
  • 安装成功后控制台输出如下内容;
    在这里插入图片描述
  • 安装成功后使用yapi server命令来启动YApi的可视化部署界面。
yapi server

安装YApi

  • 通过可视化部署界面安装YApi服务,访问地址:http://localhost:9090
    在这里插入图片描述
  • 安装完成后会输出如下信息,提示YApi的默认管理员账号密码及访问地址;

在这里插入图片描述

  • 进入YApi的安装目录,使用node命令启动YApi服务:
 - node vendors/server/app.js
  • 启动成功后控制台输出信息如下;
    在这里插入图片描述
  • 通过页面访问Yapi,默认账号密码为[email protected]:ymfe.org,访问地址:http://localhost:3000

在这里插入图片描述

使用

  • 从Swagger导入数据

  • 使用管理员账号登录成功后,先创建一个group分组;

  • 创建分组成功后,在该分组下点击创建项目,添加swagger项目;

  • 之后启动我们之前的swagger项目,启动成功后Swagger接口文档访问地址:http://localhost:8088/swagger-ui/

选择好YApi的数据管理功能,配置好Swagger的api-docs路径,然后进行数据导入;
在这里插入图片描述

  • 至此Swagger中的API接口已成功导入到YApi,点击接口标签查看所有导入接口。

在这里插入图片描述

Mock功能

  • 在我们调用POST接口提交JSON数据时,默认Mock的JSON数据有点不太符合我们的要求;
    -在这里插入图片描述
  • 可以通过接口信息中的编辑->高级设置进行修改;
    在这里插入图片描述
  • 我们可以发现每一个接口信息中都有个Mock地址,当我们后台接口已经定义好格式,但是没有实现时,前端可以使用该地址来Mock数据进行调试;

在这里插入图片描述

  • 调用Mock地址可以获取到一些测试数据,数据取值返回可以通过上面的Mock设置自行修改;

从Swagger自动同步

  • 当我们的接口修改了,API文档如何同步呢,我们可以通过设置->Swagger自动同步来开启自动同步功能,有三种数据同步模式可以选择;

在这里插入图片描述

总结

YApi结合Swagger使用果然很强大!之前使用Postman结合Swagger使用时,文档查看、自动同步的问题都得到了解决,为了保证我们API文档访问的安全性还提供了权限管理功能。当API数据格式定义好后,Mock功能让前端无需后台实现也可以调试接口。不过对于JSON格式支持有点偏弱,要是能对JSON数据进行折叠显示就更好了!

参考资料

官方文档:https://hellosean1025.github.io/yapi/documents/index.html

大家一定记得点赞,收藏,关注

防止下次找不到了

你们的支持是我持续创作的动力!!!

猜你喜欢

转载自blog.csdn.net/weixin_44302240/article/details/123159670