예를 들어 개발자 X가 클라이언트를 위한 웹 애플리케이션을 가지고 있다고 가정해 보겠습니다. 고객이 자신의 사용자 인증 정보를 사용하여 앱에 로그인하고 판매 데이터를 볼 수 있음 확인할 수 있습니다 각 클라이언트는 서로 다른 매장 목록에 액세스할 수 있습니다. 이 개발자가 자신의 애플리케이션에 Looker Studio 대시보드를 삽입하여 클라이언트가 로그인하면 매장의 판매 데이터만 볼 수 있음 액세스할 수 있습니다 고객이 Google 계정에 로그인하지 않아도 됨 이 프로세스가 작동하도록 할 수 있습니다.
제안된 솔루션에는 개발자가 커뮤니티 커넥터를 만들어야 합니다. 삽입 URL을 통해 토큰을 전달한 다음 토큰을 기반으로 데이터를 필터링합니다.
요구사항
- 대시보드 뷰어는 서드 파티 애플리케이션에 로그인합니다.
- 애플리케이션에서 Looker Studio 대시보드에 고유한 토큰을 전달해야 합니다. URL을 입력합니다. 토큰을 사용하여 필터링 정보를 조회하거나 필터 정보가 내부에 암호화되어 있어야 합니다.
- 커뮤니티 커넥터가 토큰을 필터로 변환할 수 있어야 합니다. 값으로 사용됩니다.
제한사항
- G Suite 고객이며 관리자가 공유를 사용 중지한 경우 Drive 파일을 '링크가 있는 모든 사용자'에 추가하면 조직 외부의 사용자와 보고서를 공유할 수 있습니다.
솔루션
다음 단계를 모두 완료하여 솔루션을 구현합니다.
웹 앱에서 사용자 토큰 생성
웹 애플리케이션에 로그인한 각 사용자에 대해 고유한 토큰을 생성합니다. 이 토큰을 이후 단계에서 삽입된 대시보드에 전달합니다.
토큰을 사용하여 관련 데이터를 필터링해야 합니다. 옵션은 다음과 같습니다.
- 필터링된 데이터 또는 사용자 정보를 반환하는 API 엔드포인트 만들기 정의할 수 있습니다
- 나중에 복호화될 수 있도록 토큰의 사용자 정보를 암호화합니다. 를 입력합니다.
새 커뮤니티 커넥터 만들기
커뮤니티 커넥터의 작동 방식을 검토하고 커뮤니티 커넥터 Codelab을 참고하세요. 사용 더 빠르고 쉬운 커넥터 생성을 위한 로컬 개발 도구 개발 프로세스입니다.
커넥터 코드 작성
getConfig()
는 구성 항목을 하나 이상 반환해야 합니다. 다음 작업에 사용됩니다. 삽입 URL의 매개변수에서 토큰을 캡처합니다.function getConfig(request) { var cc = DataStudioApp.createCommunityConnector(); var config = cc.getConfig(); config .newTextInput() .setId('token') .setName('Enter user token'); // TODO: Add additional config values if applicable for your connector config.setDateRangeRequired(false); config.setIsSteppedConfig(false); return config.build(); }
getData()
에서 다음을 통해 토큰에 액세스할 수 있습니다.request.configParams
객체. 토큰을 사용하여 필터링된 데이터를 가져오거나 가져온 기존 데이터를 필터링합니다.
위의 예에 따라 토큰은 다음과 같습니다.request.configParams.token
입니다.getData()
에서 토큰은 REST에 전달됩니다. 매장 ID 목록을 가져오는 API 엔드포인트 이러한 스토어 ID는 SQL 쿼리를 작성하여 판매 데이터를 가져올 수 있습니다.var STORE_ID_API = 'https://www.example.com/api/storeid'; var QUERY_STRING_PREFIX = "SELECT StoreName, Sales from stores" function getData(request) { var token = request.configParams.token; var storeIds = getStoreIdList(token); var queryString = constructQueryString(storeIds); var fetchedData = fetchData(queryString); // rest of getData() implementation } function getStoreIdList(token) { var url = STORE_ID_API; var response = UrlFetchApp.fetch(url); var parsedResponse = JSON.parse(response); return parsedResponse.storeIds; } function constructQueryString(storeIds) { var storeIdString = storeIds.join(','); var queryString = QUERY_STRING_PREFIX + ' WHERE storeId in (' + storeIdString + ')'; return queryString; }
대시보드 만들기
- 커넥터의 배포 및 버전 작동 방식을 이해합니다.
- 커넥터의 프로덕션 배포를 만듭니다.
- 프로덕션 배포 링크를 사용하여 Looker Studio로 이동합니다.
token
구성 매개변수의 경우 보고서 보기 권한 사용자가 매개변수 값을 수정할 수 있도록 허용합니다.- 선택한 사용자 또는 '다음이 있는 모든 사용자'와 대시보드 공유 링크'를 클릭하세요.
- 보고서 삽입을 사용 설정합니다.
플랫폼에 대시보드 삽입
- 보고서 URL 매개변수의 작동 방식을 이해합니다.
- URL 매개변수를 사용하여 동적으로 생성된 토큰 값을
삽입된 Looker Studio 보고서
삽입 URL은 다음과 유사합니다.
`https://lookerstudio.google.com/embed/reporting/REPORT_ID/page/PAGE_ID?config=%7B%22ds0%22%3A%7B%22token%22%3A%22TOKEN_VALUE%22%7D%7D
권장사항
- 단기 토큰을 만들어야 합니다.
- 대시보드에서 보기와 함께 조회된 정보가 유출되지 않도록 해야 합니다. 잘못된 토큰입니다.