topic Multipage Mashup - keep selections between html pages? in Integration, Extension & APIs

Multipage Mashup - keep selections between html pages?

Anonymous — Mon, 07 Sep 2015 08:25:31 GMT

Hi!

We have received a nice mashup that contains of multiple .html-Pages. See here: http://demo.heldendaten.net:8080/extensions/Vertriebsdemo_Sense_Mashup/Produkte.html

Unfortunately, if a user does selections on one .html-Page (for example Produkt.html), these selections are lost when the user changes to another html page.

From what I see in the .js code, the Mashup always calls the following code on every new page. See below.

--> to me it seems that calling openApp on every page, opens a new connection to the document --> old selections are lost.

--> I have read through the mashup API, but haven't really found anything to keep the app-session alive between multiple pages. I have played wit the "identity" property of the app config, but no success (running Qlik Sense 2.0.3)

--> has anyone a short example how I can fix the existing code?

var config = {
     host: window.location.hostname,
     prefix: "/",
     port: window.location.port,
     isSecure: window.location.protocol === "https:"
  //,
  //identity: "12349876"
};
require.config( {
     baseUrl: ( config.isSecure ? "https://" : "http://" ) + config.host + (config.port ? ":" + config.port: "") + config.prefix + "resources"
} );

require( ["js/qlik"], function ( qlik ) {
     qlik.setOnError( function ( error ) {
          alert( error.message );
     } );

     //callbacks -- inserted here --
  
     //open apps -- inserted here --
  
  
      app = qlik.openApp("871f98c2-38cd-46b1-9676-6dd3e87f06be", config);

     
  
     //get objects -- inserted here --
  
       $(".qvobject").each(function() {
          var qvid = $(this).data("qvid");
          app.getObject(this, qvid);
     });

Re: Multipage Mashup - keep selections between html pages?

Alexander_Thor — Tue, 08 Sep 2015 18:29:31 GMT

Both QlikView and Qlik Sense has session states where your selections will be kept between sessions.

However for this mashup you are allowing anonymous access, so when someone hits the page they will be considered anonymous and given a session.

When they navigate away from it the session cookie is most likely cleared out and then a new session is assigned to them upon opening a new page. New session cookie and anonymous user so we can't retrive your previous selection state as we don't know who you are.

If you would authenticate your users the selections should carry over between pages assuming they are using the same app.

Re: Multipage Mashup - keep selections between html pages?

Anonymous — Wed, 09 Sep 2015 05:38:07 GMT

Thx for analysing the issue.

it's true, users are anonymous (as this is a public demo site) using login tokens.

I would expect this to be a wanted deployment scenario for a mashup. Everytime someone integrates Qlik Sense into a public (multipage) website, one will have the same issue.

So any idea how to solve this, without authenticating users? Not quite sure what the "identity" property is good for in the config-object. This sounds a little bit like I can force a user to reuse a session. But i don't get it to work.

Thx,

Roland

Re: Multipage Mashup - keep selections between html pages?

Aiham_Azmeh — Wed, 09 Sep 2015 05:55:12 GMT

Hi,

Yes, you should be able to use identity (http://help.qlik.com/sense/2.0/en-us/developer/#../Subsystems/APIs/Content/MashupAPI/Methods/openApp-method.htm?Highligh…) for reusing sessions between pages.

...But, I think that the issue will be that all you visitors, will share the same session, so selections made by user A will affect the selections of user B.

There should be some methods (server side) to generate a unique identifier per user, that can later be set as identity value in your config.

Re: Multipage Mashup - keep selections between html pages?

ErikWetterberg — Wed, 09 Sep 2015 09:26:39 GMT

Hi,

this is a tricky one... I can see two different ways to solve this:

- make the mashup single page, and instead of switching to another page replace the content in side the page

- create some temporary identification for users (based in their ip address perhaps??) so that Qlik would know that this is the same user when he switches to page two

I assume that if you are using authenticated users this works as it should.

Hope this helps

Erik

Please mark the appropriate replies as correct or helpful so our team and other members know that your question has been answered to your satisfaction.

Re: Multipage Mashup - keep selections between html pages?

Anonymous — Thu, 10 Sep 2015 10:30:55 GMT

ok, I will try to use "identity" with some "unique identifier". But as I said before I already tried to hardcode a "identity", but without any success.

I will give feedback when I get it to work..

Re: Multipage Mashup - keep selections between html pages?

ErikWetterberg — Thu, 10 Sep 2015 14:13:06 GMT

I don't think that adding identity to your openApp call will help, identity is used to support several sessions for the same user by giving them separate identities, your problem is that users are anonymous.

To get this to work you probably would need to connect your anonymous users to Qlik Sense users and use something like ip address to make sure they are connected to the same Qlik Sense user when they switch to another page.

Hope this helps

Erik

Please mark the appropriate replies as correct or helpful so our team and other members know that your question has been answered to your satisfaction.

Re: Multipage Mashup - keep selections between html pages?

Anonymous — Thu, 10 Sep 2015 14:15:12 GMT

hi!

I now did some further tests, with a hardcoded "identity". Unfortunately I had no success.

I used a hardcoded 'identity: "111"'. See screenshot below.

But still selections are not applied when I click onto another page. Interestingly every "page"-change opens a new Websocket-Frame that shows the same "X-Qlik-Session" request-cookie with the same GUID. So it seems that some state management is done, even selections are lost...

Any further ideas?

Re: Multipage Mashup - keep selections between html pages?

Alexander_Thor — Thu, 10 Sep 2015 14:30:05 GMT

If you inspect the socket frames you should find that the first frame will contain a response back giving you authentication information, most likely you are assigned a new user id.

This page from the documentation discusses Engine session which might help you wrap your head around it https://help.qlik.com/sense/2.0/en-us/developer/Subsystems/Platform/Content/Concepts/sessions.htm

Your best bet to solve this with anonymous users is to create a single page application like Erik stated before.

Re: Multipage Mashup - keep selections between html pages?

jim_chan — Fri, 08 Apr 2016 15:15:55 GMT

Hi Guys,

I created a mashup with multiple html pages with No anonymous user mode.

But i having problem to preserve the current selection when i navigate between the html pages.

Example: user select year 2015 in html A and 2015 selection is lost when i navigate to Html B.

Kindly advice if there is anything wrong.

Following is the threat i logged earlier.

Keep current selection between mashup page

Re: Multipage Mashup - keep selections between html pages?

jim_chan — Sat, 09 Apr 2016 02:10:25 GMT

Hi Alexander,

akl‌ would need your help to take a look on my issue.

Re: Multipage Mashup - keep selections between html pages?

Wed, 22 Jun 2016 07:33:51 GMT

Hello, did you find an issue, i have probabely the same problem.

Re: Multipage Mashup - keep selections between html pages?

stevenkoppens — Tue, 28 Jun 2016 20:05:23 GMT

Hi Guys,

I've exactly got the same problem. I've also tried to create a ID for each user and save it in a cookie, but without luck.

Hoped it was fixed in Sense 3.0, but still running into the same issue.

I've used the following code to create the ID and save it in a cookie:

function myFunction(name) {

var value = "; " + document.cookie;

var parts = value.split("; " + name + "=");

if (parts.length == 2) { return parts.pop().split(";").shift();

} }

$(document).ready(function(){

if( SessionID == undefined)

{ var uniq = 'id' + (new Date()).getTime();

document.cookie = "ID="+uniq; }

});

var SessionID = myFunction('ID');

var config = {

host: window.location.hostname,

prefix: "/",

port: window.location.port,

isSecure: window.location.protocol === "https:",

identity : SessionID

};

Re: Multipage Mashup - keep selections between html pages?

stevenkoppens — Thu, 07 Jul 2016 13:36:29 GMT

Any updates on this topic???

Re: Multipage Mashup - keep selections between html pages?

Aiham_Azmeh — Wed, 13 Jul 2016 08:08:34 GMT

Hi Steven,

It's under investigation, a bug have been filled regarding this issue. I will try to keep everyone updated.

regards

Re: Multipage Mashup - keep selections between html pages?

Anonymous — Sun, 24 Jul 2016 05:18:47 GMT

There are several sheets in my Qlik Sense Desktop App.

I need put all the Qlik Sense sheets to Qlik mashup in different pages, which is just as your Qlik mashup demo.

Could you please tell me how to create multi-pages mashup in Qlik Sense?

I also have a button to navigate among different Qlik Sense sheets at Qlik Sense Desktop. How could I still navigate between different mashup pages? It is better to still use the same button extension.

Any suggestion is appreciated!

Re: Multipage Mashup - keep selections between html pages?

stevenkoppens — Sun, 24 Jul 2016 07:48:34 GMT

The simplest way to do this is to create multiple HTML pages and link them using something like an navigation bar, which are basically buttons with links to the other pages.

The extension you are taking about won't be much help to you I think. If you're not familiar with linking multiple HTML pages I would suggest to do some online courses on Web languages, like these https://www.codecademy.com/learn/web.

Good luck,

Steven

Op 24 jul. 2016 om 07:19 heeft datalakeyu <qcwebmaster@qlikview.com<mailto:qcwebmaster@qlikview.com>> het volgende geschreven:

Re: Multipage Mashup - keep selections between html pages?

Aiham_Azmeh — Mon, 25 Jul 2016 06:15:15 GMT

Hi datalakeyu‌,

An angular based multipage mashup can be found here: GitHub - erikwett/helpdesk-angular: Qlik Sense mashup example using AngularJS

The routing part of it is straight forward: helpdesk-angular/helpdesk-angular.js at master · erikwett/helpdesk-angular · GitHub

I hope this helps

Re: Multipage Mashup - keep selections between html pages?

Thu, 28 Jul 2016 14:39:33 GMT

Hi Aiham,

Does this angular based mashup support keeping selections over multiple pages? In other words, would this be a resolution for the bug you are referring to?

Re: Multipage Mashup - keep selections between html pages?

Aiham_Azmeh — Fri, 29 Jul 2016 05:47:22 GMT

Yes, it uses the angular routing (AngularJS $route) which, like any other modern web application, will not make a full refresh of the page; this way the websocket connection is never closed and the selections are kept between pages.

regards,