Embeding Qlik Sense Enterprise Visualization in React

vivek_batra — Wed, 13 Jul 2022 06:27:51 GMT

I am a noob and trying the Qlik Sense Enterprise on my server. The end goal is to integrate qlik sense app visulization in my React web app. For this I have created an App and a visulaization on a sheet. So far all good.

I am trying the following to integrate that visualization (chart) in my react web app.

Qlik Sense Enterprise URL : https://VM-BE-0036/

JS File

const config = {

host: "vm-be-0036",

prefix: "/",

port: 443,

isSecure: true

};

require.config({

baseUrl:"https://vm-be-0036/resources/"

});

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

qlik.on('error', (error) => console.error(error));

//app id

let app = qlik.openApp('04f8fa66-b5ee-4e39-9761-5cd4dad43ed7', config);

//chart id

app.getObject("qlikDiv", "GdwaKNH");

});

But I am not able to get the chart from the qlik. I am running my React web app on my local machine http://localhost:3333. I have added this URL in QMC > Virtual Proxy under Host Allow List but still I get either time out error or 404.

Could you please help me with the integration?

Thanks

Vivek

topic Embeding Qlik Sense Enterprise Visualization in React in App Development

Embeding Qlik Sense Enterprise Visualization in React