Erstellen Sie eine gemeinsame Ansicht

Nachdem Sie die Einbettung SDK auf Version 2.8.0 oder höher aktualisiert haben, verwenden Sie die, um eine neue createSharedView API gemeinsame Ansicht zu erstellen. Notieren Sie das sharedViewId und dashboardId das, was der Vorgang zurückgibt. Im folgenden Beispiel wird eine neue gemeinsame Ansicht erstellt.

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

createSharedViewkann nur aufgerufen werden, wenn ein Benutzer ein Dashboard aufruft. Stellen Sie bei der konsolenspezifischen Erstellung gemeinsam genutzter Ansichten sicher, dass sich die Benutzer auf der Dashboard-Seite befinden, bevor Sie die createSharedView Aktion aktivieren. Sie können dies mit dem PAGE_NAVIGATION Ereignis tun, das im Beispiel unten gezeigt wird.

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;
            }
        }
    }
};