溫馨提示×

如何在Ubuntu上安裝Swagger UI

小樊
34
2025-06-19 01:57:38
欄目: 智能運維

在Ubuntu上安裝Swagger UI可以通過多種方式實現,以下是兩種常見的方法:

方法一:使用Docker安裝

  1. 安裝Docker: 如果你還沒有安裝Docker,請先安裝它。打開終端并運行以下命令:

    sudo apt update
    sudo apt install docker.io
    
  2. 拉取Swagger UI Docker鏡像: 使用以下命令從Docker Hub拉取Swagger UI的鏡像:

    docker pull swaggerapi/swagger-ui-express
    
  3. 運行Swagger UI容器: 運行以下命令來啟動Swagger UI容器,并將其映射到本地的端口(例如8080):

    docker run -p 8080:8080 -e SWAGGER_JSON=/app/swagger.json -v /path/to/swagger.json:/app/swagger.json swaggerapi/swagger-ui-express
    

    其中,/path/to/swagger.json是你本地Swagger JSON文件的路徑。

  4. 訪問Swagger UI: 打開瀏覽器并訪問 http://localhost:8080,你應該能夠看到Swagger UI界面。

方法二:使用Node.js和npm安裝

  1. 安裝Node.js和npm: 如果你還沒有安裝Node.js和npm,請先安裝它們。你可以使用以下命令來安裝:

    sudo apt update
    sudo apt install nodejs npm
    
  2. 創建一個新的Node.js項目: 創建一個新的目錄并進入該目錄:

    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. 創建一個簡單的Express服務器: 創建一個名為 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));
    
    const PORT = process.env.PORT || 3000;
    app.listen(PORT, () => {
      console.log(`Server is running on port ${PORT}`);
    });
    
  6. 創建Swagger JSON文件: 創建一個名為 swagger.yaml 的文件,并添加你的Swagger定義。例如:

    swagger: '2.0'
    info:
      title: Sample API
      description: A sample API to demonstrate Swagger UI
      version: '1.0.0'
    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
          name:
            type: string
    
  7. 啟動服務器: 在終端中運行以下命令來啟動服務器:

    node server.js
    
  8. 訪問Swagger UI: 打開瀏覽器并訪問 http://localhost:3000/api-docs,你應該能夠看到Swagger UI界面。

這兩種方法都可以幫助你在Ubuntu上安裝和運行Swagger UI。選擇哪種方法取決于你的具體需求和環境。

0
亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女