// DevOps

Integración de las páginas del constructor de sitios en su recurso a través de NGINX

Publicado el 12.10.2025

La integración de una página creada en un constructor de sitios externo en su dominio permite ampliar la funcionalidad y mantener un estilo uniforme de la interfaz. Este artículo explica cómo, mediante un proxy inverso NGINX, integrar páginas desde un servicio externo (por ejemplo, example.website-builder.com) en su sitio your-main-site.com en las rutas /path1/ y /path2/.


⚙️ Principio de funcionamiento

NGINX redirige las solicitudes desde su dominio al sitio externo, actuando como intermediario entre el usuario y el servicio del constructor.

Ejemplo:

  • /path1/ → muestra la página https://example.website-builder.com/partners
  • /path2/ → muestra la página https://example.website-builder.com/

El usuario permanece en su dominio (your-main-site.com), y el contenido externo se carga a través del proxy.


🧩 Elementos principales de la configuración

ComponentePropósito
proxy_passRedirige las solicitudes al recurso externo
proxy_set_headerTransfiere los encabezados originales y la IP del cliente
proxy_redirectReescribe URLs y enlaces
proxy_cookie_domain / proxy_cookie_pathCambia el dominio y la ruta de las cookies
proxy_buffers, timeoutsConfiguraciones de rendimiento y memoria

📜 Configuración de NGINX

server {
    listen 443 ssl;
    server_name your-main-site.com;

    # Certificados SSL
    ssl_certificate     /path/to/your/certificate.crt;
    ssl_certificate_key /path/to/your/private.key;

    # ---------- /path1/ ----------
    location /path1/ {
        proxy_pass https://example.website-builder.com/partners;
        proxy_http_version 1.1;
        proxy_set_header Connection "";

        proxy_set_header Host example.website-builder.com;
        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;
        proxy_set_header X-Forwarded-Host  $host;
        proxy_ssl_server_name on;

        proxy_redirect off;
        proxy_redirect https://example.website-builder.com/partners /path1/;

        proxy_cookie_domain example.website-builder.com your-main-site.com;
        proxy_cookie_path   / /path1/;

        proxy_connect_timeout   5s;
        proxy_send_timeout     30s;
        proxy_read_timeout     30s;
        proxy_buffers           32 16k;
        proxy_busy_buffers_size 32k;
        client_max_body_size    20m;
    }

    # ---------- /path2/ ----------
    location /path2/ {
        proxy_pass https://example.website-builder.com/;
        proxy_http_version 1.1;
        proxy_set_header Connection "";

        proxy_set_header Host example.website-builder.com;
        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;
        proxy_set_header X-Forwarded-Host  $host;
        proxy_ssl_server_name on;

        proxy_redirect off;
        proxy_redirect https://example.website-builder.com/ /path2/;
        proxy_redirect http://example.website-builder.com/ /path2/;

        proxy_cookie_domain example.website-builder.com your-main-site.com;
        proxy_cookie_path   / /path2/;

        proxy_connect_timeout   5s;
        proxy_send_timeout     30s;
        proxy_read_timeout     30s;
        proxy_buffers           32 16k;
        proxy_busy_buffers_size 32k;
        client_max_body_size    20m;
    }
}

🚀 Pasos para la implementación

1. Preparación

  • Asegúrese de que NGINX esté instalado.
  • Disponga de privilegios de administrador y de un certificado SSL válido para your-main-site.com.
  • Verifique la disponibilidad del recurso externo example.website-builder.com.

2. Añadir la configuración

Cree el archivo:

sudo nano /etc/nginx/conf.d/website_builder.conf

Pegue el bloque anterior y guarde los cambios.

3. Comprobación y reinicio

sudo nginx -t
sudo systemctl reload nginx

4. Pruebas

Abra:

Compruebe la correcta carga de las páginas, los enlaces y las cookies.


🧠 Recomendaciones

ÁreaConsejo
SeguridadUse HTTPS en ambos extremos, configure los encabezados Content-Security-Policy, X-Frame-Options.
RendimientoConfigure los tiempos de espera, el caché (proxy_cache), optimice el tamaño de los buffers.
MonitorizaciónHabilite los logs access_log y error_log para analizar el tráfico.
Compatibilidad de URLVerifique la corrección de todos los enlaces relativos después del proxy.

🧩 Errores frecuentes y soluciones

ProblemaPosible solución
404 Not FoundVerifique la exactitud de proxy_pass y la disponibilidad del sitio externo.
Bucles de redirecciónAsegúrese de que proxy_redirect no entre en conflicto con redirecciones externas.
Las cookies no se guardanConfigure correctamente proxy_cookie_domain y proxy_cookie_path.
Contenido mixtoTodos los recursos deben cargarse por HTTPS.
Respuestas lentasAumente los tiempos de espera o optimice el servidor externo.

✅ Conclusión

Configurar un proxy inverso con NGINX permite integrar páginas del constructor de sitios en su dominio, manteniendo una interfaz y estilo uniformes. Esta integración:

  • crea una experiencia de usuario fluida;
  • facilita la implementación de landing pages externas o páginas de socios;
  • aumenta la seguridad y el control sobre el contenido.

Siguiendo los pasos indicados, podrá integrar el sitio externo en su proyecto en cuestión de minutos, sin lógica compleja ni código adicional.

// Reviews

Reseñas relacionadas

Hubo varios problemas, tanto en la parte técnica como en la comprensión general. Mijaíl respondió rápido a la solicitud, ayudó a aclarar las cosas y resolvió los problemas técnicos; por ello, muchas gracias. Estoy satisfecho con el resultado.

Hubo varios problemas relacionados tanto con la parte técnica como con la comprensión en general. Mijaíl respondió rápidamente a la solicitud, ayudó a aclarar las cosas y resolvió los problemas técnicos, por lo que le …

abazawolf

Configuración de VPS, configuración del servidor

18.02.2026 · ★ 5/5

// Contact

¿Necesitas ayuda?

Escríbeme y te ayudaré a resolver el problema