Power BI Embedded with Flutter

[Infotan]

We have been able to Embed Power BI reports using the Power Bi Embedded - A SKU in our Web applications built on Python. On similar lines, we want to embed Power BI reports in Mobile Apps built using Flutter framwork. Any pointers twards the same?

SUnce Flutter is based on DART, we want to know what should be the right approach for embedding Power BI in Flutter based apps.

[johnbasha33]

@Infotan  @C_Naveen  

you can utilize the Power BI Embedded service along with the Power BI REST APIs. Here's a general approach you can follow:

1. Set up Power BI Embedded: If you haven't already, set up Power BI Embedded in Azure. You'll need to create a Power BI Embedded workspace, register your application, and obtain the necessary authentication keys (access key and workspace collection key).

2. Use Power BI REST APIs: In your Flutter app, you can use the Power BI REST APIs to interact with the Power BI service. These APIs allow you to authenticate users, retrieve report metadata, embed reports, and manage report permissions.

3. Embed Reports: Use the Power BI Embedding SDK to embed Power BI reports into your Flutter app. The Embedding SDK provides JavaScript libraries for embedding reports into web applications, but you can still utilize it in Flutter by embedding a WebView widget and loading the necessary JavaScript code.

4. Authenticate Users: Implement user authentication in your Flutter app using OAuth 2.0. Users will need to sign in to their Power BI accounts to view embedded reports. You can use the OAuth 2.0 authorization code flow to authenticate users and obtain access tokens for accessing Power BI resources.

5. Handle Authentication Flow: Implement the authentication flow in your Flutter app to obtain access tokens from Azure AD and pass them to the Power BI REST APIs for accessing embedded reports. You may need to use platform-specific plugins or packages for handling OAuth 2.0 authentication in Flutter.

6. Embedding Reports: Use the Power BI Embedding SDK's APIs to embed Power BI reports into your Flutter app. You'll need to generate embed tokens for each report and use them to embed the reports into WebView widgets in your app.

7. Handle Interactions: Handle user interactions within the embedded reports, such as filtering, drilling down, and navigating between pages. You can use the JavaScript event handlers provided by the Embedding SDK to capture user actions and respond accordingly in your Flutter app.

8. Testing and Deployment: Test your Flutter app thoroughly to ensure that embedded reports are displayed correctly and that users can interact with them seamlessly. Once testing is complete, deploy your app to the desired mobile platforms (iOS, Android) and make it available to your users.
   
   Did I answer your question? Mark my post as a solution! Appreciate your Kudos !!

[C_Naveen]

Even I am facing the same situation and am not able to find the answer to this.
Anybody who as done this or any idea about this?