// 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áginahttps://example.website-builder.com/partners/path2/→ muestra la páginahttps://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
| Componente | Propósito |
|---|---|
| proxy_pass | Redirige las solicitudes al recurso externo |
| proxy_set_header | Transfiere los encabezados originales y la IP del cliente |
| proxy_redirect | Reescribe URLs y enlaces |
| proxy_cookie_domain / proxy_cookie_path | Cambia el dominio y la ruta de las cookies |
| proxy_buffers, timeouts | Configuraciones 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
| Área | Consejo |
|---|---|
| Seguridad | Use HTTPS en ambos extremos, configure los encabezados Content-Security-Policy, X-Frame-Options. |
| Rendimiento | Configure los tiempos de espera, el caché (proxy_cache), optimice el tamaño de los buffers. |
| Monitorización | Habilite los logs access_log y error_log para analizar el tráfico. |
| Compatibilidad de URL | Verifique la corrección de todos los enlaces relativos después del proxy. |
🧩 Errores frecuentes y soluciones
| Problema | Posible solución |
|---|---|
| 404 Not Found | Verifique la exactitud de proxy_pass y la disponibilidad del sitio externo. |
| Bucles de redirección | Asegúrese de que proxy_redirect no entre en conflicto con redirecciones externas. |
| Las cookies no se guardan | Configure correctamente proxy_cookie_domain y proxy_cookie_path. |
| Contenido mixto | Todos los recursos deben cargarse por HTTPS. |
| Respuestas lentas | Aumente 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 …
Configuración de VPS, configuración del servidor
18.02.2026 · ★ 5/5
Todo se hizo de manera rápida y precisa. Lo recomiendo.
Todo se hizo rápido y con precisión. Lo recomiendo.
Configuración de VPS, configuración del servidor
17.01.2026 · ★ 5/5
Todo salió bien, el profesional respondió rápidamente a las preguntas y ayudó a resolver el problema. ¡Gracias!
Todo fue bien, el profesional respondió rápidamente a las preguntas y ayudó a resolver el problema. ¡Gracias!
Configuración de VPS, configuración del servidor
16.12.2025 · ★ 5/5
Lo hicieron todo con rapidez. Seguiremos acudiendo. ¡Lo recomiendo!
Todo lo hicieron con rapidez. Seguiremos acudiendo. ¡Lo recomiendo!
Configuración de VPS, configuración del servidor
10.12.2025 · ★ 5/5
Hicieron todo rápidamente. Mijaíl siempre está disponible. Seguiremos recurriendo a él.
Todo se hizo con rapidez. Михаил siempre está en contacto. Seguiremos recurriendo a él
Configuración de VPS, configuración del servidor
10.12.2025 · ★ 5/5
¡Mijaíl es un profesional! Ya no es la primera vez que lo demuestra en la práctica.
Михаил, ¡un profesional! Ya lo ha demostrado en la práctica más de una vez.
// Contact
¿Necesitas ayuda?
Escríbeme y te ayudaré a resolver el problema
// Related