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

我正在使用 power bi 嵌入式包来嵌入 power bi 报告 -https://github.com/microsoft/powerbi-client-react 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;
    }}
/>

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

现在，电源客户端反应 https://github.com/microsoft/powerbi-client-react不支持创建新报告。但是，您可以使用此库编辑现有报告并将其另存为新报告。 为此，您需要执行以下步骤：

1. 生成嵌入令牌 https://learn.microsoft.com/en-us/rest/api/power-bi/embedtoken/reports_generatetokeningroup:

   • 如果要将报告更改保存为新报告，请在生成嵌入令牌请求中传递以下 JSON 正文：

     {
       "accessLevel": "Edit",
       "allowSaveAs": "true",
     }
     

   • 如果要将报告更改保存在同一报告中，请在生成嵌入令牌请求中传递以下 JSON 正文：

     {
       "accessLevel": "Edit",
     }
     

2. 嵌入报告 - 将这些配置添加到您的 embedConfig 对象中：

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

3. 处理“已保存”事件：

   • 如果要将报表更改保存为新报表，请在 eventHandlers 映射中添加以下事件处理程序以获取新报表 ID，然后嵌入新报表以获取其实例：

     ['saved', function (event) {
         var newReportId = event.detail.reportObjectId);
     }]
     

   • 如果要将报表更改保存在同一报表中，请在 eventHandlers 映射中添加以下事件处理程序，以确保更改已保存：

     ['saved', function (event) {
         console.log("Report saved");
     }]
     

4. 保存报告：

   • 以编程方式：如果要保存按钮单击事件的更改并在单击侦听器中调用以下函数，请在应用程序中添加保存按钮：

     1. 如果要将报告更改保存为新报告

        function saveReport() {
          var saveAsParameters = {
              name: "<name_of_new_report>"
            };
          this.report.saveAs(saveAsParameters);
        }
        

     2. 如果要将报告更改保存在同一报告中

        this.report.save();
        

   • Power BI 嵌入式体验：

     1. If report changes are to be saved as a new report:
        • 单击左上角的“文件”下拉菜单 > 单击“另存为”> 输入新报告的名称 > 单击“保存”
     2. If report changes are to be saved in the same report:
        • 单击左上角的“文件”下拉菜单 > 单击“保存”

Note:保存操作完成时会触发“saved”事件并返回Json对象 https://learn.microsoft.com/en-us/previous-versions/azure/power-bi-workspace-collections/create-report-from-dataset#automate-save-and-load-of-a-new-report-using-the-saved-event包含新的reportId、报告名称、旧的reportId（如果有）以及操作是否为saveAs 或save。然后，您可以使用此 newReportId 生成嵌入 url 和嵌入令牌来嵌入报告并获取报告的实例。

您可以参考GitHub 维基百科 https://github.com/Microsoft/PowerBI-JavaScript/wiki/Create%5cEdit-Report-in-Embed-View创建新的报告。

查找完整文章微软文档 https://learn.microsoft.com/en-us/previous-versions/azure/power-bi-workspace-collections/create-report-from-dataset.