Question

How to Auto Login Power BI HTML Static Application?

I'm working on a project that involves developing a static HTML application for Power BI, and I need to implement auto-login functionality. I want users to be able to access the application without entering credentials each time, using secure authentication methods.

Is there a way to configure auto-login for a Power BI static application? Any guidance on the best practices or tools to achieve this securely would be greatly appreciated!

Answer 1

Can I use the Power BI JavaScript API to automatically log in to the embedded PowerBI using LDAP (active directory) credentials? I am using the embed code below (Iframe embedding) to avoid the Login button and popup. 

url = "https://app.powerbi.com/reportEmbed?reportId=GUID&autoAuth=true&ctid=GUID"

document.write(
    "<iframe class='hero' title='Power BI Dashboard' id='myiframe'  src='"+ url +"' frameborder='0' allowFullScreen='true'></iframe>"

  )

Answer 2

Auto-login set on Power BI HTML static applications can be achieved with the use of the Power BI OAuth authentication flow with Azure Active Directory (AAD). This is basically how it works:

Authentication through Azure AD: Grant everyone in your organization access to your Azure AD for seamless sign-ins. Register your static application as an Azure AD application.

JavaScript for Power BI: Use the Power BI JavaScript API to embed reports. To obtain a token for embedding, you will need to log in to Azure AD.

SSO: Generally, if users are already signed in to their Microsoft accounts or they belong to a certain organization, this is a single sign-on solution. It authenticates users without entering credentials.

Token management: Apply secure token management sources (e.g., token caching) to avoid re-authentication. Ensure tokens are stored and managed securely.

By setting this procedure up, you will provide a secure, seamless experience for users without compromising their security.