进行更改后将 Power BI 嵌入式报表保存在数据库中

Question

我正在使用 power bi 嵌入式包来嵌入 power bi 报告 - https://github.com/microsoft/powerbi-client-react

报表嵌入编辑模式，因此用户可以创建或编辑报表。现在我有一个保存按钮，一旦用户对 power bi 报告进行了更改，我想将报告保存在数据库中。你能告诉我如何触发报告事件吗？似乎允许的保存事件不起作用。

此外，如果我必须在用户进行更改或创建报表后获取报表实例，我如何才能再次获取报表实例以反映新的更改？

<PowerBIEmbed
    embedConfig = {{
        type: 'report',   // Supported types: report, dashboard, tile, visual and qna
        id: '<Report Id>',
        embedUrl: '<Embed Url>',
        accessToken: '<Access Token>',
        tokenType: models.TokenType.Embed,
        viewMode: models.ViewMode.Edit,
        settings: {
            panes: {
                filters: {
                    expanded: false,
                    visible: false
                }
            },
            background: models.BackgroundType.Transparent,
        }
    }}

    eventHandlers = { 
        new Map([
            ['loaded', function () {console.log('Report loaded');}],
            ['rendered', function () {console.log('Report rendered');}],
            ['error', function (event) {console.log(event.detail);}]
        ])
    }
        
    cssClassName = { "report-style-class" }

    getEmbeddedComponent = { (embeddedReport) => {
        this.report = embeddedReport as Report;
    }}
/>

报表已正确嵌入，但现在有人进行了更改后，我如何再次获取更新的报表实例以便我可以获得视觉效果并将其存储在数据库中？

Answer 1

目前，power-client-react 不支持创建新报告。但是，您可以使用此库编辑现有报告并将其另存为新报告。为此，您需要执行以下步骤：

Generate embed token:
- 如果要将报告更改另存为新报告，请在生成嵌入令牌请求中传递以下 JSON 正文：
```
{
  "accessLevel": "Edit",
  "allowSaveAs": "true",
}
```
- 如果要将报表更改保存在同一个报表中，请在生成嵌入令牌请求中传递以下 JSON 正文：
```
{
  "accessLevel": "Edit",
}
```

嵌入报告 - 在您的 embedConfig 对象中添加这些配置：

viewMode: models.ViewMode.Edit,
permissions: models.Permissions.All,

处理“已保存”事件：
- 如果要将报表更改另存为新报表，请在您的事件处理程序映射中添加以下事件处理程序以获取新报表 ID，然后嵌入新报表以获取其实例：
```
['saved', function (event) {
    var newReportId = event.detail.reportObjectId);
}]
```
- 如果要将报表更改保存在同一个报表中，请在您的事件处理程序映射中添加以下事件处理程序，以确保更改已保存：
```
['saved', function (event) {
    console.log("Report saved");
}]
```
保存报告：
- 以编程方式：如果要保存按钮单击事件的更改并在单击侦听器中调用以下函数，请在应用程序中添加一个保存按钮：
  1. 如果报表更改要另存为新报表
```
function saveReport() {
  var saveAsParameters = {
      name: "<name_of_new_report>"
    };
  this.report.saveAs(saveAsParameters);
}
```
  2. 如果报表更改要保存在同一个报表中
```
this.report.save();
```
- Power BI 嵌入式体验：
  1. 如果要将报表更改另存为新报表：
    - 单击 top-left 角的 'File' 下拉菜单 > 单击 'Save as' > 输入新报告的名称 > 单击 'Save'
  2. 如果报表更改要保存在同一个报表中：
    - 单击 top-left 角的 'File' 下拉菜单 > 单击 'Save'

注意：“保存”事件在保存操作完成时触发，它returns一个Json object包含新的reportId、报告名称、旧的 reportId（如果有的话）以及操作是另存为还是保存。然后就可以使用这个newReportId生成embedurl和embed token来嵌入报表，得到报表的实例

您可以参考GitHub wiki创建新报告。

在 Microsoft Docs 中查找完整文章。

进行更改后将 Power BI 嵌入式报表保存在数据库中

Save Power BI embedded report in Database after making changes

reactjs

powerbi

powerbi-embedded

powerbi-custom-visuals