在部署Swagger前,需确保Ubuntu系统已安装以下基础工具:
sudo apt update && sudo apt upgrade -ysudo apt install curl -yDocker是部署Swagger最便捷的方式,无需手动配置环境,保证环境一致性。
sudo apt update
sudo apt install apt-transport-https ca-certificates curl gnupg-agent software-properties-common -y
curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo apt-key add -
sudo add-apt-repository "deb [arch=amd64] https://download.docker.com/linux/ubuntu $(lsb_release -cs) stable"
sudo apt update
sudo apt install docker-ce docker-ce-cli containerd.io -y
验证Docker是否安装成功:sudo docker run hello-world
docker pull swaggerapi/swagger-ui-express
(注:也可选择其他官方镜像,如openapi/swagger-ui)
将你的swagger.yaml或swagger.json文件放置在项目根目录(如/home/user/swagger-project/)。
docker run -d -p 8080:8080 -e SWAGGER_JSON=/app/swagger.yaml -v $(pwd):/app swaggerapi/swagger-ui-express
-d:后台运行容器;-p 8080:8080:将容器8080端口映射到主机8080端口;-e SWAGGER_JSON:指定Swagger文档路径(容器内为/app/swagger.yaml);-v $(pwd):/app:将主机当前目录挂载到容器/app目录。打开浏览器,输入http://localhost:8080,即可看到Swagger UI界面,展示swagger.yaml中的API文档。
适用于已有Node.js项目的场景,将Swagger UI集成到现有应用中。
sudo apt install nodejs npm -y
验证安装:node -v、npm -v(建议使用nvm管理Node.js版本)。
mkdir swagger-node-app && cd swagger-node-app
npm init -y
npm install express swagger-ui-express yamljs -S
express:Web框架;swagger-ui-express:Swagger UI适配器;yamljs:解析YAML格式的Swagger文档。在项目根目录创建swagger.yaml,示例内容:
swagger: '2.0'
info:
title: Sample API
version: 1.0.0
paths:
/users:
get:
summary: Get all users
responses:
'200':
description: A list of users
schema:
type: array
items:
$ref: '#/definitions/User'
definitions:
User:
type: object
properties:
id:
type: integer
name:
type: string
创建server.js文件,内容如下:
const express = require('express');
const swaggerUi = require('swagger-ui-express');
const YAML = require('yamljs');
const app = express();
const swaggerDocument = YAML.load('./swagger.yaml'); // 加载Swagger文档
// 集成Swagger UI到/api-docs路径
app.use('/api-docs', swaggerUi.serve, swaggerUi.setup(swaggerDocument));
// 示例API路由(可选)
app.get('/users', (req, res) => {
res.json([{ id: 1, name: 'John' }, { id: 2, name: 'Jane' }]);
});
const PORT = process.env.PORT || 3000;
app.listen(PORT, () => {
console.log(`Server running on http://localhost:${PORT}`);
});
node server.js
打开浏览器,输入http://localhost:3000/api-docs,即可查看Swagger UI界面,同时可通过http://localhost:3000/users测试API。
若需要编写或编辑Swagger文档,可手动部署Swagger Editor。
(同方法二的步骤1、2)
wget https://github.com/swagger-api/swagger-editor/archive/refs/tags/v3.16.1.tar.gz
tar -xvf v3.16.1.tar.gz
cd swagger-editor-3.16.1
npm install
npm install -g http-server
http-server -p 8080
打开浏览器,输入http://localhost:8080,即可进入Swagger Editor界面,编写或导入swagger.yaml/swagger.json文档。
若需通过域名访问Swagger UI,或添加HTTPS支持,可配置Nginx反向代理。
sudo apt install nginx -y
编辑默认站点配置文件:
sudo nano /etc/nginx/sites-available/default
替换为以下内容(以方法一的Docker部署为例):
server {
listen 80;
server_name your-domain.com;
location / {
proxy_pass http://localhost:8080; # 转发到Swagger UI容器
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
}
sudo systemctl restart nginx
(注:需将your-domain.com替换为你的实际域名,并配置DNS解析)
以上流程覆盖了Ubuntu环境下Swagger的主要部署方式,可根据实际需求选择。Docker方式适合快速部署,Node.js方式适合集成到现有项目,手动部署适合编写文档。