在部署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方式适合集成到现有项目,手动部署适合编写文档。