如何调用 Power BI Embedded API

Question

我正在调查 Power BI Embedded 的使用情况，尽管我无法获得工作版本。

我在power bi online 中生成了一个虚拟报告，并且成功地发布了该报告，然后成功地在一个简单的 HTML 页面中显示了该报告。但是，我现在想通过 REST API 与相同的报告集成。

我无法使其正常工作，因为我不确定如何获取 API 的访问令牌。下面的屏幕截图显示了我到目前为止的代码（使用 React）。

“操场”屏幕截图显示了我在门户中可见的虚拟报告。为此，我添加了“嵌入 URL”值，然后单击“运行”

Javascript 代码 sn-p

import React, { Component } from 'react';
import { Report } from 'react-powerbi-client';

class App extends Component {   

  constructor(props) {
    super(props); 
    this.state = {
        embedUrl: 'https://app.powerbi.com/view?r=xxx'
    };
  }
  render() {
    return (
      <div>
          ...

          <Report 
              id={this.state.id}
              embedUrl={this.state.embedUrl}
              accessToken={this.state.accessToken}
              filterPaneEnabled={true}
              navContentPaneEnabled={false}
              onEmbedded={this.onEmbedded}
          />
      </div>
    );
  }
}
export default App;

注意 react-powerbi-client 库代码需要访问令牌值 - 不知道我从哪里得到这个？

谢谢，

Answer 1

为了嵌入 Power BI 报表，您需要生成访问令牌。要生成访问令牌，您需要注册 Azure AD 应用程序。您可以参考this document注册AAD应用。

注册 AAD 应用后，您可以使用 MSAL 生成访问令牌。 另外，您可以参考这个GitHub repository（由微软提供）并按照README文件中提供的步骤进行操作。

当你在 React 中嵌入 Power BI 报告时，这个 repo 肯定会对你有所帮助。