스토리지 계정을 사용하여 정적 웹 사이트 호스팅

• 1분

이제 로컬 컴퓨터에서 애플리케이션을 테스트하고 API를 배포했으므로 클라이언트를 배포할 차례입니다.

클라이언트 SignalR 아키텍처

웹 페이지가 로드되면 클라이언트 애플리케이션은 다음을 수행합니다.

• /api/getStocks HTTP 엔드포인트에서 현재 주식 목록을 가져옵니다.
• SignalR 엔드포인트에 연결합니다. /api/negotiate HTTP 엔드포인트에 연결됩니다.
• SignalR 엔드포인트의 /api 연결에서 재고 변경을 수신 대기합니다. 이벤트가 수신되면 클라이언트는 UI에서 주가를 업데이트합니다. 연결이 지속되기 때문에 이러한 업데이트는 브라우저의 네트워크 탭에 표시되지 않습니다. .

Azure Static Web Apps에 클라이언트 배포

클라이언트를 호스팅하기 위해 Azure Static Web Apps를 사용할 예정입니다. Azure Static Web Apps는 코드 리포지토리에서 웹앱을 Azure에 자동으로 빌드하고 배포하는 서비스입니다.

클라이언트는 클라우드 API URL을 사용하여 빌드되어야 합니다. WebPack을 사용하는 클라이언트 빌드 프로세스는 API URL을 클라우드 API URL로 바꿉니다. URL은 .env 파일에서 로컬로 가져옵니다. GitHub Action에서 이 값을 가져오려면 GitHub 리포지토리에서 이를 비밀로 설정해야 합니다.