如何在Linux環境中配置Swagger UI

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

1. 安裝Node.js和npm

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

sudo apt update
sudo apt install nodejs npm

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

node -v
npm -v

2. 安裝Swagger UI Express

Swagger UI Express是一個流行的庫，用于在Express應用中集成Swagger UI。

npm install swagger-ui-express

3. 創建一個簡單的Express應用

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

mkdir swagger-ui-demo
cd swagger-ui-demo

然后，創建一個index.js文件，并添加以下代碼：

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

// 讀取Swagger文檔
const swaggerDocument = YAML.load('./swagger.yaml');

const app = express();

// 使用Swagger UI Express中間件
app.use('/api-docs', swaggerUi.serve, swaggerUi.setup(swaggerDocument));

// 啟動服務器
const PORT = process.env.PORT || 3000;
app.listen(PORT, () => {
  console.log(`Server is running on port ${PORT}`);
});

4. 創建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

5. 運行應用

在終端中運行以下命令啟動你的Express應用：

node index.js

6. 訪問Swagger UI

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

7. 配置Nginx（可選）

如果你希望通過Nginx來代理你的應用，可以按照以下步驟進行配置：

1. 安裝Nginx：

   sudo apt install nginx
   

2. 編輯Nginx配置文件（通常位于/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;
       }
   }
   

3. 重啟Nginx以應用更改：

   sudo systemctl restart nginx
   

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

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