Embeding Qlik Sense Enterprise Visualization in React

[vivek_batra]

Hi

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