[Azure 프로젝트] 시스템 구축 & Traffic Manager-지리적 라우팅 설정

Azure CosmosDB와 React웹앱을 연동하여 지리적 라우팅이 가능한 최종 시스템을 구축한다.

[구축 관련 내용] 2022.07.21 - [클라우드 컴퓨팅/Microsoft Azure] - [Azure 프로젝트 1/2] 주제 구상 & 웹 어플 구축

 

시스템 구상도

---

1. 지역별 웹서비스 구축

Cosmos DB 의 전역 복제 기능을 활용하여 DB의 전역 복사가 이루어졌다. 이번에는 웹 애플리케이션이 구동될 가상 머신 환경을 이미지화하여 그대로 지역별로 복사하여 DB 연동 및 지역 간 데이터 연동을 확인한다.

1) 한국 우분투 서버를 이미지화

 

2) 지역별 VM생성 : 리전간 이미지 복사를 위해 '갤러리'기능을 활성화하면 기존 VM은 일반화되어 구동이 중지된다.

     한국 - 관리자VM, 사용자 VM 생성

     미국 - 사용자 VM생성

     유럽 - 사용자 VM생성

ykim-us-vm 생성

3) CosmosDB 전역 복사 & 엔드포인트 설정

미국, 유럽 그리고 아시아에 대한 전역복제

CosmosDB에 대한 접근보안을 위한 프라이빗 엔드포인트를 설정

2. 지역별 웹 애플리케이션 구동 [경로: ~/react-cosmosdb]

이번 프로젝트에선 ssh를 통해 아래 명령어들을 전달하는 서버를 별도로 운영하였다. 추후 pm2나 코드 배포 자동화를 활용한다면 별도의 서버 없이 더욱 간편하게 서비스를 구동시킬 수 있을 거라 기대한다. 

1) 백엔드 구동 (Port 3001)

node server/server.js

2) 프런트 엔드 구동 (Port 3000)

npm start

서비스 구동을 위해 별도로 사용하는 온프레미스 (랩탑)의 cmd창들 / 위쪽엔 백엔드 아래쪽엔 프론트엔드로 구분

3. TrafficManager 지리적 라우팅 세팅

- 공용 IP별 DNS주소 지정

DB에 대하여 엔드포인트 지정된 공용 IP에 대하여 DNS주소를 지정하고 Traffic Manager를 통한 지리적 라우팅을 설정한다.

- Traffic Manger 지리적 매핑 설정

지리적 라우팅 설정 확인

- 지리적 라우팅 확인

VPN을 이용한 국가별 접근시도, 지리적 라우팅 기반으로 해당 서버접속 확인