topic Setting Up SSO for Embedded Qlik Sheet in React Client Using Keycloak with OIDC in Integration, Extension & APIs

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

khaler — Wed, 24 Jul 2024 07:30:34 GMT

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

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

cristian_dalsanto — Wed, 24 Jul 2024 10:01:43 GMT

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

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

khaler — Tue, 30 Jul 2024 04:42:08 GMT

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.