Migración gradual de proyectos: integración de dominios mediante un proxy
- Se decidió migrar el stack tecnológico del servicio de administración interno de la empresa de Page Router de Next.js a App Router
- El equipo técnico quería mantener intacto el código existente de la app con Page Router e ir migrando a App Router, una por una, empezando por las páginas nuevas
- Para lograrlo, desplegaron la app existente con Page Router y la nueva app con App Router en dominios separados y luego las integraron en un solo dominio usando Vercel Proxy
- Mediante la configuración del proxy, todas las rutas que comienzan con
/new se reescriben hacia la app nueva, y todas las demás rutas se reescriben hacia la app existente
Por qué la autenticación puede mantenerse en ambas apps
- ¿Por qué puede mantenerse la autenticación también en el nuevo proyecto, además de la app existente?
- El servicio de administración interno de la empresa está implementado con autenticación por cookies de sesión
- Y como no se configuró CORS en el backend, solo se puede acceder a las cookies desde el mismo dominio que el servidor
- La página de inicio de sesión existe en la app anterior. Entonces, ¿se produciría un problema de autenticación porque el navegador no podría enviar la cookie de sesión al hacer solicitudes API desde la app nueva?
- En conclusión, no hay problema
- La razón es que, mediante la configuración del proxy, ambas apps quedaron integradas bajo un mismo dominio A.
- Al iniciar sesión, el navegador guarda la cookie en el dominio A y después incluye automáticamente la cookie de sesión en todas las solicitudes posteriores
Aún no hay comentarios.