当 Swagger 遇上 Torna,瞬间高大上了

本文涉及的产品
云数据库 RDS MySQL Serverless,0.5-2RCU 50GB
云数据库 RDS MySQL Serverless,价值2615元额度,1个月
简介: Swagger作为一款非常流行的API文档生成工具,相信很多小伙们都在用!用多了可能会觉得它界面丑、功能弱。今天给大家推荐一款工具Torna,配合Swagger使用可以搭建界面漂亮、功能强大的API文档网站,希望对大家有所帮助!SpringBoot实战电商项目mall(50k+star)地址:github.com/macrozheng/…

Swagger作为一款非常流行的API文档生成工具,相信很多小伙们都在用!用多了可能会觉得它界面丑、功能弱。今天给大家推荐一款工具Torna,配合Swagger使用可以搭建界面漂亮、功能强大的API文档网站,希望对大家有所帮助!

SpringBoot实战电商项目mall(50k+star)地址:github.com/macrozheng/…

Torna简介

Torna是一套企业级接口文档解决方案,可以配合Swagger使用。它具有如下功能:

  • 文档管理:支持接口文档增删改查、接口调试、字典管理及导入导出功能;
  • 权限管理:支持接口文档的权限管理,同时有访客、开发者、管理员三种角色;
  • 双模式:独创的双模式,管理模式可以用来编辑文档内容,浏览模式纯粹查阅文档,界面无其它元素干扰。

网络异常,图片无法展示
|

Torna项目架构

Torna是一个前后端分离项目,后端使用SpringBoot+MyBatis来实现,前端使用Vue+ElementUI来实现,技术栈非常主流!它不仅可以搭建API文档网站,还是个非常好的学习项目,让我们先来看看它的项目架构。

  • 首先我们需要下载Torna的源码,下载地址:gitee.com/durcframewo…

网络异常,图片无法展示
|

  • 下载成功后,将代码导入到IDEA中,项目结构如下;

网络异常,图片无法展示
|

  • 我们再来看下server模块的结构,一个非常标准的SpringBoot项目;

网络异常,图片无法展示
|

  • 再来看下front模块的结构,一个非常标准的Vue项目,值得学习!

网络异常,图片无法展示
|

安装

接下来我们把Torna运行起来,体验一下它的功能,这里提供Windows和Linux两种安装方式。

Windows

下面我们来介绍Torna在Windows下的安装方法,如果你想深入学习Torna的话可以采用此种方式。

后端运行

  • 首先创建一个数据库torna,然后导入项目中的mysql.sql脚本,导入成功后,表结构如下;

网络异常,图片无法展示
|

  • 修改项目的配置文件server/boot/src/main/resources/application.properties,修改对应的数据库连接配置;
# Server port
server.port=7700
# MySQL host
mysql.host=localhost:3306
# Schema name
mysql.schema=torna
# Insure the account can run CREATE/ALTER sql.
mysql.username=root
mysql.password=root
  • 然后运行项目启动类TornaApplication的main方法,控制台打印如下信息表示启动成功。

网络异常,图片无法展示
|

前端运行

  • 进入前端项目目录front,运行npm install命令安装依赖;

网络异常,图片无法展示
|

  • 此时如果遇到node-sass无法安装的情况,可以直接使用如下命令安装;
npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
  • 依赖系统安装完成后,可以通过npm run dev命令启动项目,启动成功后访问地址:http://localhost:9530/

网络异常,图片无法展示
|

  • 通过体验账号密码admin@torna.cn:123456可以访问Torna服务,界面还是不错的!

网络异常,图片无法展示
|

Linux

在Linux下使用Docker安装Torna是非常简单的,如果你只想用Torna来做API文档服务的话可以采用这种方式。

  • 首先我们需要下载Torna的Docker镜像;
docker pull tanghc2020/torna:latest
  • 下载完成后将配置文件application.properties拷贝配置文件到/mydata/torna/config目录下,并修改数据库配置;
# Server port
server.port=7700
# MySQL host
mysql.host=192.168.3.101:3306
# Schema name
mysql.schema=torna
# Insure the account can run CREATE/ALTER sql.
mysql.username=root
mysql.password=root
  • 然后通过如下命令运行Torna服务;
docker run -p 7700:7700 --name torna \
-v /mydata/torna/config:/torna/config \
-d tanghc2020/torna:latest

网络异常,图片无法展示
|

使用

Torna支持从多种工具导入接口文档,包括Swagger、smart-doc、OpenAPI、Postman等,接下来我们来体验下它的功能!

结合Swagger使用

Torna能大大增强Swagger的功能,并且界面足够美观,下面我们来体验下!

  • 在使用之前,我们需要在Torna中进行配置才行,首先我们来配置一个开放用户,新建一个macro的账号,记住AppKey和Secret;

网络异常,图片无法展示
|

  • 然后创建一个项目mall-tiny-trona;

网络异常,图片无法展示
|

  • 接下来创建一个模块,打开OpenAPI标签,获取请求路径和token;

网络异常,图片无法展示
|

  • 之后在使用Swagger的项目中集成Torna插件,非常简单,添加如下依赖即可;
<!-- Torna Swagger 插件 -->
<dependency>
    <groupId>cn.torna</groupId>
    <artifactId>swagger-plugin</artifactId>
    <version>1.2.6</version>
    <scope>test</scope>
</dependency>
  • 然后在resources目录下添加配置文件torna.json,配置说明参考注释即可;
{
  // 开启推送
  "enable": true,
  // 扫描package,多个用;隔开
  "basePackage": "com.macro.mall.tiny.controller",
  // 推送URL,IP端口对应Torna服务器
  "url": "http://localhost:7700/api",
  // appKey
  "appKey": "20211103905498418195988480",
  // secret
  "secret": "~#ZS~!*2B3I01vbW0f9iKH,rzj-%Xv^Q",
  // 模块token
  "token": "74365d40038d4f648ae65a077d956836",
  // 调试环境,格式:环境名称,调试路径,多个用"|"隔开
  "debugEnv": "test,http://localhost:8088",
  // 推送人
  "author": "macro",
  // 打开调试:true/false
  "debug": true,
  // 是否替换文档,true:替换,false:不替换(追加)。默认:true
  "isReplace": true
}
  • 接下来通过调用SwaggerPlugin的pushDoc方法来推送接口文档到Torna;
@RunWith(SpringRunner.class)
@SpringBootTest
public class MallTinyApplicationTests {
    @Test
    public void pushDoc(){
        // 将文档推送到Torna服务中去,默认查找resources下的torna.json
        SwaggerPlugin.pushDoc();
    }
}
  • 推送成功后,该接口列表将显示如下接口信息;

网络异常,图片无法展示
|

  • 查看一下接口的详细信息,还是很全面的,界面也不错!

网络异常,图片无法展示
|

  • 把我们的项目运行起来,就可以直接在上面进行接口调试了,调用下登录接口试试;

网络异常,图片无法展示
|

  • 如果我们想设置公共请求头的话,比如用于登录认证的Authorization头,可以在模块配置中进行配置;

网络异常,图片无法展示
|

  • 在后端接口没有完成前,我们如果需要Mock数据的话,可以使用Mock功能;

网络异常,图片无法展示
|

  • 这里我们对登录接口进行了一下Mock,当然你也可以使用Mock脚本,这下只要接口定义好,前端就可以使用Mock的数据联调了。

网络异常,图片无法展示
|

结合smart-doc使用

smart-doc是一款无注解侵入的API文档生成工具,具体使用可以参考《smart-doc使用教程》 ,这里介绍下它与Torna结合使用。

  • 首先修改mall-tiny-smart-doc项目的smart-doc配置文件smart-doc.json,添加如下关于Torna的配置;
{
  // torna平台对接appKey
  "appKey": "20211103905498418195988480",
  //torna平台appToken
  "appToken": "b6c50f442eb348f48867d85f4ef2eaea",
  //torna平台secret
  "secret": "~#ZS~!*2B3I01vbW0f9iKH,rzj-%Xv^Q",
  //torna平台地址,填写自己的私有化部署地址
  "openUrl": "http://localhost:7700/api",
  //测试项目接口环境
  "debugEnvName":"测试环境",
  //测试项目接口地址
  "debugEnvUrl":"http://localhost:8088"
}
  • 由于smart-doc的Maven插件已经自带推送文档到Torna的功能,我们只需双击smart-doc:torna-rest按钮即可;

网络异常,图片无法展示
|

  • 接下来在Torna中,我们就可以看到相关的接口文档了,非常方便!

网络异常,图片无法展示
|

总结

当一种工具变得越来越流行,但是某些功能需求又满足不了时,往往会有一些增强工具产生,Torna对于Swagger来说正是这样一种工具。Torna的文档界面和调试功能明显比Swagger高大上多了,而且还增加了权限管理功能,文档的安全性大大增强,大家觉得不错的话可以尝试下它!

相关实践学习
基于CentOS快速搭建LAMP环境
本教程介绍如何搭建LAMP环境,其中LAMP分别代表Linux、Apache、MySQL和PHP。
全面了解阿里云能为你做什么
阿里云在全球各地部署高效节能的绿色数据中心,利用清洁计算为万物互联的新世界提供源源不断的能源动力,目前开服的区域包括中国(华北、华东、华南、香港)、新加坡、美国(美东、美西)、欧洲、中东、澳大利亚、日本。目前阿里云的产品涵盖弹性计算、数据库、存储与CDN、分析与搜索、云通信、网络、管理与监控、应用服务、互联网中间件、移动服务、视频服务等。通过本课程,来了解阿里云能够为你的业务带来哪些帮助 &nbsp; &nbsp; 相关的阿里云产品:云服务器ECS 云服务器 ECS(Elastic Compute Service)是一种弹性可伸缩的计算服务,助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。产品详情: https://www.aliyun.com/product/ecs
相关文章
|
6月前
|
JavaScript 前端开发 算法
文件拖拽上传功能已经烂大街了,你还不会吗?
文件拖拽上传功能已经烂大街了,你还不会吗?
78 0
|
8月前
|
设计模式 缓存 算法
花了30天才肝出来,史上最全面Java设计模式总结,看完再也不会忘
Design Patterns: Elements of Reusable Object-Oriented Software(以下简称《设计模式》),一书由Erich Gamma、Richard Helm、Ralph Johnson和John Vlissides合著(Addison-Wesley,1995)。这四位作者常被称为“四人组(Gang of Four)”,而这本书也就被称为“四人组(或 GoF)”书。他们首次给我们总结出一套软件开发可以反复使用的经验,帮助我们提高代码的可重用性、系统的可维护性等,解决软件开发中的复杂问题。
109 0
|
10月前
|
程序员 C语言 C++
电视剧里的代码真能运行吗?
虽然剧中说是“C语言期中考试”,但这位同学的代码名叫 draw2.py,一个典型的 Python 文件,再结合截图中的 pen.forward、pen.setpos 等方法来看,应该是用 turtle 海龟作图库来画爱心。
|
数据采集 JavaScript Java
手撸了一个java爬虫,发现了c站这么多大佬
手撸了一个java爬虫,发现了c站这么多大佬
200 0
手撸了一个java爬虫,发现了c站这么多大佬
|
前端开发 网络协议 jenkins
三分钟,我让搞后端的学弟爱上了Eolink
突然某一天,一个特别能卷的学弟向我请教接口工具……
三分钟,我让搞后端的学弟爱上了Eolink
|
IDE 小程序 数据可视化
关于我用iVX沉浸式体验了一把0代码创建电影院购票小程序这件事
Hello !~大家好,之前已经在专栏中写过4篇iVX文章了,欢迎大家去我的文章中找! 相信大家都在手机上购买过电影票,进行购票的座位选择等等,那么今天给大家带来的是使用iVX零代码开发私人影院购票小程序,话不多说,我们直接开始~
关于我用iVX沉浸式体验了一把0代码创建电影院购票小程序这件事
|
机器学习/深度学习 人工智能 自然语言处理
【paddlehubOCR项目】网课手酸酸,眼花花,救星来啦!
大家好这里是三岁,今天给大家带来的是在AiStudio项目平台的一个精选项目,虽然很短,但是效果拔群,使用到了最近特别火的paddleOCR~~~
235 0
【paddlehubOCR项目】网课手酸酸,眼花花,救星来啦!
|
程序员 Android开发 iOS开发
程序员五一修图小贴士
程序员五一修图小贴士
123 0
程序员五一修图小贴士
|
人工智能 运维 数据可视化
程序员养家活口接私活必备网站(顺便用技术改变世界)
程序员接私活的原因很多种(挣钱、养家糊口、提升技术等等)。下面整理了一下网站送给最有潜能的你。 提前准备好自己的笔记本和技术呦。
482 0