메뉴 닫기

AWS Amazon Quick Sight 시각화 임베딩 가이드: Amazon Cognito 사용자 인증 활용법

AWS Amazon Quick Sight 시각화 임베딩: Amazon Cognito 사용자 인증을 통한 구현 가이드

AWS에서는 다양한 클라우드 서비스를 통해 기업이 IT 솔루션을 구현하고 운영하는 데 큰 도움을 줍니다. 특히, Amazon Quick Sight는 비즈니스 인텔리전스를 위한 유용한 도구로, 다양한 분석 시각화를 지원하고 있습니다. 이번 포스트에서는 Amazon Cognito를 통해 사용자 인증을 처리하면서 Amazon Quick Sight의 시각화를 React 애플리케이션 내에 임베딩하는 방법을 소개합니다.

핵심 콘텐츠: Amazon Quick Sight 임베딩과 Cognito 사용자 인증

Amazon Quick Sight는 AWS에서 제공하는 일종의 고급 분석 서비스로, 사용자 맞춤형 데이터 분석과 시각화를 가능하게 합니다. 일반적으로 React 애플리케이션에 임베딩할 때 인증된 사용자별로 시각화를 제어하는 것이 매우 중요합니다. 이를 위해 Amazon Cognito와 같은 신원 인증 레이어를 통해 각 사용자가 볼 수 있는 데이터를 제한할 수 있습니다.

  1. 임베딩 구성: React 애플리케이션의 UI에서 Amazon Quick Sight 시각화를 활용하고자 할 때에는 Amazon Cognito를 통한 사용자 인증이 필요합니다. Cognito는 사용자에게 JSON 웹 토큰을 발급하며, 이를 통해 사용자의 접근 권한을 세밀하게 제어할 수 있습니다.

  2. 서버리스 아키텍처 활용: Amazon API Gateway와 AWS Lambda를 사용하여 인증된 요청을 처리하고, Quick Sight의 임베드 URL을 생성합니다. 이는 React 프론트엔드와 상호작용하여 사용자 맞춤형 시각화 데이터를 제공합니다.

  3. 권한 제어: Amazon Quick Sight의 임베드 URL은 사용자가 볼 수 있는 정확한 대상으로 제한되며, API Gateway를 통한 인증 과정에서 Cognito JWT 토큰을 검증함으로써 불필요한 접근을 방지합니다.

AWS 서버리스 아키텍처 다이어그램

실습 예시: React 및 AWS Lambda를 활용한 임베딩

다음은 구현 절차를 요약한 것입니다:

  • 백엔드 구성: AWS CloudFormation을 통해 필요한 모든 리소스를 자동으로 배포하여, 수작업 배포 문제나 권한 설정 오류를 줄입니다.
  • 프론트엔드 설정: Amazon Quick Sight의 시각적인 요소(예: 대시보드 ID, Sheet ID, Visual ID)를 React 앱에 적용하여, 사용자 맞춤형 인터페이스를 제공합니다.
  • 사용자 등록 및 접근 설정: Cognito 콘솔을 통해 사용자 풀을 생성하고, 해당 풀에 사용자를 등록하여 맞춤형 접근 권한을 부여합니다.

결론

Amazon Quick Sight의 시각화를 React 애플리케이션에 임베딩하면, 사용자 경험을 크게 향상시킬 수 있습니다. 특히, Cognito를 통한 세밀한 접근 제어와 서버리스 아키텍처를 통한 간편한 URL 생성은 효율적인 솔루션을 제공합니다. 기존 기업 도구와 통합하여 빠른 속도로 변화하는 고객 요구를 충족시킬 수 있습니다.

자세한 구현 방법과 매뉴얼은 AWS 문서를 참고하시기 바랍니다.

[https://aws.amazon.com/blogs/machine-learning/embed-quick-sight-visuals-using-cognito-user-authentication/]

AI, Cloud 관련한 문의는 아래 연락처로 연락주세요!

(주)에이클라우드
이메일 : acloud@a-cloud.co.kr
회사 번호 : 02-538-3988
회사 홈페이지 : https://www.a-cloud.co.kr/
문의하기


AI, Cloud 도입 상담 배너