使用一键式嵌入代码为注册用户嵌入 QuickSight 视觉对象和控制面板 - Amazon QuickSight
开始之前步骤 1：授予对控制面板的访问权限步骤 2：将要嵌入视觉对象或控制面板的域放入允许列表步骤 3：获取嵌入代码步骤 4：将代码粘贴到内部应用程序的 HTML 页面中

使用一键式嵌入代码为注册用户嵌入 QuickSight 视觉对象和控制面板

 适用于：企业版 

您可以在内部应用程序中为 Amazon QuickSight 账户的注册用户嵌入视觉对象或控制面板。使用共享控制面板时或使用 QuickSight 的嵌入视觉对象菜单获得的嵌入代码，可实现此操作。您无需运行 QuickSight 嵌入 API 来生成嵌入代码。您可以从 QuickSight 复制嵌入代码并将其粘贴到内部应用程序的 HTML 代码中。

当有权访问您要嵌入的控制面板或访问包含您要嵌入的视觉对象的控制面板的用户和组（或您 QuickSight 账户中的所有用户）访问内部应用程序时，系统会提示他们使用各自的凭证登录 QuickSight 帐户。通过身份验证后，他们可以访问各自内部页面上的视觉对象或控制面板。如果启用了单点登录，系统不会提示用户再次登录。

接下来，您可以了解有关如何使用视觉对象或控制面板嵌入代码为注册用户嵌入视觉对象或控制面板的说明。

开始之前

在开始之前，您应确保满足以下条件：

  • 互联网浏览器设置包含以下某一项，以允许弹出窗口与 iframe 进行通信：

    • Mozilla Broadcast Channel API 的本机支持。有关更多信息，请参阅 Mozilla 文档中的 Broadcast Channel API。

    • IndexedDB 支持。

    • LocalStorage 支持。

  • 互联网浏览器的“阻止所有 Cookie”设置已关闭。

步骤 1：授予对控制面板的访问权限

要让用户访问您的嵌入式控制面板，请向其授予查看该控制面板的权限。您可以授予个人用户和用户组对控制面板的访问权限，也可以向账户中的所有人授予访问权限。视觉对象权限在控制面板级别确定。要授予对嵌入式视觉对象的访问权限，请授予对视觉对象所属控制面板的访问权限。有关更多信息，请参阅 授予对控制面板的访问权限。

步骤 2：将要嵌入视觉对象或控制面板的域放入允许列表

要在内部应用程序中嵌入视觉对象和控制面板，请确保要嵌入的域已在 QuickSight 帐户的允许列表中。有关更多信息，请参阅 允许列出静态域。

步骤 3：获取嵌入代码

要获取视觉对象或控制面板嵌入代码，请按照以下过程操作。

获取控制面板嵌入代码

  1. 在 QuickSight 中打开已发布的控制面板，先选择右上角的共享，再选择共享控制面板。

    这是控制面板共享图标的图像。

  2. 在打开的共享控制面板页面中，选择左上角的复制嵌入代码。

    这是复制嵌入代码图标的图像。

    嵌入代码已复制到剪贴板，且类似于以下内容。此示例中的 quicksightdomain 是用来访问 QuickSight 账户的 URL。

    <iframe
        width="960"
        height="720"
        src="https://quicksightdomain/sn/embed/share/accounts/accountid/dashboards/dashboardid?directory_alias=account_directory_alias">
    </iframe>
获取视觉对象嵌入代码

  1. 在 QuickSight 中打开已发布的控制面板，选择要嵌入的视觉对象。然后打开视觉对象右上角的视觉对象菜单，从中选择嵌入视觉对象。

    这是视觉对象菜单的图像。

  2. 在打开的嵌入视觉对象窗格中，选择复制代码。

    复制代码图标

    嵌入代码已复制到剪贴板，且类似于以下内容。此示例中的 quicksightdomain 是用来访问 QuickSight 账户的 URL。

    <iframe
        width="600"
        height="400"
        src="https://quicksightdomain/sn/embed/share/accounts/111122223333/dashboards/DASHBOARDID/sheets/SHEETID>/visuals/VISUALID">
    </iframe>

步骤 4：将代码粘贴到内部应用程序的 HTML 页面中

要将嵌入代码粘贴到内部应用程序的 HTML 页面中，请按照以下过程操作。

将代码粘贴到内部应用程序的 HTML 页面中

  • 打开要嵌入控制面板的任何页面的 HTML 代码，然后将嵌入代码粘贴到其中。

    以下示例演示了嵌入式控制面板的大致样式。此示例中的 quicksightdomain 是用来访问 QuickSight 账户的 URL。

    <!DOCTYPE html>
    <html>
    <body>

    <h2>Example.com - Employee Portal</h2>
    <h3>Current shipment stats</h3>
        <iframe
        width="960"
        height="720"
        src="https://quicksightdomain/sn/embed/share/accounts/accountid/dashboards/dashboardid?directory_alias=account_directory_alias">
    </iframe>

    </body>
    </html>

    以下示例演示了嵌入式视觉对象的大致样式。此示例中的 quicksightdomain 是用来访问 QuickSight 账户的 URL。

    <!DOCTYPE html>
    <html>
    <body>

    <h2>Example.com - Employee Portal</h2>
    <h3>Current shipment stats</h3>
        <iframe
        width="600"
        height="400"
        src="https://quicksightdomain/sn/embed/share/accounts/111122223333/dashboards/DASHBOARDID/sheets/SHEETID>/visuals/VISUALID?directory_alias=account_directory_alias">
    </iframe>

    </body>
    </html>

例如，假设您希望将视觉对象或控制面板嵌入 Google 协作平台内部页面。您可以在 Google 协作平台上打开该页面，然后将嵌入代码粘贴到嵌入小部件中。

如果想将视觉对象或控制面板嵌入 Microsoft SharePoint 内部网站，您可以创建一个新页面，然后将嵌入代码粘贴到嵌入 Web 部件中。