Zurück zu Fähigkeiten

configure-reverse-proxy

pjt222
Aktualisiert 2 days ago
1 Ansichten
17
2
17
Auf GitHub ansehen
Dokumentationgeneral

Über

Diese Fähigkeit konfiguriert Reverse-Proxy-Setups mit Nginx, Traefik oder ShinyProxy, um Datenverkehr an Backend-Dienste weiterzuleiten. Sie behandelt WebSocket-Proxying, pfad- und hostbasierte Routing, SSL-Terminierung und Docker-Label-Auto-Discovery. Verwenden Sie sie, wenn Sie mehrere Dienste über einen einzigen Einstiegspunkt verfügbar machen, WebSocket-Verbindungen proxen oder SSL für Dienste hinzufügen müssen, die TLS nicht nativ unterstützen.

Schnellinstallation

Claude Code

Empfohlen
Primär
npx skills add pjt222/agent-almanac -a claude-code
Plugin-BefehlAlternativ
/plugin add https://github.com/pjt222/agent-almanac
Git CloneAlternativ
git clone https://github.com/pjt222/agent-almanac.git ~/.claude/skills/configure-reverse-proxy

Kopieren Sie diesen Befehl und fügen Sie ihn in Claude Code ein, um diese Fähigkeit zu installieren

Dokumentation

配置反向代理

使用 Nginx、Traefik 或 ShinyProxy 设置反向代理模式,将流量路由到后端服务。

适用场景

  • 将多个服务路由到单一入口点后面
  • 代理 WebSocket 连接(Shiny、Socket.IO、实时重载)
  • 使用 Traefik 标签自动发现 Docker 服务
  • 基于路径或基于主机的路由到不同后端
  • 为不处理 TLS 的服务添加 SSL 终止

输入

  • 必需:需要代理的后端服务(host:port)
  • 必需:路由策略(基于路径、基于主机或两者兼用)
  • 可选:代理工具偏好(Nginx、Traefik)
  • 可选:用于基于主机路由的域名
  • 可选:需要代理的 WebSocket 端点

步骤

第 1 步:选择代理工具

功能NginxTraefik
配置方式静态文件Docker 标签 / 动态
自动发现否(手动)是(Docker 提供者)
Let's Encrypt通过 certbot内置 ACME
仪表板否(第三方)内置
WebSocket手动配置自动
最适合静态配置、高流量动态 Docker 环境

第 2 步:Nginx — 基于路径的路由

server {
    listen 80;

    location /api/ {
        proxy_pass http://api:8000/;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
    }

    location /app/ {
        proxy_pass http://webapp:3000/;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
    }

    location / {
        root /usr/share/nginx/html;
        try_files $uri $uri/ /index.html;
    }
}

注意: proxy_pass 上的尾部 / 会去除 location 前缀。proxy_pass http://api:8000/; 配合 location /api/ 会将 /api/users 转发为 /users

第 3 步:Nginx — 基于主机的路由

server {
    listen 80;
    server_name api.example.com;

    location / {
        proxy_pass http://api:8000;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
    }
}

server {
    listen 80;
    server_name app.example.com;

    location / {
        proxy_pass http://webapp:3000;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
    }
}

第 4 步:Nginx — WebSocket 代理

WebSocket 需要升级头。对于 Shiny、Socket.IO 和实时重载至关重要:

location /ws/ {
    proxy_pass http://app:3000;
    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection "upgrade";
    proxy_set_header Host $host;
    proxy_read_timeout 86400;
}

专门针对 Shiny 应用:

map $http_upgrade $connection_upgrade {
    default upgrade;
    ''      close;
}

server {
    location / {
        proxy_pass http://shiny:3838;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection $connection_upgrade;
        proxy_set_header Host $host;
        proxy_read_timeout 86400;
        proxy_buffering off;
    }
}

预期结果: WebSocket 连接建立并保持。

失败处理: 检查是否设置了 proxy_http_version 1.1。验证 UpgradeConnection 头。

第 5 步:Traefik — Docker 标签自动发现

docker-compose.yml

services:
  traefik:
    image: traefik:v3.2
    command:
      - "--providers.docker=true"
      - "--providers.docker.exposedbydefault=false"
      - "--entrypoints.web.address=:80"
      - "--entrypoints.websecure.address=:443"
      - "[email protected]"
      - "--certificatesresolvers.letsencrypt.acme.storage=/letsencrypt/acme.json"
      - "--certificatesresolvers.letsencrypt.acme.httpchallenge.entrypoint=web"
    ports:
      - "80:80"
      - "443:443"
    volumes:
      - /var/run/docker.sock:/var/run/docker.sock:ro
      - letsencrypt:/letsencrypt

  api:
    image: myapi:latest
    labels:
      - "traefik.enable=true"
      - "traefik.http.routers.api.rule=Host(`api.example.com`)"
      - "traefik.http.routers.api.entrypoints=websecure"
      - "traefik.http.routers.api.tls.certresolver=letsencrypt"
      - "traefik.http.services.api.loadbalancer.server.port=8000"

  webapp:
    image: myapp:latest
    labels:
      - "traefik.enable=true"
      - "traefik.http.routers.webapp.rule=Host(`app.example.com`)"
      - "traefik.http.routers.webapp.entrypoints=websecure"
      - "traefik.http.routers.webapp.tls.certresolver=letsencrypt"
      - "traefik.http.services.webapp.loadbalancer.server.port=3000"

volumes:
  letsencrypt:

预期结果: Traefik 通过标签自动发现服务,自动配置 SSL 证书。

第 6 步:Traefik — 使用标签的基于路径路由

services:
  api:
    labels:
      - "traefik.enable=true"
      - "traefik.http.routers.api.rule=Host(`example.com`) && PathPrefix(`/api`)"
      - "traefik.http.routers.api.middlewares=strip-api"
      - "traefik.http.middlewares.strip-api.stripprefix.prefixes=/api"
      - "traefik.http.services.api.loadbalancer.server.port=8000"

第 7 步:Traefik — 速率限制和安全头

labels:
  - "traefik.http.middlewares.ratelimit.ratelimit.average=100"
  - "traefik.http.middlewares.ratelimit.ratelimit.burst=50"
  - "traefik.http.middlewares.security.headers.stsSeconds=63072000"
  - "traefik.http.middlewares.security.headers.contentTypeNosniff=true"
  - "traefik.http.middlewares.security.headers.frameDeny=true"
  - "traefik.http.routers.app.middlewares=ratelimit,security"

第 8 步:验证代理配置

# Nginx: test config
docker compose exec nginx nginx -t

# Check routing
curl -H "Host: api.example.com" http://localhost/health

# Check WebSocket (needs wscat: npm install -g wscat)
wscat -c ws://localhost/ws/

# Traefik dashboard (if enabled)
# http://localhost:8080/dashboard/

预期结果: 请求路由到正确的后端。WebSocket 升级成功。

验证清单

  • HTTP 请求根据路径或主机路由到正确的后端
  • WebSocket 连接建立并保持
  • SSL 终止正常工作(如已配置)
  • 后端服务接收到正确的 HostX-Real-IPX-Forwarded-For
  • Traefik 通过标签自动发现新服务(如使用 Traefik)
  • 配置在 docker compose restart 后依然有效

常见问题

  • 尾部斜杠不匹配proxy_pass http://app/http://app 在 Nginx 路径去除方面行为不同
  • WebSocket 超时:默认 proxy_read_timeout 为 60 秒。长连接的 WebSocket 需要设置为 86400(24小时)
  • Docker socket 安全:在 Traefik 中挂载 /var/run/docker.sock 给予其完整的 Docker 访问权限。使用 ro 挂载并考虑使用 socket 代理
  • DNS 解析:Nginx 在启动时解析上游。对于动态服务使用 resolver 127.0.0.11 来使用 Docker 内部 DNS
  • 缺少 proxy_buffering off:Shiny 和 SSE 端点需要 proxy_buffering off 以实现实时流式传输

相关技能

  • configure-nginx — 详细的 Nginx 配置,包含 SSL 和安全头
  • deploy-shinyproxy — 用于容器化 Shiny 应用托管的 ShinyProxy
  • setup-compose-stack — 使用反向代理的 compose 栈
  • configure-api-gateway — 使用 Kong 和 Traefik 的 API 网关模式

GitHub Repository

pjt222/agent-almanac
Pfad: i18n/zh-CN/skills/configure-reverse-proxy
0
agentsagentskillsai-assisted-developmentclaude-codeskillsteams

Verwandte Skills

railway-docs

Dokumentation

Diese Fähigkeit ruft aktuelle Railway-Dokumentation ab, um Fragen zu Funktionen, Funktionalität oder spezifischen Dokumentations-URLs zu beantworten. Sie stellt sicher, dass Entwickler genaue, aktuelle Informationen direkt aus den offiziellen Quellen von Railway erhalten. Nutzen Sie sie, wenn Nutzer fragen, wie Railway funktioniert oder auf Railway-Dokumentation verweisen.

Skill ansehen

n8n-code-python

Dokumentation

Dieses Claude Skill bietet fachkundige Anleitung zum Schreiben von Python-Code in n8n-Code-Nodes, insbesondere für die Verwendung der Python-Standardbibliothek und den Umgang mit n8ns spezieller Syntax wie `_input`, `_json` und `_node`. Es hilft Entwicklern, die Grenzen von Python innerhalb von n8n zu verstehen, empfiehlt JavaScript für die meisten Workflows und bietet gleichzeitig Python-Lösungen für spezifische Datenumwandlungsanforderungen.

Skill ansehen

archon

Dokumentation

Die Archon-Funktion bietet semantische Suche auf RAG-Basis und Projektmanagement über eine REST-API. Nutzen Sie sie für das Abfragen von Dokumentation, die Verwaltung hierarchischer Projekte/Aufgaben und die Durchführung von Wissenabruf mit Dokumenten-Upload-Fähigkeiten. Priorisieren Sie stets Archon zuerst bei der Suche in externer Dokumentation, bevor Sie andere Quellen verwenden.

Skill ansehen

n8n-code-javascript

Dokumentation

Diese Claude-Skill bietet fachkundige Anleitung für das Schreiben von JavaScript-Code in n8n-Code-Nodes. Sie behandelt wesentliche n8n-spezifische Syntax wie `$input`/`$json`-Variablen, HTTP-Helfer und DateTime-Verarbeitung und hilft bei der Fehlerbehebung häufiger Probleme. Nutzen Sie sie bei der Entwicklung von n8n-Workflows, die eine benutzerdefinierte JavaScript-Verarbeitung in Code-Nodes erfordern.

Skill ansehen