內部維運平台 - Internal Developer Platform

# 建立內部工具並且整合至網頁前台以提升效率
# Developed and integrated internal tools into a web frontend to enhance operational efficiency.

Description:
為了解決跨平台操作與繁瑣的建置流程，透過前端與後端串接，開發內部工具系統，整合多家 CDN 平台配置與資料查看功能，並客製化自動化建置流程，以提升效率與作業準確度。
To address the complexity of cross-platform operations and tedious deployment workflows, I developed an internal platform integrating frontend and backend services. This system centralizes CDN configurations and data visualization while offering customized automation workflows to enhance operational efficiency and precision.

Tech Stack:

• React 19.1.0 + TypeScript
• Ant-Design 1.0.3
• Python 3.13 + FastAPI
• MongoDB
• Docker, Dockerfile, Docker Compose
• Gitlab CI/CD
• Nginx

Features:

• 整合 Cloudflare、Imperva 及網宿 (Wangsu) 等主流 CDN 平台 API，實現跨供應商的配置管理與數據觀測，大幅降低管理複雜度。
  Integrated APIs from major CDN providers, including Cloudflare, Imperva, and Wangsu, to enable cross-platform configuration management and data observability.
• 自動化對接本機 A10 負載均衡設備，實作 IP 定位功能，可快速檢索特定 IP 所屬的 A10 設備及其對應的 Service Group。
  Automated interfacing with on-premise A10 Load Balancers to implement IP localization, enabling rapid retrieval of associated devices and Service Groups.
• 建立全方位的平台操作日誌系統 (Audit Log)，完整記錄各項變更紀錄，確保維運過程的可追溯性與合規性。
  Established a comprehensive Audit Log system to record all platform operations and configuration changes.
• 開發平台帳號管理系統，並實作多租戶權限管理，確保內部工具的訪問權限符合安全規範。
  Developed a platform Account Management System with multi-tenant access control for security compliance.
• 實施高強度的安全管理機制，整合雙重認證 (2FA/OTP)，確保平台帳號登入的安全性。
  Implemented robust security protocols, including Two-Factor Authentication (2FA/OTP), to fortify login security.

Results:

• 建立跨平台配置觀測介面，整合多方資源，省去頻繁登入各平台的繁瑣作業，提升作業效率達 90%。
  Developed a cross-platform configuration observability interface, improving operational efficiency by 90%.
• 實作跨平台配置管理與客製化工作流，透過自動化流程將人工設定錯誤率大幅降低 90%。
  Implemented cross-platform configuration management with customized workflows, reducing manual error rates by 90%.
• 開發批量配置功能，將平均配置作業時間從 30 分鐘縮短至 3 分鐘。
  Engineered bulk configuration capabilities, reducing average task duration from 30 minutes to 3 minutes.
• 自研帳號管理系統，並導入多重身份驗證（MFA）機制，強化平台登入安全性與權限控管。
  Architected a dedicated account management system with Multi-Factor Authentication (MFA) integration.

Architecture Overview:

sequenceDiagram
    participant User as User
    participant Frontend as React Frontend
    participant Backend as FastAPI Backend
    participant DB as MongoDB
    
    User->>Frontend: Login Request
    Frontend->>Backend: Auth API (Credentials + OTP)
    Backend->>DB: Validate User & 2FA
    DB-->>Backend: Auth Result
    Backend-->>Frontend: JWT Token
    Frontend-->>User: Dashboard Access
                

sequenceDiagram
    participant User as Operator
    participant Platform as Internal Platform
    participant CF as Cloudflare API
    participant IMP as Imperva API
    participant WS as Wangsu API
    
    User->>Platform: Configuration Request
    Platform->>CF: Apply Config (Cloudflare)
    Platform->>IMP: Apply Config (Imperva)
    Platform->>WS: Apply Config (Wangsu)
    CF-->>Platform: Success
    IMP-->>Platform: Success
    WS-->>Platform: Success
    Platform-->>User: Unified Result
                

sequenceDiagram
    participant User as Operator
    participant Platform as Internal Platform
    participant A10 as A10 Load Balancer
    participant DB as MongoDB (Cache)
    
    User->>Platform: IP Query Request
    Platform->>DB: Check Cache
    DB-->>Platform: Cache Miss
    Platform->>A10: Query Service Groups
    A10-->>Platform: Device & SG Info
    Platform->>DB: Update Cache
    Platform-->>User: IP Location Result