4 Replies Latest reply: Mar 21, 2017 12:49 AM by praveena mundolimoole RSS

    Qlik Sense Mashup qlik_visual web component issue

    praveena mundolimoole

      Hi All,

       

      Please help me in identifying issue with qlik_visual web component.

       

      I am facing issue while trying qlik_visual web component. Tried implementing as mentioned in the help link (https://help.qlik.com/en-US/sense-developer/3.1/Subsystems/Mashups/Content/QlikVisual/mashups-create-visualizations-on-t…)

       

      Error shown in the UI.

      Capture.PNG

      Below socket connection is made to the wrong host & port number while using qlik_visual web component. My website(runs on port 8080) and Qlik sense runs on the same server (443 and 80). Below is the socket connection established by qlik_visual web component

       

      ws://webserver:8080/Mashup/app/aa5882ea-8959-490f-9239-7bb7cd7e949d?reloadUri=http%3A%2F%2Fuscku1metu00018.metnet.net%3A8080%2FMashup%2FHome%2FContact


      instead of establishing connection to qlik sense server.


      wss://{qlikserver}/app/{appid}?reloadUri=http%3A%2F%2Fuscku1metu00018.metnet.net%3A8080%2FMashup%2FHome

       

      Capture.PNG

      Capture.PNG

      Its working fine without any issue while embedding qlik sense objects in a webpage.

      Capture.PNG

       

       

      • I am able to connect to Qlik sense without any issues.
      • Qlik Sense Server 3.2 version.
      • No virtual proxy is being used.
      • Host is already present in Host white list in the virtual proxy.
      • allow http is true
      • App is present with the app id mentioned in the qlik_visual component
      • No issues with config. Below is my configuration.
      • It seems to be issue with qlik.js file which is making socket connection to wrong host/port.

       

      var config = {

                  host: 'uscku1metu00018.metnet.net',

                  prefix: '/',

                  port: 443,

                  isSecure: true

              };

              require.config( {

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

              });

              var qlikApps = [];

       

       

              require(["js/qlik"], function ( qlik ){

                  qlik.setOnError(function(error) {

                      alert(error.message);

                  });

                  function attach(elem){

                      var appid = elem.dataset.qlikAppid;

                      var objid = elem.dataset.qlikObjid;

                      var app = qlikApps[appid];

                      if (!app){

                          app = qlik.openApp(appid, config);

                          qlikApps[appid] = app;

                      }

                      app.getObject(elem, objid);

                  }

                  var elems = document.getElementsByClassName('qlik-embed');

                  var ix = 0;

                  for (; ix < elems.length; ++ix){

                      attach(elems[ix]);

                  }

              });