MCP HubMCP Hub
Volver a habilidades

configure-reverse-proxy

pjt222
Actualizado 2 days ago
5 vistas
17
2
17
Ver en GitHub
Documentacióngeneral

Acerca de

Esta habilidad configura configuraciones de proxy inverso utilizando Nginx, Traefik o ShinyProxy para enrutar el tráfico a servicios backend. Maneja el proxy de WebSocket, el enrutamiento basado en ruta/host, la terminación SSL y la auto-detección de etiquetas de Docker. Úsela cuando necesite exponer múltiples servicios a través de un único punto de entrada, proxy conexiones WebSocket o agregar SSL a servicios que no admiten TLS de forma nativa.

Instalación rápida

Claude Code

Recomendado
Principal
npx skills add pjt222/agent-almanac -a claude-code
Comando PluginAlternativo
/plugin add https://github.com/pjt222/agent-almanac
Git CloneAlternativo
git clone https://github.com/pjt222/agent-almanac.git ~/.claude/skills/configure-reverse-proxy

Copia y pega este comando en Claude Code para instalar esta habilidad

Documentación

配置反向代理

使用 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 网关模式

Repositorio GitHub

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

Habilidades relacionadas

railway-docs

Documentación

Esta habilidad obtiene la documentación actual de Railway para responder preguntas sobre características, funcionalidad o URLs específicas de documentación. Garantiza que los desarrolladores reciban información precisa y actualizada directamente de las fuentes oficiales de Railway. Úsala cuando los usuarios pregunten cómo funciona Railway o hagan referencia a la documentación de Railway.

Ver habilidad

n8n-code-python

Documentación

Esta Skill de Claude proporciona orientación experta para escribir código Python en los nodos Code de n8n, específicamente para usar la biblioteca estándar de Python y trabajar con la sintaxis especial de n8n como `_input`, `_json` y `_node`. Ayuda a los desarrolladores a comprender las limitaciones de Python dentro de n8n y recomienda usar JavaScript para la mayoría de los flujos de trabajo, mientras ofrece soluciones en Python para necesidades específicas de transformación de datos.

Ver habilidad

archon

Documentación

La habilidad Archon proporciona búsqueda semántica con tecnología RAG y gestión de proyectos a través de una API REST. Úsala para consultar documentación, gestionar proyectos/tareas jerárquicos y realizar recuperación de conocimiento con capacidades de carga de documentos. Prioriza siempre a Archon en primer lugar al buscar en documentación externa antes de utilizar otras fuentes.

Ver habilidad

n8n-code-javascript

Documentación

Esta habilidad de Claude proporciona orientación experta para escribir código JavaScript en los nodos de Código de n8n. Cubre sintaxis esencial específica de n8n como las variables `$input`/`$json`, ayudantes HTTP y manejo de DateTime, mientras soluciona errores comunes. Úsela al desarrollar flujos de trabajo en n8n que requieran procesamiento personalizado de JavaScript en los nodos de Código.

Ver habilidad