Nutze eine geteilte Ansicht

Nachdem Sie eine neue gemeinsame Ansicht erstellt haben, verwenden Sie die Option Einbetten, SDK um die gemeinsame Ansicht für andere Benutzer nutzbar zu machen. In den folgenden Beispielen wird eine gemeinsame Ansicht für Verbrauchsmaterialien für ein eingebettetes Dashboard in Amazon QuickSight eingerichtet.

With an appended URL

Hängen Sie das sharedViewId an die Einbettung anURL, darunter /views/{viewId}, und stellen Sie es Ihren Benutzern URL zur Verfügung. Benutzer können dies verwendenURL, um zu dieser gemeinsamen Ansicht zu navigieren.

const response = await dashboardFrame.createSharedView();
const newEmbedUrl = await generateNewEmbedUrl();
const formattedUrl = new URL(newEmbedUrl);
formattedUrl.pathname = formattedUrl.pathname.concat('/views/' + response.message.sharedViewId);
const baseUrl = formattedUrl.href;
alert("Click to view this QuickSight shared view", baseUrl);

With the contentOptions SDK

Geben Sie a viewId an die weitercontentOptions, um das Erlebnis mit der angegebenen Datei zu öffnenviewId.

const contentOptions = {
    toolbarOptions: {
        ...
    },
    viewId: sharedViewId,
};

const embeddedDashboard = await embeddingContext.embedDashboard(
    {container: containerRef.current},
    contentOptions
);

With the InitialPath property

const shareView = async() => {
    const returnValue = await consoleFrame.createSharedView();
    const {dashboardId, sharedViewId} = returnValue.message;
    const newEmbedUrl = await generateNewEmbedUrl(`/dashboards/${dashboardId}/views/${sharedViewId}`);
    setShareUrl(newEmbedUrl);
};

const generateNewEmbedUrl = async (initialPath) => {
    const generateUrlPayload = {
        experienceConfiguration: {
            QuickSightConsole: {
            InitialPath: initialPath,
            FeatureConfigurations: {
                "SharedView": { 
                    "Enabled": true
                 },
            },
        },
    }
    const result: GenerateEmbedUrlResult = await generateEmbedUrlForRegisteredUser(generateUrlPayload);
    return result.url;
};