공유 뷰 만들기

임베딩을 버전 2.8.0 이상으로 업데이트한 후 SDK 를 사용하여 새 공유 createSharedView API 뷰를 만드십시오. sharedViewId와 작업이 dashboardId 반환하는 내용을 기록하십시오. 아래 예제는 새 공유 뷰를 만듭니다.

const response = await embeddingFrame.createSharedView();
const sharedViewId = response.message.sharedViewId;
const dashboardId = response.message.dashboardId;

createSharedView사용자가 대시보드를 볼 때만 호출할 수 있습니다. 콘솔별 공유 뷰를 만들려면 작업을 활성화하기 전에 사용자가 대시보드 페이지에 있는지 확인하세요. createSharedView 아래 예와 같이 PAGE_NAVIGATION 이벤트를 통해 이 작업을 수행할 수 있습니다.

const contentOptions = {
    onMessage: async (messageEvent, metadata) => {
    switch (messageEvent.eventName) {
            case 'CONTENT_LOADED': {
                console.log("Do something when the embedded experience is fully loaded.");
                break;
            }
            case 'ERROR_OCCURRED': {
                console.log("Do something when the embedded experience fails loading.");
                break;
            }
            case 'PAGE_NAVIGATION': {
                setPageType(messageEvent.message.pageType); 
                if (messageEvent.message.pageType === 'DASHBOARD') {
                    setShareEnabled(true);
                    } else {
                    setShareEnabled(false);
                }
                break;
            }
        }
    }
};