0 Replies Latest reply: Dec 29, 2014 8:56 AM by Leonard Palacios RSS

    Configurar el código generado en un mash-up para publicarlo en una pagina de internet

    Leonard Palacios

      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="/resources/assets/qirby/autogenerated/qirby.css">

          <link rel="stylesheet" href="/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*/

       

       

      } );