Vue 에서 React 로 기술 스택을 변경하고자 합니다. 모든 기능을 한번에 재구현하기에는 많은 이슈들이 존재합니다. 페이지 단위 기준으로 전환하면서 최종적으로 모든 기능을 이주하는 방식으로 진행합니다.
기존 구축된 환경은 그대로 유지하고, React 로 구성된 서비스를 위한 신규 도메인을 생성합니다. 사용자는 기존 도메인으로 진입하고, 전환된 페이지의 경로 접근시 신규 도메인으로 다시 로드를 시도합니다. 재로드에 의해 Nginx 는 proxy_pass 기능을 통해 신규 도메인으로 리다이렉트합니다.
%% Migration ec2 -> s3
graph LR
%% __START
subgraph S3
React
end
subgraph EC2
Nginx
Nuxt
Condition
end
Client --> |1./new| Nginx
Nginx --> |2./new| Nuxt
Nuxt --> |3.reload| Nuxt
Client --> |4./new| Nginx
Nginx --> |5./new| Condition
Condition{proxy_pass}
Condition --> Nuxt
Condition --> S3
%% __END