topic Re: Qlik sense extension in mashup on external server in Integration, Extension & APIs

Qlik sense extension in mashup on external server

Anonymous — Fri, 21 Aug 2015 10:13:24 GMT

Hi,

I am having trouble in visualizing extension object in mash up API. We have created few extensions objects and dropped them on a sheet. When I use mash up using workbench everything works fine but when I use same mash up on different server it says invalid visualization.

My qlik server is running on Server A and my web application is running on server B. I am trying to embed extension object form qlik into my web application using mash up.

Any one faced similar issue ?

Re: Qlik sense extension in mashup on external server

ErikWetterberg — Fri, 21 Aug 2015 12:24:05 GMT

Hi,

Do you get any errors in the console? Something like HTTP 404??

Erik

Re: Qlik sense extension in mashup on external server

Anonymous — Fri, 21 Aug 2015 12:57:41 GMT

I can see 404 for /qrs/extension/schema?xrfkey=? because the context is my web server instead of qlik.

Also I am loading all JS from my server instead of qlik (after copying it from qlik server)

Re: Qlik sense extension in mashup on external server

Alexander_Thor — Fri, 21 Aug 2015 17:10:59 GMT

Since you are running on a separate webserver, first I would make sure that you are authenticated. If you are not, make sure anonymous users has access to extensions in the QMC.

Since you have copied all of your script files locally the requirejs base path will now reference your webserver.

So if you have extensions which depends on resources loaded with relative paths they will break.

Re: Qlik sense extension in mashup on external server

Fri, 21 Aug 2015 19:49:17 GMT

Vishal,

Check out this document. I suspect some components will help you, in particular the auth parts Alex mentions.

Embedding Qlik Sense content into an IIS Website on Different Servers

Re: Qlik sense extension in mashup on external server

Anonymous — Mon, 24 Aug 2015 06:55:56 GMT

Thanks Jeff, Authentication is working fine. The problem is only with sheets having extensions everything else is working fine.

Re: Qlik sense extension in mashup on external server

Anonymous — Mon, 24 Aug 2015 06:58:16 GMT

Thanks Alex, this is exactly what I was thinking but I am not seeing any 404 error in browser console. But at the same time I can't the calls for JS and CSS file of the extension as well.

Re: Qlik sense extension in mashup on external server

Anonymous — Mon, 24 Aug 2015 11:16:10 GMT

So the issue was the baseUrl path was not set in require config. Even though I was loading resources from local I had to set the baseUrl in require as qlik server. Looks like some additional resources was need in case of extension but I was expecting some 404 in browser console.

Re: Qlik sense extension in mashup on external server

Teppo_Ojala — Sun, 04 Oct 2015 12:11:35 GMT

Hi,

Can you explain this little bit more detail. I have a same problem. I have used a SVG extension and I would like to add that object into my mashup demo. Everything works nicelu from HUB. I manage to open the extension object.

But my mashup will give me a "Invalid visualization" error.

I have tried to configure my require.config in main.js file. At the moment the line is like this:

require.config( {

baseUrl: 'http://[SERVERIP]:80/resources/'

Do I need to publish the extension some way? If I edit the properties of extension, I will see that "Everyone can view extensions" -> so I think this is ok.

Thanks in advance,

Teppo

Re: Qlik sense extension in mashup on external server

ErikWetterberg — Mon, 05 Oct 2015 07:05:01 GMT

Hi Teppo,

Hard to tell what is the reason for this without knowing how the extension works, but what might be the problem is that the extension loads files with some other method than requirejs. In that case setting baseUrl in require.config will not work.

Check the browser console. Do you get any 'not found' errors? (HTTP 404). In that case check how the extension loads these files.

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: Qlik sense extension in mashup on external server

Teppo_Ojala — Mon, 05 Oct 2015 10:41:36 GMT

Thanks Erik,

I will receive a 404 error. The screen shot from console looks like this. What is this folder "resources/assets/external/requirejs"

I don't have this resources folder in my Sense installation. From which installation package this should come? Or do I have do upload some general "extension" first to get this working..

Thanks for help!

Teppo

Re: Qlik sense extension in mashup on external server

ErikWetterberg — Mon, 05 Oct 2015 11:36:55 GMT

Hi Teppo,

Looks like the problem is the file style.css in the svgReader extension. Verify that it's included. If it is check how it is referenced in the extension.

Erik

Re: Qlik sense extension in mashup on external server

Teppo_Ojala — Mon, 05 Oct 2015 11:42:48 GMT

In addition to this.

I have require.js & client.css in these folders in Sense 2.1 server

C:\Program Files\Qlik\Sense\Client\assets\client

C:\Program Files\Qlik\Sense\Client\assets\external\requirejs

I don't have any girby.css file there - is it used any more in latest version? I commented that out and noticed that nothing changed.

How do i refer to these require.js and client.css files from html code?

At the moment those lines are like this:

Re: Qlik sense extension in mashup on external server

ErikWetterberg — Mon, 05 Oct 2015 11:56:32 GMT

Hi Teppo,

The symbolic link /resources will point to the client root of your Sense installation, normally \Program Files\Qlik\Sense\Client, so that should be OK.

qirby.css is replaced by qlikui.css, with the link:

There should be a redirect to make old mashups work, but sooner or later that will go away, so you might just as well change now.

Erik

Re: Qlik sense extension in mashup on external server

Teppo_Ojala — Mon, 05 Oct 2015 12:05:32 GMT

HI,

Thanks again Erik

I think

http://<server>/extensions/

refers to folder

C:\ProgramData\Qlik\Sense\Repository\Extensions

So the http://<server>/

links to ProgramData - not Program Files

Am I right? I am definitely a wrong guy to investigate these, my experience about web traffic issues in quite small

Re: Qlik sense extension in mashup on external server

ErikWetterberg — Mon, 05 Oct 2015 12:30:31 GMT

Hi again,

/resources points to the Qlik Sense client resources \Program Files\Qlik\Sense\Client

/extensions points to ProgramData\Qlik\Sense\Repository\Extensions

You would probably have a folder with svgReader.qext there (probably the folder name is also svgReader ). There should be a style.css file in it.

Erik

Re: Qlik sense extension in mashup on external server

Teppo_Ojala — Mon, 05 Oct 2015 12:35:22 GMT

I have this qext file - and I have style.css in same folder.

qext file is like this:

{

"name": "SVG Reader",

"description": "Visualizing data on custom or built-in SVG images",

"icon": "map",

"type": "visualization",

"version": 1.0,

"preview": "table",

"preview": "svgReader.png",

"author": "Brian Munz"

}

Re: Qlik sense extension in mashup on external server

Teppo_Ojala — Mon, 05 Oct 2015 12:39:50 GMT

I removed this answer.. did not include any relevant information

Re: Qlik sense extension in mashup on external server

ErikWetterberg — Mon, 05 Oct 2015 13:06:39 GMT

Hi,

I'm afraid I've missed important information in your mail: requirejs has added an extra .js to style.css and tries to load style.css,js. It does this to solve some cross-site scripting issues. I don't really know how to solve this, but you could try to copy the style.css file to a style.css.js file. Might work :-).

Erik

Re: Qlik sense extension in mashup on external server

Teppo_Ojala — Mon, 05 Oct 2015 14:28:16 GMT

This helped!

Thanks Erik and Alexander for your help.

This was a challenge..

Teppo