Swagger 使用教程(图文教程);Swagger如何登录测试返回数据是否正确

一、普及Swagger 知识

Swagger 简单来说是后台提供API 服务接口文档,是后端开发人员实现后台功能的接口以便提供给前端开发人员去实现界面功能(这个是后端程序员按规范写了后自动完成的文档过程哟);

前面是我大概总结的,官方的的描述是这样的:

是一个规范和完整的框架,用于生成、描述、调用和可视化 RESTful 风格的 Web 服务。总体目标是使客户端和文件系统作为服务器以同样的速度来更新。文件的方法,参数和模型紧密集成到服务器端的代码,允许API来始终保持同步。

二、功能

    1. 提供接口的文档在线自动生成。

    2. 完成接口功能测试(以便达到前后端分离,什么是前后端分离大家可自行百度)。

三、如何访问

访问地址基本都是部署后的地址,然后在后面加swagger/index.html 即可访问 ;完整地址:http://localhost:9005/swagger/index.html

四、界面介绍

1、总界面介绍

接口文档版本和接口列表;其中列表包含有需要登录后才能访问和非登录后也可以访问接口,可观察如下有Auth是要登录才可以访问的,或者看右边的锁;

2、各接口说明

下面【班级管理】模块列出了5个接口,三个GET接口,2个POST 接口。如果对POST 和GET不理解可自行百度一下;

1、根据Ids批量删除数据 

2、根据Id获取一条数据 

3、根据查询条件获取列表数据

4、获取树数据

5、添加或修改数据 

五、如何使用各个接口功能

1、要访问接口,首先得登录,找到登录的接口,这里有验证码首先得获取验证码(这里每个系统不一样,大家可根据后端提供的文档去操作,这里只是描述思路)

2、打开验证码接口,点一下Try it out(如下图);也里也简单说了一个如何访问接口

3、这里验证有一个参数是t,类型是字符串的,暂且输入 2021030125256,生成验证码逻辑不多说了,按参数输入即可;

4、执行 Excute ,验证码就出来了8216

5、验证码拿到了,接着就是登录系统:访问/api/Sys/Auth/Token ;注意登录接口的参数;键对值后面我是输入的

{
  "loginName": "admin", //账号
  "loginPassword": "123456",//密码
  "t": "2021030125256",//验证码的标识,也就是之前获取验证码的T
  "captCode": "8216",//返回的验证码
  "userType": 0//用户类型
}

6、点一下执行,下图返回的Response body结果就是后端返回的JSON数据,这里我们只提取token,大家把token里的字符串拿出来去登录验证

eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiIxIiwiaWF0IjoiMTYxNDU0ODYwMSIsIm5iZiI6IjE2MTQ1NDg2MDEiLCJleHAiOiIxNjE0NTU0NjAxIiwiaXNzIjoic2wuY29tIiwiYXVkIjoic2wuY29tIiwiVXNlckNEIjoiMTEzMDk4NyIsIlVzZXJOTSI6Iui2hee6p-euoeeQhuWRmCIsIkRlcGFydG1lbnRDRCI6IkEiLCJEZXBhcnRtZW50Tk0iOiLpg6jpl6hBIiwiUm9sZUNEIjoiMTkzMzhkODdjYmFmNDE4NThjZThiZDFkZDM4NTE3ZjgiLCJSb2xlTk0iOiLotoXnuqfnrqHnkIblkZgiLCJEYXRhQXV0aG9yaXR5IjoiMCJ9.OkYKnzcs0EM2zNV6phy_3FxZydGaOuCEHNDMefRNi1Y

7、回到最前面,点一下

8、根据提示输入;注意前面是加了Bearer  

Bearer  eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiIxIiwiaWF0IjoiMTYxNDU0ODYwMSIsIm5iZiI6IjE2MTQ1NDg2MDEiLCJleHAiOiIxNjE0NTU0NjAxIiwiaXNzIjoic2wuY29tIiwiYXVkIjoic2wuY29tIiwiVXNlckNEIjoiMTEzMDk4NyIsIlVzZXJOTSI6Iui2hee6p-euoeeQhuWRmCIsIkRlcGFydG1lbnRDRCI6IkEiLCJEZXBhcnRtZW50Tk0iOiLpg6jpl6hBIiwiUm9sZUNEIjoiMTkzMzhkODdjYmFmNDE4NThjZThiZDFkZDM4NTE3ZjgiLCJSb2xlTk0iOiLotoXnuqfnrqHnkIblkZgiLCJEYXRhQXV0aG9yaXR5IjoiMCJ9.OkYKnzcs0EM2zNV6phy_3FxZydGaOuCEHNDMefRNi1Y

登录成功的图

9、如果到了第8步,证明就登录成功就可以去访问刚加了锁的接口了

 

 

 

  • 7
    点赞
  • 25
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Swagger是一个用于设计、构建和文档化RESTful Web服务的开源工具集。下面是一个简单的Swagger使用教程: 1. 安装Swagger:可以通过npm、pip等包管理工具安装Swagger相关的库和工具。例如,对于Node.js项目,可以使用以下命令安装swagger-jsdoc和swagger-ui-express: ```bash npm install swagger-jsdoc swagger-ui-express ``` 2. 编写Swagger注解:在你的API代码中,使用Swagger注解来描述API的信息、请求和响应参数等。以下是一个示例: ```javascript /** * @swagger * /api/users: * get: * summary: 获取所有用户 * description: 获取所有用户列表 * responses: * 200: * description: 成功获取用户列表 * schema: * type: array * items: * $ref: '#/definitions/User' */ ``` 在这个示例中,我们使用了Swagger注解来描述一个GET请求,它可以获取所有用户的列表。 3. 生成Swagger文档:使用Swagger注解编写完API代码后,可以使用相应的工具将这些注解转换为Swagger文档。例如,对于Node.js项目,我们可以使用swagger-jsdoc库生成Swagger文档。在项目的入口文件中添加以下代码: ```javascript const swaggerJSDoc = require('swagger-jsdoc'); const swaggerUi = require('swagger-ui-express'); const options = { definition: { openapi: '3.0.0', info: { title: 'API文档', version: '1.0.0', }, }, apis: ['./path/to/api/controllers/*.js'], // API代码文件的路径 }; const swaggerSpec = swaggerJSDoc(options); app.use('/api-docs', swaggerUi.serve, swaggerUi.setup(swaggerSpec)); ``` 这段代码将会在`/api-docs`路径下提供Swagger文档。 4. 查看Swagger文档:运行项目并访问`/api-docs`路径,你将会看到生成的Swagger文档。Swagger提供了一个交互式的UI界面,可以方便地查看API的信息、请求和响应参数等。 这只是一个简单的Swagger使用教程,你可以根据自己的项目需求进一步深入学习和使用Swagger

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值