topic Re: Embedding Qlik Sense in a website: problems with fonts and cookies in Integration, Extension & APIs

Embedding Qlik Sense in a website: problems with fonts and cookies

master_t — Fri, 29 Mar 2024 12:25:41 GMT

Hello fellow devs

I've recently updated a ~1 year old installation of Qlik Sense Enterprise to the Feb 2024 Patch 2 release.

While Qlik Sense itself seems to work fine, I also make extensive use of the mashup api to embed Qlik objects inside my company's web pages.

Since the update, however, the mashup pages have been misbehaving: most don't load, or load very slowly, or load with messed up fonts (all the icon fonts are missing).

So, I started debugging by building a very simple mashup page, following the tutorial in the Qlik documentation, and here is the first problem I've found: as soon as I invoke require to obtain the Qlik Sense engine, like this:

require(["js/qlik"], (qlik: any) => { console.log("obtained qlik engine", qlik); this.qlikEngine = qlik; });

I start getting errors and warnings in the browser console:

as you can see, not only are fonts failing to load but it also takes almost 10 seconds to obtain the Qlik Sense engine, which explains the slowness and missing icon fonts that I noticed in my mashup pages.

If I look at the network panel, I can see that the problem (the font one at least) is that the browser (Chrome) is not sending the X-Qlik-Session cookie when requesting the fonts, and thus Qlik is responding with a 302 status code to redirect to the authentication page:

I've checked online, and from what I understand it is normal for browsers to not send cookies when downloading web fonts... so is this a Qlik Sense bug? Why do the mashup APIs include fonts that are behing authentication? This didn't happen in the older version of Qlik (I think it was a November 2022), so it must be a pretty recent change.

How can we avoid this issue? Did I mess something up in my mashup or is this an issue with Qlik itself? Can it be worked around?

Re: Embedding Qlik Sense in a website: problems with fonts and cookies

alex_colombo — Wed, 03 Apr 2024 10:01:10 GMT

Hey @master_t , please open a support ticket, seems to be a bug.

Re: Embedding Qlik Sense in a website: problems with fonts and cookies

master_t — Wed, 03 Apr 2024 11:06:33 GMT

Hello Alex, thank you, I have already done it, from what support told me they're investigating the issue. I'll update the thread when they give me some feedback.

Re: Embedding Qlik Sense in a website: problems with fonts and cookies

jan-ri — Wed, 10 Apr 2024 06:36:17 GMT

We have recently updated from May 2023 to Feb 2024 Patch 2 and we get the same errors.

Re: Embedding Qlik Sense in a website: problems with fonts and cookies

robertbuntingtwoday — Tue, 28 May 2024 08:33:43 GMT

@master_t Did you manage to solve the problem? We are experiencing a similar problem, on the patch 4 release.

Re: Embedding Qlik Sense in a website: problems with fonts and cookies

master_t — Tue, 28 May 2024 08:53:29 GMT

@robertbuntingtwoday I've been messaged by Qlik support just the other day, reporting that the issue should be fixed in the May 2024 release. I've yet to test it because I need to upgrade my installation first, I'll report back in the next few days if I can make it work.

Re: Embedding Qlik Sense in a website: problems with fonts and cookies

robertbuntingtwoday — Tue, 28 May 2024 08:56:46 GMT

Thanks for the swift reply @master_t We'll probably give May 2024 a go very soon then. I'll let you know if it solves our issue. Thanks again!

Re: Embedding Qlik Sense in a website: problems with fonts and cookies

jan-ri — Tue, 28 May 2024 10:59:52 GMT

We upgraded to May 2024 and the problem was resolved.

Re: Embedding Qlik Sense in a website: problems with fonts and cookies

robertbuntingtwoday — Tue, 28 May 2024 11:19:58 GMT

@jan-ri @master_t May 2024 resolved our issue as well. Thx guys!