Introduction

Lors de l’étape 3 d’intégration d’une vignette à une application, Obtenir une vignette Power BI, vous obtenez une vignette Power BI. Lors de cette étape, vous chargez une vignette dans un IFrame.

Pour charger une vignette dans un IFrame, vous définissez l’attribut src d’un IFrame sur la propriété embedUrl d’une vignette, et créez un gestionnaire onload pour publier un message avec un jeton d’accès afin d’accéder à l’élément visuel de vignette. Voici un code JavaScript permettant de charger une vignette dans un IFrame.

Charger une vignette dans un IFrame

//Configure IFrame for the tile after you have an Access Token. See Default.aspx.cs to learn how to get an Access Token
window.onload = function () {
    if ("" != document.getElementById('MainContent_accessToken').value)
    {
        var iframe = document.getElementById('iFrameEmbedTile');

        // To load a tile do the following:
        // Set the IFrame source to the EmbedUrl from the Get Tiles operation
        iframe.src = document.getElementById('MainContent_tileEmbedUrl').value;

        // Add an onload handler to submit the access token
        iframe.onload = postActionLoadTile;
    }
};

// Post the access token to the IFrame
function postActionLoadTile() {

    // Construct the push message structure
    // This is where you assign the Access Token to get access to the tile visual
    var messageStructure = {
        action: "loadTile",
        accessToken: document.getElementById('MainContent_accessToken').value,
        height: 500,
        width: 500
    };
    message = JSON.stringify(messageStructure);

    // Push the message
    document.getElementById('iFrameEmbedTile').contentWindow.postMessage(message, "*");;
}

Si vous avez téléchargé et exécuté l’exemple d’intégration de vignette, l’exemple se présentera comme ci-dessous.

Conclusion

Cette procédure pas à pas vous a montré comment intégrer une vignette à une application en obtenant la vignette dans un tableau de bord puis en la chargeant dans un IFrame. Vous pouvez télécharger l’exemple complet de l’intégration d’une vignette qui montre toutes les parties actives de l’incorporation d’une vignette dans une application web ASP.NET. Vous pouvez également afficher le texte complet pour Intégrer une vignette à un listing de code d’application.

Voir aussi

S’inscrire à Power BI
Procédure pas à pas Intégrer une vignette à une application
Exemple d’intégration de vignette
Configurer l’exemple d’intégration de vignette
Opération Obtenir des tableaux de bord
Opération Obtenir des vignettes
D’autres questions ? Posez vos questions à la communauté Power BI