Solved

Loading GoodData Dashboard as iFrame in Angular application

  • 24 April 2023
  • 4 replies
  • 78 views

Hi Team,

I am using GoodData community edition and trying to embed a dashboard as an iFrame into an existing Angular application, but I am getting a bunch of 401s and its taking me to the login page. Upon successfully authenticating, I still don’t see any dashboard. Do we require any extra configurations on the Angular app for the authentication part?

I am following the below link:
https://www.gooddata.com/developers/cloud-native/doc/cloud/embed-visualizations/iframes/

 

 

Thanks,

Arpit

icon

Best answer by Boris 26 April 2023, 15:14

View original

4 replies

Userlevel 2

Hi Arpit,

Are there any errors in your browser console?

What exactly are you seeing when you successfully authenticate?

Could you please first try if embedding works in an iframe on basic html page (without angular)?

 

Thanks!

Hi Boris,


I tried in a standalone HTML page as well, the experience was same.

I don’t see any console errors though after providing credentials, I get 401 error for https://10.186.124.30/login/oauth2/code/10.186.124.30?code=xxx&state=yyy  API call.

I simply included below iFrame in my HTML file and trying to open it

<iframe title="GoodData Dashboard"

src="https://10.186.124.30/dashboards/embedded/#/workspace/<workspace-id>/dashboard/<dashboard-id>"

height="700px" width="100%" frameborder="0"></iframe>

 

Thanks,

Arpit

Userlevel 2

Hi Arpit,

Thank you for trying. I have taken look into this and was able to reproduce the behaviour on my side - it looks like a limitation of our built in OIDC provider.

I will check if this can be fixed or if there are some options for workaround.

 

Thank you for your patience.

 

Userlevel 2

Hi Arpit,

 

As mentioned, this is the limitation of the build in OIDC provider DEX, which is the only option in the GoodData.CN CE docker impage.

For embedding I would recommend to use our GoodData Cloud trial. 

It runs on the same analytical backend, but it’s hosted in a cluster managed by us in a public cloud. 

It should provide the same testing capabilities with more customizations possible. By default, it uses auth0 as OIDC provider, which also provides it’s own documentation and community forums which might help you with custom application integration.

 

Thank you for understanding.

Reply