如何在Linux環境下配置Swagger UI

在Linux環境下配置Swagger UI，可以按照以下步驟進行：

1. 安裝Node.js和npm

Swagger UI通常通過Node.js運行。首先，確保你的系統上已經安裝了Node.js和npm。

sudo apt update
sudo apt install nodejs npm

你可以通過以下命令檢查是否安裝成功：

node -v
npm -v

2. 創建項目目錄

創建一個新的項目目錄，并進入該目錄：

mkdir swagger-ui-project
cd swagger-ui-project

3. 初始化npm項目

初始化一個新的npm項目：

npm init -y

4. 安裝Swagger UI Express

使用npm安裝Swagger UI Express：

npm install swagger-ui-express

5. 創建服務器文件

創建一個名為server.js的文件，并添加以下代碼：

const express = require('express');
const swaggerUi = require('swagger-ui-express');
const YAML = require('yamljs');

// Load Swagger document
const swaggerDocument = YAML.load('./swagger.yaml');

const app = express();

// Serve Swagger docs
app.use('/api-docs', swaggerUi.serve, swaggerUi.setup(swaggerDocument));

// Start the server
const PORT = process.env.PORT || 3000;
app.listen(PORT, () => {
  console.log(`Server is running on port ${PORT}`);
});

6. 創建Swagger文檔

創建一個名為swagger.yaml的文件，并添加你的API文檔。例如：

swagger: '2.0'
info:
  title: Sample API
  description: A sample API to demonstrate Swagger UI
  version: '1.0.0'
host: localhost:3000
basePath: /api
schemes:
  - http
paths:
  /users:
    get:
      summary: List all users
      responses:
        '200':
          description: An array of users
          schema:
            type: array
            items:
              $ref: '#/definitions/User'
definitions:
  User:
    type: object
    properties:
      id:
        type: integer
        format: int64
      name:
        type: string
      email:
        type: string
        format: email

7. 啟動服務器

在終端中運行以下命令啟動服務器：

node server.js

8. 訪問Swagger UI

打開瀏覽器，訪問http://localhost:3000/api-docs，你應該能夠看到Swagger UI界面，并且可以測試你的API。

9. 配置Nginx（可選）

如果你希望通過Nginx反向代理訪問Swagger UI，可以按照以下步驟進行配置：

安裝Nginx

sudo apt install nginx

配置Nginx

編輯Nginx配置文件（通常位于/etc/nginx/sites-available/default）：

sudo nano /etc/nginx/sites-available/default

添加以下內容：

server {
    listen 80;
    server_name your_domain_or_ip;

    location /api-docs {
        proxy_pass http://localhost:3000;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto $scheme;
    }
}

保存并退出編輯器，然后重啟Nginx：

sudo systemctl restart nginx

現在，你可以通過http://your_domain_or_ip/api-docs訪問Swagger UI。

通過以上步驟，你就可以在Linux環境下成功配置Swagger UI。