# 几个 Swagger UI 的替代品

- Link: https://www.ixiqin.com/2022/12/30/substitute-for-a-few-swagger-ui/
- Published: 2022-12-30T06:00:00+08:00
- Author: 白宦成

文章目录

 [Toggle](https://www.ixiqin.com/2022/12/30/substitute-for-a-few-swagger-ui/#)

 * [ReDoc](https://www.ixiqin.com/2022/12/30/substitute-for-a-few-swagger-ui/#redoc)
 * [Angular Swagger UI](https://www.ixiqin.com/2022/12/30/substitute-for-a-few-swagger-ui/#angular_swagger_ui)

Swagger 算是 Code 2 Doc 的默认选项了，各种语言都提供了生成工具，此外官方还提供了
一套方便使用的默认 GUI。

![](https://files.ixiqin.com/2023/01/23073803/d2b5ca33bd970f64a6301fa75ae2eb22-36-
1024x316.png)

不过，Swagger UI 本身其实并不够好用，所以社区就会提供一些 Swagger UI 的替代品，方便
大家使用。

## 󠀁[ReDoc](https://redocly.github.io/redoc/?)󠁿

ReDoc 是一个前端的开源项目，在 Github 上拥有超过 1W + 的 Star。对我来说，我觉得他
最好的点是左中右三栏模式，左侧切换 API，中间查看 API 详情，右侧查看接口调用的 Sample，
比 Swagger 官方的 UI 瀑布式的要舒服。

![](https://files.ixiqin.com/2023/01/23073803/d2b5ca33bd970f64a6301fa75ae2eb22-37-
1024x501.png)

## 󠀁[Angular Swagger UI](http://orange-opensource.github.io/angular-swagger-ui/)󠁿

Angular Swagger UI 同样是一个开源的项目，界面简洁明了，虽然是瀑布式布局，但由于在
界面上更加简洁，所以同样可以在同样的屏幕中，获取到更多的信息。

![](https://files.ixiqin.com/2023/01/23073803/d2b5ca33bd970f64a6301fa75ae2eb22-38-
1024x542.png)