Using a mashup inside my web app

virilo_tejedor · ‎2023-06-30

I created a mashup example using QlikSense Enterprise and it's properly working using the dev-hub.

Now I'd like to serve it from a web application. So I edited the mashup main html code, in order to modify all the relatives urls (for css, js...) to use the corporate server url https://analytics.mycompany.com/

The resulting code:

<!doctype html>
<html><head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>My Mashup :-)</title>
	<meta charset="utf-8">
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<meta name="HandheldFriendly" content="True">
	<meta name="MobileOptimized" content="320">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta http-equiv="cleartype" content="on">
	<link rel="stylesheet" href="https://analytics.mycompany.com/resources/autogenerated/qlik-styles.css">
	<link rel="stylesheet" href="https://analytics.mycompany.com/extensions/MyMashup/MyMashup.css">
	<script src="https://analytics.mycompany.com/resources/assets/external/requirejs/require.js"></script>
	<script src="https://analytics.mycompany.com/extensions/MyMashup/MyMashup.js"></script>
</head>
<body style="overflow: auto">
<div class="flex-container">
	<div id="QV01" class="qvobject"></div>
	<div id="QV02" class="qvobject"></div>
	<div id="QV03" class="qvplaceholder"></div>
	<div id="QV04" class="qvplaceholder"></div>
	<div id="QV05" class="qvplaceholder"></div>
	<div id="QV06" class="qvplaceholder"></div>
</div>

<!--Error Popup-->
<div id="popup">
	<button type="button" class="close" data-dismiss="modal" aria-label="Close" id="closePopup"><span aria-hidden="true">×</span></button>
	<p id="popupText"></p>
</div>



</body></html>

But when I request this html page, the next error arises:

What I am missing?

Is there any better / easier way to serve this mashup inside a web application?

P.S. Since I'm not using yet QAP, it's ok for me that users have to authenticate at QlikSense Enterprise server for this test

Developers