Setting Up SSO for Embedded Qlik Sheet in React Client Using Keycloak with OIDC

[khaler]

Hello everyone,

I am working on embedding a Qlik sheet within my React application using an iFrame. I need to set up Single Sign-On (SSO) so that a user logged into my React client will also be authenticated and logged into Qlik.

Here are the specifics of my setup:

• My React application uses Keycloak for authentication.
• Keycloak is TLS secured.
• I want to link Keycloak to Qlik using the OpenID Connect (OIDC) protocol.

I am currently following the instructions from this Qlik community article. However, I am encountering a 401 Unauthorized error when trying to access Qlik via the React client.

I am looking for guidance on how to resolve this issue and properly configure SSO between my React client and Qlik using Keycloak and OIDC. Any help or pointers on how to achieve this would be greatly appreciated!

Thank you

[cristian_dalsanto]

Hi @khaler ,

I had a similar problem and I solved it creating a node.js that retrieve a web token and I embedded objects using Qlik-embed instead of iframe.

Starting from this example: https://github.com/qlik-oss/qlik-cloud-embed-oauth-impersonation

Best regards,

Cristian

[khaler]

Thanks Cristian! I have managed to get the OIDC way working, as I have set the wrong values under the authentication properties in my virtual proxies. However, I noticed I have logged in to keycloak again when my react client calls qlik sense page. As my react client has already been logged in once before, the desired behaviour I wanted was I don't have to relog in again.