Le traduzioni sono generate tramite traduzione automatica. In caso di conflitto tra il contenuto di una traduzione e la versione originale in Inglese, quest'ultima prevarrà.
Importante
Amazon QuickSight ha delle novità APIs per l'integrazione dell'analisi: GenerateEmbedUrlForAnonymousUser eGenerateEmbedUrlForRegisteredUser.
Puoi comunque utilizzare GetDashboardEmbedUrl and GetSessionEmbedUrl APIs per incorporare dashboard e QuickSight console, ma non contengono le funzionalità di incorporamento più recenti. Per l'esperienza di up-to-date incorporamento più recente, consulta. Incorporamento dell' QuickSight analisi nelle tue applicazioni
| Si applica a: Enterprise Edition |
| Destinatari: QuickSight sviluppatori Amazon |
Nella sezione seguente, puoi scoprire come utilizzare l'SDK di incorporamento (JavaScript) per QuickSight incorporare
-
Posiziona il pannello di controllo in una pagina HTML.
-
Passare i parametri nel pannello di controllo.
-
Gestisci stati di errore con messaggi personalizzati per l'applicazione.
Chiama l'operazione API GetDashboardEmbedUrl per ottenere l'URL da incorporare nell'applicazione. Questo URL è valido per 5 minuti, mentre la sessione risultante è valida per 10 ore. L'operazione API fornisce l'URL con un auth_code che consente una sessione di single sign-on.
Di seguito viene mostrata una risposta di esempio da get-dashboard-embed-url.
//The URL returned is over 900 characters. For this example, we've shortened the string for
//readability and added ellipsis to indicate that it's incomplete.
{
"Status": "200",
"EmbedUrl": "https: //dashboards.example.com/embed/620bef10822743fab329fb3751187d2d...",
"RequestId": "7bee030e-f191-45c4-97fe-d9faf0e03713"
} Incorpora questa dashboard nella tua pagina web utilizzando l' QuickSight Embedding SDK
Il seguente esempio illustra come utilizzare l'URL generato. Questo codice si trova sul server delle applicazioni.
<!DOCTYPE html>
<html>
<head>
<title>Basic Embed</title>
<!-- You can download the latest QuickSight embedding SDK version from https://www.npmjs.com/package/amazon-quicksight-embedding-sdk -->
<!-- Or you can do "npm install amazon-quicksight-embedding-sdk", if you use npm for javascript dependencies -->
<script src="./quicksight-embedding-js-sdk.min.js"></script>
<script type="text/javascript">
var dashboard;
function embedDashboard() {
var containerDiv = document.getElementById("embeddingContainer");
var options = {
// replace this dummy url with the one generated via embedding API
url: "https://us-east-1.quicksight.aws.amazon.com/sn/dashboards/dashboardId?isauthcode=true&identityprovider=quicksight&code=authcode",
container: containerDiv,
scrolling: "no",
height: "700px",
width: "1000px",
footerPaddingEnabled: true
};
dashboard = QuickSightEmbedding.embedDashboard(options);
}
</script>
</head>
<body onload="embedDashboard()">
<div id="embeddingContainer"></div>
</body>
</html>Affinché questo esempio funzioni, assicurati di utilizzare Amazon QuickSight Embedding SDK per caricare la dashboard incorporata sul tuo sito Web utilizzando. JavaScript Per ottenere la tua copia, procedi in uno dei seguenti modi:
-
Scarica l'SDK di QuickSight incorporamento di Amazon
da. GitHub Questo repository è gestito da un gruppo di sviluppatori. QuickSight -
Scarica l'ultima versione dell'SDK QuickSight di incorporamento da. https://www.npmjs.com/package/amazon-quicksight-embedding-sdk
-
Se lo utilizzi
npmper JavaScript le dipendenze, scaricalo e installalo eseguendo il comando seguente.npm install amazon-quicksight-embedding-sdk
