Buenos días, he encontrado en la comunidad de como publicar objetos u hojas de Qlik Sense a través de un Mash-Up pero no lo he logrado, las preguntas concretas serían las siguientes:
- Cuales lineas deben de ser cambiadas en el archivo .js y en el .html llegado el caso en el que servidor sea WAMP y como quedarían.?
- El Servidor de Internet y/o el servidor de Qlik Sense debe de tener alguna configuración especial para la publicación de los MashUp en internet.
Gracias. (Ver el código al final)
________
Hello, I found in the community on how to publish objects or leaves Qlik Sense through a Mash-Up but I have not succeeded, the specific questions would be:
- What lines should be changed in the .js and the .html files as the case in which WAMP server as would be.?
- The Internet Server and / or server Qlik Sense must have some special configuration for the publication of the MashUp online.
Thank You.(See the code at the end)
_________
HTML CODE
<!doctype html>
<html><head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Qlik Sense: Mashup</title>
<meta 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">
<!--Add host to these 3 links if the mashup is on another webserver than qlik sense static content-->
<link rel="stylesheet" href="https://community.qlik.com/resources/assets/qirby/autogenerated/qirby.css">
<link rel="stylesheet" href="https://community.qlik.com/resources/assets/client/client.css" media="all">
<script src="/resources/js/external/requirejs/require.js"></script>
<script src="MyMashup.js"></script>
<style>
article.qvobject
{
position:absolute;
overflow: hidden;
padding: 10px;
}
</style>
</head>
<body style="overflow:auto">
<div id="CurrentSelections" style="position:absolute;width:100%;height:35px;top:0px;left:0px" data-qvid="CurrentSelections" class="qvobject"></div>
<div data-qvid="DjgUExL" id="QV01" style="position: absolute; top: 50px; left: 20px; width: 200px; height: 200px;" class="qvobject"></div>
<div data-qvid="HWUVvn" id="QV02" style="position: absolute; top: 50px; left: 320px; width: 400px; height: 200px;" class="qvobject"></div>
<div data-qvid="RMTE" id="QV03" style="position: absolute; top: 300px; left: 20px; width: 200px; height: 200px;" class="qvobject"></div>
<div data-qvid="aSAn" id="QV04" style="position: absolute; top: 300px; left: 320px; width: 400px; height: 200px;" class="qvobject"></div>
<div id="QV05" style="position: absolute; top: 550px; left: 20px; width: 200px; height: 200px;" class="qvplaceholder"></div>
<div id="QV06" style="position: absolute; top: 550px; left: 320px; width: 400px; height: 200px;" class="qvplaceholder"></div>
</body></html>
______________________
JS CODE
/*global require, alert*/
/*
*
* @owner Enter you name here (xxx)
*/
/*
* Fill in host and port for QlikView engine
*/
var config = {
host: window.location.hostname,
prefix: "/",
port: window.location.port,
isSecure: window.location.protocol === "https:"
};
require.config( {
baseUrl: ( config.isSecure ? "https://" : "http://" ) + config.host + (config.port ? ":" + config.port: "") + config.prefix + "resources"
} );
require( ["js/qlik"], function ( qlik ) {
qlik.setOnError( function ( error ) {
alert( error.message );
} );
//callbacks
//open app and get objects
var app = qlik.openApp("ejemplo.qvf", config);
$(".qvobject").each(function() {
var qvid = $(this).data("qvid");
app.getObject(this, qvid);
});
/*AUTOGEN START*/
/*AUTOGEN END*/
} );
