嵌入 Power BI 工作区集合中的报表

了解如何将 Azure Power BI 工作区集合中的报表嵌入到应用程序中。

我们会探讨如何真正在应用程序中嵌入报表。 本文假设工作区集合中的工作区内已有一个报表。 如果尚未完成该步骤，请参阅 Power BI 工作区集合入门。

可以配合 Power BI 工作区集合使用 .NET (C#) 或 Node.js SDK 和 JavaScript，轻松构建应用程序。

借助访问密钥使用 REST API

若要调用 REST API，可以传递访问密钥（可从给定工作区集合的 Azure 门户中获取）。 有关详细信息，请参阅 Power BI 工作区集合入门。

获取报表 ID

每个访问令牌基于某个报表。 需要获取想要嵌入的报表的给定报表 ID。 可以通过调用获取报表 REST API 来实现此目的。 此操作将返回报表 ID 和嵌入 URL。 可以使用 Power BI .NET SDK 或通过直接调用 REST API 来实现此目的。

使用 Power BI .NET SDK

使用 .NET SDK 时，需要创建基于从 Azure 门户获取的访问密钥的令牌凭据。 这就需要安装 Power BI API NuGet 包。

安装 NuGet 包

Install-Package Microsoft.PowerBI.Api

C# 代码

using Microsoft.PowerBI.Api.V1;
using Microsoft.Rest;

var credentials = new TokenCredentials("{access key}", "AppKey");
var client = new PowerBIClient(credentials);
client.BaseUri = new Uri(https://api.powerbi.cn);

var reports = (IList<Report>)client.Reports.GetReports(workspaceCollectionName, workspaceId).Value;

// Select the report that you want to work with from the collection of reports.

直接调用 REST API

System.Net.WebRequest request = System.Net.WebRequest.Create("https://api.powerbi.cn/v1.0/collections/{collectionName}/workspaces/{workspaceId}/Reports") as System.Net.HttpWebRequest;

request.Method = "GET";
request.ContentLength = 0;
request.Headers.Add("Authorization", String.Format("AppKey {0}", accessToken.Value));

using (var response = request.GetResponse() as System.Net.HttpWebResponse)
{
    using (var reader = new System.IO.StreamReader(response.GetResponseStream()))
    {
        // Work with JSON response to get the report you want to work with.
    }

}

创建访问令牌

Power BI 工作区集合使用嵌入标记，即 HMAC 签名的 JSON Web 令牌。 已使用 Power BI 工作区集合中的访问密钥对令牌进行了签名。 默认情况下，嵌入令牌用于提供对要嵌入到应用程序的报表的只读访问权限。 嵌入令牌是针对特定报表颁发的，应该与嵌入 URL 相关联。

应在服务器上创建访问令牌，因为要使用访问密钥对令牌进行签名/加密。 有关如何创建访问令牌的信息，请参阅通过 Power BI 工作区集合进行身份验证和授权。 此外，还可以查看 CreateReportEmbedToken 方法。 以下示例演示了如何使用用于 Power BI 的 .NET SDK。

将使用前面检索到的报表 ID。 创建嵌入令牌后，将使用访问密钥来生成可从 JavaScript 的角度使用的令牌。 PowerBIToken 类要求安装 Power BI Core NuGut 包。

安装 NuGet 包

Install-Package Microsoft.PowerBI.Core

C# 代码

using Microsoft.PowerBI.Security;

// rlsUsername, roles and scopes are optional.
embedToken = PowerBIToken.CreateReportEmbedToken(workspaceCollectionName, workspaceId, reportId, rlsUsername, roles, scopes);

var token = embedToken.Generate("{access key}");

将权限范围添加到嵌入令牌

使用 Embed 令牌时，对于允许对其进行访问的资源，你可能希望限制其使用。 为此，可以生成一个包含带作用域的权限的令牌。 有关详细信息，请参阅范围

使用 JavaScript 嵌入

获取访问令牌和报表 ID 后，可以使用 JavaScript 来嵌入报表。 这就需要安装 NuGet Power BI JavaScript 包。 embedUrl 将只是 https://embedded.powerbi.cn/appTokenReportEmbed。

安装 NuGet 包

Install-Package Microsoft.PowerBI.JavaScript

JavaScript 代码

<script src="/scripts/powerbi.js"></script>
<div id="reportContainer"></div>

<script>
var embedConfiguration = {
    type: 'report',
    accessToken: 'eyJ0eXAiO...Qron7qYpY9MI',
    id: '5dac7a4a-4452-46b3-99f6-a25915e0fe55',
    embedUrl: 'https://embedded.powerbi.cn/appTokenReportEmbed'
};

var $reportContainer = $('#reportContainer');
var report = powerbi.embed($reportContainer.get(0), embedConfiguration);
</script>

设置嵌入元素的大小

报表会根据其容器大小自动嵌入。 若要重写默认的嵌入项大小，只需添加 CSS 类属性，或者宽度和高度的内联样式。

另请参阅

示例入门
在 Power BI 工作区集合中进行身份验证和授权
CreateReportEmbedToken
JavaScript 嵌入示例
Power BI JavaScript 包
Power BI API NuGet 包Power BI Core NuGut 包
PowerBI-CSharp Git 存储库
PowerBI-Node Git 存储库

更多问题？ 尝试参与 Power BI 社区