topic Re: Qlik Sense - External Web Server Websocket Error in Integration, Extension & APIs

Qlik Sense - External Web Server Websocket Error

Thu, 01 Oct 2015 05:51:15 GMT

Hi all,

I have recently set-up an external web server using Laragon and am having some difficulties in setting up the connection to Qlik Sense.

It is currently throwing up the following error message:

This is the config code I have in the JS file.

var config = {

host: "myhostname",

prefix: "/",

port: 443,

isSecure: true,

rejectUnauthorized: false

};

Would appreciate any assistance in resolving this issue!

Cheers,

Joel

Re: Qlik Sense - External Web Server Websocket Error

Fri, 09 Oct 2015 20:46:23 GMT

Which version of Qlik Sense are you using?

After our team upgraded to the 2.1.1.0 we saw behavior differences in the way our JS config object need to be configured.

-Michael

Re: Qlik Sense - External Web Server Websocket Error

Mon, 12 Oct 2015 03:08:45 GMT

Hi Michael,

I just upgraded to Qlik Sense 2.1.1 and the connection has started working. However, my extension objects are failing to render which seems to have been an issue since 1.0 (Mashup API context).

Have you had any experience in using extensions on an external web server?

FYI - the particular extension I am talking about is the KPI tile on Qlik Branch created by Stefan Walther.

Cheers,

Joel

Re: Qlik Sense - External Web Server Websocket Error

Alexander_Thor — Mon, 12 Oct 2015 03:21:53 GMT

Hey,

Ye, we run several extensions through the Capabilities API on external hosts.

What errors are you getting in the console?

I'm guessing there is at least a 404 on the CSS file and require js has tried to append a .js extension to the file name.

Sent from my Windows Phone

Re: Qlik Sense - External Web Server Websocket Error

Mon, 12 Oct 2015 05:53:08 GMT

Hi all again,

Just noted from my errors above that .js seems to be added to the extension files. Is there anyway to stop this from happening?

I have looked at this thread Qlik sense extension in mashup on external server but am not sure on how to resolve.

Would appreciate any assistance!

Cheers,

Joel

Re: Qlik Sense - External Web Server Websocket Error

Alexander_Thor — Mon, 12 Oct 2015 13:24:33 GMT

Yes, the requirejs text plugin will fail cross domain.
Try adding this to your mashup as it will force the text plugin to fetch resources without a <script> tag

requirejs.config({
  config: {
       text: {
            useXhr: function (url, protocol, hostname, port) {
              return true;
            }
       }
  }
});

Re: Qlik Sense - External Web Server Websocket Error

Mon, 12 Oct 2015 16:50:00 GMT

Hello Joel,

My company is exploring an embedded solution--using Qlik within our product.

I saw in your thread:

https://community.qlik.com/thread/184901

That you also had a font issue that you were able to overcome. Would you please chime into this thread below. I've tried multiple workaround without success, so perhaps I've missed a step.

https://community.qlik.com/message/883917

Did you do Workaround #3?

thank you!

Michael

Re: Qlik Sense - External Web Server Websocket Error

Tue, 13 Oct 2015 00:41:40 GMT

Hi Alexander,

I have incorporated your code like this:

require.config( {

baseUrl: ( config.isSecure ? "https://" : "http://" ) + config.host + (config.port ? ":" + config.port: "") + config.prefix + "resources",

config: {

text: {

useXhr: function (url, protocol, hostname, port) {

return true;

}

});

However, I am getting a bunch of Access Control Allow Origin header errors. As per your advice on this thread Re: Sense mashup: Font fail in IE‌ I have added "Access-Control-Allow-Origin: *" to the QMC proxy settings.

Cheers,

Joel

Re: Qlik Sense - External Web Server Websocket Error

Tue, 13 Oct 2015 00:52:55 GMT

Having a closer look at the network tab in Chrome Developer I can see that the response header for Access-Control-Allow-Origin is not * but rather the host name of my Qlik Server.

However, as per my previous post, I have already altered the proxy settings in Qlik QMC - is there some step that I am missing here?

Thanks in advance!

Cheers,

Joel

Re: Qlik Sense - External Web Server Websocket Error

Fri, 21 Apr 2017 05:47:00 GMT

Hi Joel,

I have the same issue as yours. How did you resolved it? Thanks in advance!

Re: Qlik Sense - External Web Server Websocket Error

mbj — Mon, 24 Apr 2017 11:23:40 GMT

hi,

key things

* Configure CORS header in proxy settings

* configure hostname in whitelist.

See Qlik Sense API and integration demo for more info. See web integration or search for CORS, whitelist etc.

Re: Qlik Sense - External Web Server Websocket Error

mbj — Mon, 24 Apr 2017 11:27:42 GMT

hi,

<from: web integration whitepaper on generic tab from integration.qlik.com/documentation>

Try to keep all assets on your Sense server. so in your HTML you only replace the hostname of your css and require.js file. Then you won't get the fonts issue.

If you really have to put our stuff on your external server, see below...

Appendix A: DIV tag integration approach on external server

You create a normal HTML page which you can create with "drag and drop" in our dev-hub. Using this approach you can link the DIV to a Sense chart ID.
You can better link to the Sense server or you copy our requireJS, CSS and fonts to your webserver.

RequireJS	C:\Program Files\Qlik\Sense\Client\assets\external\requirejs<script src="../../resources/assets/external/requirejs/require.js"></script>
CSS	C:\Program Files\Qlik\Sense\Client\autogenerated Include<link rel="stylesheet" href="../../resources/autogenerated/qlik-styles.css">
Fonts	Go to C:\Program Files\Qlik\Sense\Client\fonts on your Sense server.In your external webserver create a resources/fonts directory (in your web server root) and copy the fonts
You include a reference to these local files (to prevent cross site scripting); The require.js, the css and the fonts from above.	E.g. I have put them in the server\public folder on my external web server.

You create a Javascript file
1. This file contains a config object, which points to your Sense Server. This file is basically the "bridge" between your website and Sense
3. In this javascript file you attach a DIV id to a Sense Chart ID (is being generated for you if you drag and drop), and you are done.

var config = {
        host: "myhost.com",
        prefix: "/",
        port: window.location.port,
        isSecure: true
};
require(["js/qlik"], function(qlik) {
        // open the app
        var app = qlik.openApp("c31e2aba-3b46-4b13-8b87-c5c2514dea1d", config);
        // insert Qlik objects into the page.
        app.getObject(document.getElementById("LB01"), "uPyZavD");

From <https://help.qlik.com/en-US/sense-developer/2.2/Subsystems/APIs/Content/MashupAPI/qlik-interface-interface.htm>

From: https://help.qlik.com/en-US/sense-developer/2.2/Subsystems/Mashups/Content/mashups-introduction.htm

PS: note that if you create a new project in the dev-hub, it will generate a starting template for you with the HTML, CSS and the javascript file. This tool will also generate the object guids (id) for you.

Re: Qlik Sense - External Web Server Websocket Error

Tue, 25 Apr 2017 01:35:24 GMT

Thank you mbj‌I'll try.

Re: Qlik Sense - External Web Server Websocket Error

Anonymous — Tue, 04 Jul 2017 07:20:01 GMT

I had exactly the same websocket issue as you. I followed the steps from mbj and from other posts... And realized that I forgot to add the Servers in the "Host White List". It works perfectly for me now. Hope you could solve your problem