Intégration d'Amazon Q dans l'expérience générative de questions-réponses Amazon Quick Sight - Amazon Quick Suite

Les traductions sont fournies par des outils de traduction automatique. En cas de conflit entre le contenu d'une traduction et celui de la version originale en anglais, la version anglaise prévaudra.

Intégration d'Amazon Q dans l'expérience générative de questions-réponses Amazon Quick Sight

   Public cible : développeurs Amazon Quick Suite 

Dans les sections suivantes, vous trouverez des informations détaillées sur la façon de configurer une expérience de questions-réponses générative intégrée qui utilise les fonctionnalités NLQ améliorées optimisées par. LLMs L’expérience de questions-réponses générative est le remplacement recommandé de la barre de recherche Q intégrée et fournit une expérience BI actualisée aux utilisateurs.

Intégration d'Amazon Q dans Amazon Quick Sight : expérience générative de questions-réponses pour les utilisateurs enregistrés

Dans les sections suivantes, vous trouverez des informations détaillées sur la façon de configurer une expérience de questions-réponses générative intégrée pour les utilisateurs enregistrés d'Amazon Quick Sight.

Étape 1 : Configurer des autorisations

Dans la section suivante, vous apprendrez à configurer les autorisations pour l’application backend ou le serveur web afin d’intégrer l’expérience générative de questions-réponses Cette tâche nécessite un accès administratif à AWS Identity and Access Management (IAM).

Chaque utilisateur qui accède à une expérience de questions-réponses générative assume un rôle qui lui confère un accès et des autorisations à Amazon Quick Sight. Pour que cela soit possible, créez un rôle IAM dans votre Compte AWS. Associez une politique IAM au rôle afin de fournir des autorisations à n’importe quel utilisateur qui assume ce rôle. Le rôle IAM doit fournir des autorisations pour récupérer l'intégration URLs pour un groupe d'utilisateurs spécifique.

À l’aide du caractère générique *, vous pouvez accorder l’autorisation de générer une URL pour tous les utilisateurs d’un espace de noms spécifique. Vous pouvez également accorder des autorisations pour générer une URL pour un sous-ensemble d’utilisateurs dans des espaces de noms spécifiques. Pour cela, ajoutez quicksight:GenerateEmbedUrlForRegisteredUser.

Vous pouvez créer une condition dans votre politique IAM qui limite les domaines que les développeurs peuvent répertorier dans le paramètre AllowedDomains d’une opération d’API GenerateEmbedUrlForRegisteredUser. Le paramètre AllowedDomains est un paramètre facultatif. Il permet aux développeurs de remplacer les domaines statiques configurés dans le menu Manage Amazon Quick Sight et de répertorier jusqu'à trois domaines ou sous-domaines pouvant accéder à une URL générée. Cette URL est ensuite intégrée dans le site web d’un développeur. Seuls les domaines répertoriés dans le paramètre peuvent accéder à l’expérience générative de questions-réponses. Sans cette condition, les développeurs peuvent répertorier n’importe quel domaine sur Internet dans le paramètre AllowedDomains.

Pour limiter les domaines que les développeurs peuvent utiliser avec ce paramètre, ajoutez une condition AllowedEmbeddingDomains à votre politique IAM. Pour plus d'informations sur le AllowedDomains paramètre, consultez le GenerateEmbedUrlForRegisteredUsermanuel Amazon Quick Sight API Reference.

L’exemple de stratégie suivant fournit ces autorisations.

De plus, si vous créez pour la première fois des utilisateurs qui seront des lecteurs d'Amazon Quick Sight, assurez-vous d'ajouter l'quicksight:RegisterUserautorisation dans la politique.

L'exemple de politique suivant autorise les nouveaux utilisateurs qui souhaitent lire Amazon Quick Sight à récupérer une URL d'intégration.

Enfin, l’identité IAM de votre application doit avoir une politique d’approbation qui lui est associée afin d’autoriser l’accès au rôle que vous venez de créer. Cela signifie que lorsqu'un utilisateur accède à votre application, celle-ci peut assumer le rôle en son nom et configurer l'utilisateur dans Amazon Quick Sight.

Voici un exemple de politique d’approbation.

JSON
{ "Version":"2012-10-17", "Statement": [ { "Sid": "AllowLambdaFunctionsToAssumeThisRole", "Effect": "Allow", "Principal": { "Service": "lambda.amazonaws.com" }, "Action": "sts:AssumeRole" }, { "Sid": "AllowEC2InstancesToAssumeThisRole", "Effect": "Allow", "Principal": { "Service": "ec2.amazonaws.com" }, "Action": "sts:AssumeRole" } ] }

Pour plus d’informations sur les politiques d’approbation pour OpenId Connect ou l’authentification Security Assertion Markup Language (SAML), consultez les sections suivantes du Guide de l’utilisateur IAM :

Étape 2 : Générer l’URL avec le code d’authentification en pièce jointe

Dans la section suivante, vous découvrirez comment authentifier votre utilisateur et obtenir l'URL de rubrique Q intégrable sur votre serveur d'applications. Si vous envisagez d'intégrer l'expérience de questions-réponses générative pour les types d'identité IAM ou Amazon Quick Sight, partagez la rubrique Q avec les utilisateurs.

Lorsqu’un utilisateur accède à votre application, l’application assume le rôle IAM pour le compte de l’utilisateur. L'application ajoute ensuite l'utilisateur à Amazon Quick Sight, s'il n'existe pas déjà. Puis, elle transmet un identifiant comme ID de session de rôle unique.

L'exécution des étapes décrites garantit que chaque lecteur du sujet Q est approvisionné de manière unique dans Amazon Quick Sight. Elle applique également les paramètres par utilisateur, tels que les valeurs dynamiques et de sécurité par défaut au niveau des lignes pour les paramètres. La sécurité au niveau des lignes basée sur des balises peut être utilisée pour l’intégration de la barre Q anonyme.

Les exemples suivants effectuent l’authentification IAM pour le compte de l’utilisateur. Ce code s’exécute sur votre serveur d’applications.

import com.amazonaws.auth.AWSCredentials; import com.amazonaws.auth.BasicAWSCredentials; import com.amazonaws.auth.AWSCredentialsProvider; import com.amazonaws.regions.Regions; import com.amazonaws.services.quicksight.AmazonQuickSight; import com.amazonaws.services.quicksight.AmazonQuickSightClientBuilder; import com.amazonaws.services.quicksight.model.GenerateEmbedUrlForRegisteredUserRequest; import com.amazonaws.services.quicksight.model.GenerateEmbedUrlForRegisteredUserResult; import com.amazonaws.services.quicksight.model.RegisteredUserEmbeddingExperienceConfiguration; import com.amazonaws.services.quicksight.model.RegisteredUserGenerativeQnAEmbeddingConfiguration; /** * Class to call QuickSight AWS SDK to get url for embedding Generative Q&A experience. */ public class RegisteredUserGenerativeQnAEmbeddingSample { private final AmazonQuickSight quickSightClient; public RegisteredUserGenerativeQnAEmbeddingSample() { this.quickSightClient = AmazonQuickSightClientBuilder .standard() .withRegion(Regions.US_EAST_1.getName()) .withCredentials(new AWS CredentialsProvider() { @Override public AWSCredentials getCredentials() { // provide actual IAM access key and secret key here return new BasicAWSCredentials("access-key", "secret-key"); } @Override public void refresh() { } } ) .build(); } public String getQuicksightEmbedUrl( final String accountId, // AWS Account ID final String topicId, // Topic ID to embed final List<String> allowedDomains, // Runtime allowed domain for embedding final String userArn // Registered user arn to use for embedding. Refer to Get Embed Url section in developer portal to find how to get user arn for a QuickSight user. ) throws Exception { final RegisteredUserEmbeddingExperienceConfiguration experienceConfiguration = new RegisteredUserEmbeddingExperienceConfiguration() .withGenerativeQnA(new RegisteredUserGenerativeQnAEmbeddingConfiguration().withInitialTopicId(topicId)); final GenerateEmbedUrlForRegisteredUserRequest generateEmbedUrlForRegisteredUserRequest = new GenerateEmbedUrlForRegisteredUserRequest(); generateEmbedUrlForRegisteredUserRequest.setAwsAccountId(accountId); generateEmbedUrlForRegisteredUserRequest.setUserArn(userArn); generateEmbedUrlForRegisteredUserRequest.setAllowedDomains(allowedDomains); generateEmbedUrlForRegisteredUserRequest.setExperienceConfiguration(experienceConfiguration); final GenerateEmbedUrlForRegisteredUserResult generateEmbedUrlForRegisteredUserResult = quickSightClient.generateEmbedUrlForRegisteredUser(generateEmbedUrlForRegisteredUserRequest); return generateEmbedUrlForRegisteredUserResult.getEmbedUrl(); } }
Note

La génération d'URL d'intégration APIs ne peut pas être appelée directement depuis les navigateurs. Reportez-vous plutôt à l’exemple Node.JS.

import json import boto3 from botocore.exceptions import ClientError sts = boto3.client('sts') # Function to generate embedded URL # accountId: AWS account ID # topicId: Topic ID to embed # userArn: arn of registered user # allowedDomains: Runtime allowed domain for embedding # roleArn: IAM user role to use for embedding # sessionName: session name for the roleArn assume role def getEmbeddingURL(accountId, topicId, userArn, allowedDomains, roleArn, sessionName): try: assumedRole = sts.assume_role( RoleArn = roleArn, RoleSessionName = sessionName, ) except ClientError as e: return "Error assuming role: " + str(e) else: assumedRoleSession = boto3.Session( aws_access_key_id = assumedRole['Credentials']['AccessKeyId'], aws_secret_access_key = assumedRole['Credentials']['SecretAccessKey'], aws_session_token = assumedRole['Credentials']['SessionToken'], ) try: quicksightClient = assumedRoleSession.client('quicksight', region_name='us-west-2') response = quicksightClient.generate_embed_url_for_registered_user( AwsAccountId=accountId, ExperienceConfiguration = { 'GenerativeQnA': { 'InitialTopicId': topicId } }, UserArn = userArn, AllowedDomains = allowedDomains, SessionLifetimeInMinutes = 600 ) return { 'statusCode': 200, 'headers': {"Access-Control-Allow-Origin": "*", "Access-Control-Allow-Headers": "Content-Type"}, 'body': json.dumps(response), 'isBase64Encoded': bool('false') } except ClientError as e: return "Error generating embedding url: " + str(e)

L'exemple suivant montre le JavaScript (Node.js) que vous pouvez utiliser sur le serveur d'applications pour générer l'URL du tableau de bord intégré. Vous pouvez utiliser cette URL dans votre site Web ou votre application pour afficher le tableau de bord.

const AWS = require('aws-sdk'); const https = require('https'); var quicksightClient = new AWS.Service({ region: 'us-east-1' }); quicksightClient.generateEmbedUrlForRegisteredUser({ 'AwsAccountId': '111122223333', 'ExperienceConfiguration': { 'GenerativeQnA': { 'InitialTopicId': 'U4zJMVZ2n2stZflc8Ou3iKySEb3BEV6f' } }, 'UserArn': 'REGISTERED_USER_ARN', 'AllowedDomains': allowedDomains, 'SessionLifetimeInMinutes': 100 }, function(err, data) { console.log('Errors: '); console.log(err); console.log('Response: '); console.log(data); });

L’exemple suivant montre le code .NET/C # que vous pouvez utiliser sur le serveur d’applications afin de générer l’URL pour la barre de recherche Q intégrée. Vous pouvez utiliser cette URL dans votre site web ou votre application pour afficher la barre de recherche Q.

using System; using Amazon.QuickSight; using Amazon.QuickSight.Model; namespace GenerateGenerativeQnAEmbedUrlForRegisteredUser { class Program { static void Main(string[] args) { var quicksightClient = new AmazonQuickSightClient( AccessKey, SecretAccessKey, SessionToken, Amazon.RegionEndpoint.USEast1); try { RegisteredUserGenerativeQnAEmbeddingConfiguration registeredUserGenerativeQnAEmbeddingConfiguration = new RegisteredUserGenerativeQnAEmbeddingConfiguration { InitialTopicId = "U4zJMVZ2n2stZflc8Ou3iKySEb3BEV6f" }; RegisteredUserEmbeddingExperienceConfiguration registeredUserEmbeddingExperienceConfiguration = new RegisteredUserEmbeddingExperienceConfiguration { GenerativeQnA = registeredUserGenerativeQnAEmbeddingConfiguration }; Console.WriteLine( quicksightClient.GenerateEmbedUrlForRegisteredUserAsync(new GenerateEmbedUrlForRegisteredUserRequest { AwsAccountId = "111122223333", ExperienceConfiguration = registeredUserEmbeddingExperienceConfiguration, UserArn = "REGISTERED_USER_ARN", AllowedDomains = allowedDomains, SessionLifetimeInMinutes = 100 }).Result.EmbedUrl ); } catch (Exception ex) { Console.WriteLine(ex.Message); } } } }

Pour assumer ce rôle, choisissez l'une des opérations d'API AWS Security Token Service (AWS STS) suivantes :

  • AssumeRole— Utilisez cette opération lorsque vous utilisez une identité IAM pour assumer le rôle.

  • AssumeRoleWithWebIdentity— Utilisez cette opération lorsque vous utilisez un fournisseur d'identité Web pour authentifier votre utilisateur.

  • AssumeRoleWithSaml— Utilisez cette opération lorsque vous utilisez le protocole SAML pour authentifier vos utilisateurs.

L’exemple suivant illustre la commande de l’interface de ligne de commande pour définir le rôle IAM. Les autorisations doivent être activées pour quicksight:GenerateEmbedUrlForRegisteredUser. Si vous envisagez d'ajouter just-in-time des utilisateurs lorsqu'ils utilisent un sujet dans la barre de recherche Q, les autorisations doivent également être activées pour le rôlequicksight:RegisterUser.

aws sts assume-role \ --role-arn "arn:aws:iam::111122223333:role/embedding_quicksight_q_generative_qna_role" \ --role-session-name john.doe@example.com

L’opération assume-role renvoie trois paramètres de sortie : la clé d’accès, la clé secrète et le jeton de session.

Note

Si vous obtenez une erreur ExpiredToken lorsque vous appelez l’opération AssumeRole, ceci est probablement dû au fait que le précédent SESSION TOKEN est encore dans les variables de l’environnement. Pour l’effacer, définissez les variables suivantes :

  • AWS_ACCESS_KEY_ID

  • AWS_SECRET_CLÉ D'ACCÈS

  • AWS_SESSION_JETON

L’exemple suivant montre comment définir ces trois paramètres dans l’interface de ligne de commande. Pour une machine Microsoft Windows, utilisez set au lieu de export.

export AWS_ACCESS_KEY_ID = "access_key_from_assume_role" export AWS_SECRET_ACCESS_KEY = "secret_key_from_assume_role" export AWS_SESSION_TOKEN = "session_token_from_assume_role"

L’exécution de ces commandes définit l’ID de session de rôle de l’utilisateur visitant votre site web sur embedding_quicksight_q_search_bar_role/john.doe@example.com. L’ID de session de rôle se compose du nom de rôle issu du role-arn et de la valeur role-session-name. L’utilisation de l’ID de session de rôle unique pour chaque utilisateur garantit que les autorisations appropriées sont définies pour chaque utilisateur. Ceci évite également toute limitation des accès des utilisateurs. Le throttling est une fonctionnalité de sécurité qui empêche le même utilisateur d'accéder à Amazon Quick Sight depuis plusieurs sites.

L'ID de session du rôle devient également le nom d'utilisateur dans Amazon Quick Sight. Vous pouvez utiliser ce modèle pour configurer vos utilisateurs dans Amazon Quick Sight à l'avance, ou pour les configurer la première fois qu'ils accèdent à l'expérience Generative Q&R.

L’exemple suivant montre la commande de l’interface de ligne de commande que vous pouvez utiliser pour provisionner un utilisateur. Pour plus d'informations sur RegisterUserDescribeUser, et sur les autres opérations de l'API Amazon Quick Sight, consultez la référence de l'API Amazon Quick Sight.

aws quicksight register-user \ --aws-account-id 111122223333 \ --namespace default \ --identity-type IAM\ --iam-arn "arn:aws:iam::111122223333:role/embedding_quicksight_q_generative_qna_role" \ --user-role READER \ --user-name jhnd \ --session-name "john.doe@example.com" \ --email john.doe@example.com \ --region us-east-1 \ --custom-permissions-name TeamA1

Si l’utilisateur est authentifié via Microsoft AD, vous n’avez pas besoin d’utiliser RegisterUser pour le configurer. Ils doivent plutôt être automatiquement abonnés la première fois qu'ils accèdent à Amazon Quick Sight. Pour les utilisateurs Microsoft AD, vous pouvez utiliser DescribeUser pour obtenir l’Amazon Resource Name (ARN) de l’utilisateur.

La première fois qu'un utilisateur accède à Amazon Quick Sight, vous pouvez également ajouter cet utilisateur au groupe avec lequel le tableau de bord est partagé. L’exemple suivant montre la commande de l’interface de ligne de commande pour ajouter un utilisateur à un groupe.

aws quicksight create-group-membership \ --aws-account-id 111122223333 \ --namespace default \ --group-name financeusers \ --member-name "embedding_quicksight_q_generative_qna_role/john.doe@example.com"

Vous avez désormais un utilisateur de votre application qui est également un utilisateur d'Amazon Quick Sight et qui a accès au tableau de bord.

Enfin, pour obtenir une URL signée pour le tableau de bord, appelez generate-embed-url-for-registered-user à partir du serveur d’applications. Ceci renvoie l’URL du tableau de bord intégrable. L'exemple suivant montre comment générer l'URL d'un tableau de bord intégré à l'aide d'un appel côté serveur pour les utilisateurs authentifiés par le biais de l'authentification unique (IAM AWS Managed Microsoft AD Identity Center).

aws quicksight generate-embed-url-for-anonymous-user \ --aws-account-id 111122223333 \ --namespace default-or-something-else \ --authorized-resource-arns '["topic-arn-topicId1","topic-arn-topicId2"]' \ --allowed-domains '["domain1","domain2"]' \ --experience-configuration 'GenerativeQnA={InitialTopicId="topicId1"}' \ --session-tags '["Key": tag-key-1,"Value": tag-value-1,{"Key": tag-key-1,"Value": tag-value-1}]' \ --session-lifetime-in-minutes 15

Pour plus d’informations sur l’utilisation de cette opération, consultez GenerateEmbedUrlForRegisteredUser. Vous pouvez utiliser cette opération et d’autres opérations d’API dans votre propre code.

Étape 3 : Intégrer l’URL de l’expérience de questions-réponses générative

Dans la section suivante, vous découvrirez comment intégrer l’URL de l’expérience générative de questions-réponses sur votre site web ou sur votre page d’application. Pour ce faire, utilisez le SDK d'intégration Amazon Quick Sight ()JavaScript. Le kit SDK vous permet d’effectuer les opérations suivantes :

  • Placer l’expérience de questions-réponses générative sur une page HTML.

  • Personnalisez la mise en page et l’apparence de l’expérience intégrée en fonction des besoins de votre application.

  • Gérer les états d’erreurs avec des messages personnalisés pour votre application.

Pour générer l’URL que vous pouvez intégrer dans votre application, appelez l’opération d’API GenerateEmbedUrlForRegisteredUser. Cette URL est valable pendant 5 minutes et la session qui en résulte est valide jusqu’à 10 heures. L’opération d’API fournit l’URL avec une valeur auth_code qui permet une session à connexion unique.

Voici un exemple de réponse de generate-embed-url-for-registered-user.

//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://quicksightdomain/embedding/12345/q/search...", "RequestId": "7bee030e-f191-45c4-97fe-d9faf0e03713" }

Intégrez l'expérience de questions-réponses générative à votre page Web en utilisant le SDK d'intégration Amazon Quick Sight ou en ajoutant cette URL dans un iframe. Si vous définissez une hauteur et une largeur fixes (en pixels), Amazon Quick Sight les utilise et ne modifie pas votre visuel lorsque votre fenêtre est redimensionnée. Si vous définissez un pourcentage relatif de hauteur et de largeur, Amazon Quick Sight fournit une mise en page réactive qui est modifiée en fonction de l'évolution de la taille de votre fenêtre.

Assurez-vous que le domaine hébergeant l'expérience de questions-réponses générative intégrée figure dans la liste des domaines autorisés, c'est-à-dire la liste des domaines approuvés pour votre abonnement Amazon Quick Sight. Cette exigence protège vos données en empêchant les domaines non approuvés d’héberger des tableaux de bord intégrés. Pour plus d’informations sur l’ajout de domaines pour une expérience générative questions et réponses, consultez la rubrique Gestion des domaines.

Vous pouvez utiliser le SDK d'intégration Amazon Quick Sight pour personnaliser la mise en page et l'apparence de l'expérience de questions-réponses générative intégrée en fonction de votre application. Utilisez la propriété panelType pour configurer l’état d’arrivée de l’expérience de questions-réponses générative lors de son affichage dans votre application. Définissez la propriété panelType sur 'FULL' pour afficher l’intégralité du panneau d’expérience Generative Q&R. Ce panneau ressemble à l'expérience des utilisateurs d'Amazon Quick Sight dans la console Amazon Quick Sight. La hauteur du cadre du panneau n’est pas modifiée en fonction de l’interaction de l’utilisateur et respecte la valeur que vous avez définie dans la propriété frameOptions.height. L’image ci-dessous montre le panneau d’expérience générative de questions-réponses qui s’affiche lorsque vous définissez la valeur panelType sur 'FULL'.

Définissez la propriété panelType sur 'SEARCH_BAR' pour afficher l’expérience de questions-réponses générative sous forme de barre de recherche. Cette barre de recherche ressemble au rendu de la barre de recherche Q lorsqu’elle est intégrée à une application. La barre de recherche générative de questions-réponses s’étend à un panneau plus grand qui affiche les options de sélection de sujets, la liste de suggestions de questions, le panneau de réponses ou le tableau d’affichage.

La hauteur minimale par défaut de la barre de recherche Generative Q&R est affichée lorsque l’actif intégré est chargé. Il est recommandé de définir la valeur frameOptions.height sur "38px" pour optimiser l’expérience de la barre de recherche. Utilisez cette propriété focusedHeight pour définir la taille optimale de la liste déroulante de sélection des sujets et de la liste de suggestions de questions. Utilisez cette propriété expandedHeight pour définir la taille optimale du panneau de réponses et du tableau d’affichage. Si vous choisissez cette option 'SEARCH_BAR', il est recommandé de définir le style du conteneur parent en utilisant la position ; absolu pour éviter tout déplacement de contenu indésirable dans votre application. L’image ci-dessous montre la barre de recherche de l’expérience Generative Q&R qui s’affiche lorsque vous définissez la valeur panelType sur 'SEARCH_BAR'.

Après avoir configuré la panelType propriété, utilisez le SDK d'intégration Amazon Quick Sight pour personnaliser les propriétés suivantes de l'expérience de questions-réponses générative.

  • Titre du panneau génératif de questions-réponses (s’applique uniquement à l’option panelType: FULL).

  • Le texte de remplacement de la barre de recherche.

  • Si la sélection de sujets est autorisée.

  • Indique si les noms des rubriques sont affichés ou masqués.

  • Indique si l’icône Amazon Q est affichée ou masquée (s’applique uniquement à l’option panelType: FULL).

  • Indique si le tableau d’affichage est affiché ou masqué.

  • Si les utilisateurs peuvent optimiser le panneau génératif de questions-réponses en plein écran.

  • Le thème du panneau génératif de questions-réponses. Un ARN de thème personnalisé peut être transmis au SDK pour modifier l’apparence du contenu du cadre. Les thèmes de démarrage Amazon Quick Sight ne sont pas pris en charge pour les panneaux Generative BI intégrés. Pour utiliser un thème de démarrage Amazon Quick Sight, enregistrez-le en tant que thème personnalisé dans Amazon Quick Sight.

Lorsque vous utilisez le SDK d'intégration Amazon Quick Sight, l'expérience de questions-réponses générative de votre page est redimensionnée dynamiquement en fonction de l'état. En utilisant le SDK Amazon Quick Sight Embedding, vous pouvez également contrôler les paramètres de l'expérience Generative Q&R et recevoir des rappels en termes de fin de chargement de page, de changements d'état et d'erreurs.

L’exemple suivant montre comment utiliser l’URL générée. Ce code est généré sur votre serveur d’applications.

<!DOCTYPE html> <html> <head> <title>Generative Q&A Embedding Example</title> <script src="https://unpkg.com/amazon-quicksight-embedding-sdk@2.7.0/dist/quicksight-embedding-js-sdk.min.js"></script> <script type="text/javascript"> const embedGenerativeQnA = async() => { const {createEmbeddingContext} = QuickSightEmbedding; const embeddingContext = await createEmbeddingContext({ onChange: (changeEvent, metadata) => { console.log('Context received a change', changeEvent, metadata); }, }); const frameOptions = { url: "<YOUR_EMBED_URL>", // replace this value with the url generated via embedding API container: '#experience-container', height: "700px", width: "1000px", onChange: (changeEvent, metadata) => { switch (changeEvent.eventName) { case 'FRAME_MOUNTED': { console.log("Do something when the experience frame is mounted."); break; } case 'FRAME_LOADED': { console.log("Do something when the experience frame is loaded."); break; } } }, }; const contentOptions = { // Optional panel settings. Default behavior is equivalent to {panelType: 'FULL'} panelOptions: { panelType: 'FULL', title: 'custom title', // Optional showQIcon: false, // Optional, Default: true }, // Use SEARCH_BAR panel type for the landing state to be similar to embedQSearchBar // with generative capability enabled topics /* panelOptions: { panelType: 'SEARCH_BAR', focusedHeight: '250px', expandedHeight: '500px', }, */ showTopicName: false, // Optional, Default: true showPinboard: false, // Optional, Default: true allowTopicSelection: false, // Optional, Default: true allowFullscreen: false, // Optional, Default: true searchPlaceholderText: "custom search placeholder", // Optional themeOptions: { // Optional themeArn: 'arn:aws:quicksight:<Region>:<AWS-Account-ID>:theme/<Theme-ID>' } onMessage: async (messageEvent, experienceMetadata) => { switch (messageEvent.eventName) { case 'Q_SEARCH_OPENED': { // called when pinboard is shown / visuals are rendered console.log("Do something when SEARCH_BAR type panel is expanded"); break; } case 'Q_SEARCH_FOCUSED': { // called when question suggestions or topic selection dropdown are shown console.log("Do something when SEARCH_BAR type panel is focused"); break; } case 'Q_SEARCH_CLOSED': { // called when shrinked to initial bar height console.log("Do something when SEARCH_BAR type panel is collapsed"); break; } case 'Q_PANEL_ENTERED_FULLSCREEN': { console.log("Do something when panel enters full screen mode"); break; } case 'Q_PANEL_EXITED_FULLSCREEN': { console.log("Do something when panel exits full screen mode"); break; } case 'CONTENT_LOADED': { console.log("Do something after experience is loaded"); break; } case 'ERROR_OCCURRED': { console.log("Do something when experience fails to load"); break; } } } }; const embeddedGenerativeQnExperience = await embeddingContext.embedGenerativeQnA(frameOptions, contentOptions); }; </script> </head> <body onload="embedGenerativeQnA()"> <div id="experience-container"></div> </body> </html>

Pour que cet exemple fonctionne, assurez-vous d'utiliser le SDK d'intégration Amazon Quick Sight pour charger l'expérience de questions-réponses générative intégrée sur votre site Web. JavaScript Pour obtenir votre copie, effectuez l’une des actions suivantes :

Fonctionnalités d’expérience générative de questions-réponses intégrées en option

Les fonctionnalités facultatives suivantes sont disponibles pour l’expérience générative intégrée de questions-réponses à l’aide du kit SDK d’intégration.

Invoquer des actions génératives dans la barre de recherche de questions

  • Définir une question — Cette fonctionnalité envoie une question à l’expérience de questions-réponses générative et interroge immédiatement la question.

    embeddedGenerativeQnExperience.setQuestion('show me monthly revenue');
  • Fermer le panneau de réponses (s’applique à l’option de barre de recherche générative de questions-réponses) — Cette fonctionnalité ferme le panneau de réponses et ramène l’iframe à l’état initial de la barre de recherche.

    embeddedGenerativeQnExperience.close();

Pour plus d'informations, consultez le SDK d'intégration Amazon Quick Sight.

Intégration d'Amazon Q dans Quick Suite : expérience générative de questions-réponses pour les utilisateurs anonymes (non enregistrés)

   Public cible : développeurs Amazon Quick Suite 

Dans les sections suivantes, vous trouverez des informations détaillées sur la configuration de l’expérience générative de questions-réponses intégrée pour les utilisateurs anonymes (non enregistrés).

Étape 1 : Configurer des autorisations

Dans la section suivante, vous apprendrez à configurer les autorisations pour l’application backend ou le serveur web afin d’intégrer l’expérience générative de questions-réponses. Cette tâche nécessite un accès administratif à AWS Identity and Access Management (IAM).

Chaque utilisateur qui accède à une expérience de questions-réponses générative assume un rôle qui lui confère un accès et des autorisations à Amazon Quick Sight. Pour que cela soit possible, créez un rôle IAM dans votre Compte AWS. Associez une politique IAM au rôle afin de fournir des autorisations à n’importe quel utilisateur qui assume ce rôle. Le rôle IAM doit fournir des autorisations pour récupérer l'intégration URLs pour un groupe d'utilisateurs spécifique.

À l’aide du caractère générique *, vous pouvez accorder l’autorisation de générer une URL pour tous les utilisateurs d’un espace de noms spécifique. Vous pouvez également accorder des autorisations pour générer une URL pour un sous-ensemble d’utilisateurs dans des espaces de noms spécifiques. Pour cela, ajoutez quicksight:GenerateEmbedUrlForAnonymousUser.

Vous pouvez créer une condition dans votre politique IAM qui limite les domaines que les développeurs peuvent répertorier dans le paramètre AllowedDomains d’une opération d’API GenerateEmbedUrlForAnonymousUser. Le paramètre AllowedDomains est un paramètre facultatif. Il permet aux développeurs de remplacer les domaines statiques configurés dans le menu Manage Amazon Quick Sight et de répertorier jusqu'à trois domaines ou sous-domaines pouvant accéder à une URL générée. Cette URL est ensuite intégrée dans le site web d’un développeur. Seuls les domaines répertoriés dans le paramètre peuvent accéder à la barre de recherche Q intégrée. Sans cette condition, les développeurs peuvent répertorier n’importe quel domaine sur Internet dans le paramètre AllowedDomains.

Pour limiter les domaines que les développeurs peuvent utiliser avec ce paramètre, ajoutez une condition AllowedEmbeddingDomains à votre politique IAM. Pour plus d'informations sur le AllowedDomains paramètre, consultez le GenerateEmbedUrlForAnonymousUsermanuel Amazon Quick Sight API Reference.

L’identité IAM de votre application doit avoir une politique d’approbation qui lui est associée afin d’autoriser l’accès au rôle que vous venez de créer. Cela signifie que lorsqu’un utilisateur accède à votre application, votre application peut assumer le rôle pour le compte de l’utilisateur afin d’ouvrir l’expérience générative de questions-réponses. Voici un exemple de politique d’approbation.

JSON
{ "Version":"2012-10-17", "Statement": [ { "Sid": "AllowLambdaFunctionsToAssumeThisRole", "Effect": "Allow", "Principal": { "Service": "lambda.amazonaws.com" }, "Action": "sts:AssumeRole" }, { "Sid": "AllowEC2InstancesToAssumeThisRole", "Effect": "Allow", "Principal": { "Service": "ec2.amazonaws.com" }, "Action": "sts:AssumeRole" } ] }

Pour plus d’informations sur les politiques d’approbation, consultez la rubrique Informations d’identification de sécurité temporaires dans le Guide de l’utilisateur IAM.

Étape 2 : Générer l’URL avec le code d’authentification en pièce jointe

Dans la section suivante, vous découvrirez comment authentifier votre utilisateur et obtenir l’URL de rubrique Q intégrable sur votre serveur d’applications.

Lorsqu’un utilisateur accède à votre application, l’application assume le rôle IAM pour le compte de l’utilisateur. L'application ajoute ensuite l'utilisateur à Amazon Quick Sight, s'il n'existe pas déjà. Puis, elle transmet un identifiant comme ID de session de rôle unique.

import java.util.List; import com.amazonaws.auth.AWSCredentials; import com.amazonaws.auth.AWSCredentialsProvider; import com.amazonaws.auth.BasicAWSCredentials; import com.amazonaws.regions.Regions; import com.amazonaws.services.quicksight.AmazonQuickSight; import com.amazonaws.services.quicksight.AmazonQuickSightClientBuilder; import com.amazonaws.services.quicksight.model.AnonymousUserGenerativeQnAEmbeddingConfiguration; import com.amazonaws.services.quicksight.model.AnonymousUserEmbeddingExperienceConfiguration; import com.amazonaws.services.quicksight.model.GenerateEmbedUrlForAnonymousUserRequest; import com.amazonaws.services.quicksight.model.GenerateEmbedUrlForAnonymousUserResult; import com.amazonaws.services.quicksight.model.SessionTag; /** * Class to call QuickSight AWS SDK to generate embed url for anonymous user. */ public class GenerateEmbedUrlForAnonymousUserExample { private final AmazonQuickSight quickSightClient; public GenerateEmbedUrlForAnonymousUserExample() { quickSightClient = AmazonQuickSightClientBuilder .standard() .withRegion(Regions.US_EAST_1.getName()) .withCredentials(new AWSCredentialsProvider() { @Override public AWSCredentials getCredentials() { // provide actual IAM access key and secret key here return new BasicAWSCredentials("access-key", "secret-key"); } @Override public void refresh() { } } ) .build(); } public String GenerateEmbedUrlForAnonymousUser( final String accountId, // YOUR AWS ACCOUNT ID final String initialTopicId, // Q TOPIC ID TO WHICH THE CONSTRUCTED URL POINTS AND EXPERIENCE PREPOPULATES INITIALLY final String namespace, // ANONYMOUS EMBEDDING REQUIRES SPECIFYING A VALID NAMESPACE FOR WHICH YOU WANT THE EMBEDDING URL final List<String> authorizedResourceArns, // Q TOPIC ARN LIST TO EMBED final List<String> allowedDomains, // RUNTIME ALLOWED DOMAINS FOR EMBEDDING final List<SessionTag> sessionTags // SESSION TAGS USED FOR ROW-LEVEL SECURITY ) throws Exception { AnonymousUserEmbeddingExperienceConfiguration experienceConfiguration = new AnonymousUserEmbeddingExperienceConfiguration(); AnonymousUserGenerativeQnAEmbeddingConfiguration generativeQnAConfiguration = new AnonymousUserGenerativeQnAEmbeddingConfiguration(); generativeQnAConfiguration.setInitialTopicId(initialTopicId); experienceConfiguration.setGenerativeQnA(generativeQnAConfiguration); GenerateEmbedUrlForAnonymousUserRequest generateEmbedUrlForAnonymousUserRequest = new GenerateEmbedUrlForAnonymousUserRequest() .withAwsAccountId(accountId) .withNamespace(namespace) .withAuthorizedResourceArns(authorizedResourceArns) .withExperienceConfiguration(experienceConfiguration) .withSessionTags(sessionTags) .withSessionLifetimeInMinutes(600L); // OPTIONAL: VALUE CAN BE [15-600]. DEFAULT: 600 .withAllowedDomains(allowedDomains); GenerateEmbedUrlForAnonymousUserResult result = quickSightClient.generateEmbedUrlForAnonymousUser(generateEmbedUrlForAnonymousUserRequest); return result.getEmbedUrl(); } }
Note

La génération d'URL d'intégration APIs ne peut pas être appelée directement depuis les navigateurs. Reportez-vous plutôt à l’exemple Node.JS.

import json import boto3 from botocore.exceptions import ClientError import time # Create QuickSight and STS clients quicksightClient = boto3.client('quicksight',region_name='us-west-2') sts = boto3.client('sts') # Function to generate embedded URL for anonymous user # accountId: YOUR AWS ACCOUNT ID # topicId: Topic ID to embed # quicksightNamespace: VALID NAMESPACE WHERE YOU WANT TO DO NOAUTH EMBEDDING # authorizedResourceArns: TOPIC ARN LIST TO EMBED # allowedDomains: RUNTIME ALLOWED DOMAINS FOR EMBEDDING # sessionTags: SESSION TAGS USED FOR ROW-LEVEL SECURITY def generateEmbedUrlForAnonymousUser(accountId, quicksightNamespace, authorizedResourceArns, allowedDomains, sessionTags): try: response = quicksightClient.generate_embed_url_for_anonymous_user( AwsAccountId = accountId, Namespace = quicksightNamespace, AuthorizedResourceArns = authorizedResourceArns, AllowedDomains = allowedDomains, ExperienceConfiguration = { 'GenerativeQnA': { 'InitialTopicId': topicId } }, SessionTags = sessionTags, SessionLifetimeInMinutes = 600 ) return { 'statusCode': 200, 'headers': {"Access-Control-Allow-Origin": "*", "Access-Control-Allow-Headers": "Content-Type"}, 'body': json.dumps(response), 'isBase64Encoded': bool('false') } except ClientError as e: print(e) return "Error generating embeddedURL: " + str(e)

L'exemple suivant montre le JavaScript (Node.js) que vous pouvez utiliser sur le serveur d'applications pour générer l'URL du tableau de bord intégré. Vous pouvez utiliser cette URL dans votre site Web ou votre application pour afficher le tableau de bord.

const AWS = require('aws-sdk'); const https = require('https'); var quicksightClient = new AWS.Service({ region: 'us-east-1', }); quicksightClient.generateEmbedUrlForAnonymousUser({ 'AwsAccountId': '111122223333', 'Namespace': 'DEFAULT' 'AuthorizedResourceArns': '["topic-arn-topicId1","topic-arn-topicId2"]', 'AllowedDomains': allowedDomains, 'ExperienceConfiguration': { 'GenerativeQnA': { 'InitialTopicId': 'U4zJMVZ2n2stZflc8Ou3iKySEb3BEV6f' } }, 'SessionTags': '["Key": tag-key-1,"Value": tag-value-1,{"Key": tag-key-1,"Value": tag-value-1}]', 'SessionLifetimeInMinutes': 15 }, function(err, data) { console.log('Errors: '); console.log(err); console.log('Response: '); console.log(data); });

L’exemple suivant montre le code .NET/C # que vous pouvez utiliser sur le serveur d’applications afin de générer l’URL pour la barre de recherche Q intégrée. Vous pouvez utiliser cette URL dans votre site web ou votre application pour afficher la barre de recherche Q.

using System; using Amazon.QuickSight; using Amazon.QuickSight.Model; namespace GenerateGenerativeQnAEmbedUrlForAnonymousUser { class Program { static void Main(string[] args) { var quicksightClient = new AmazonQuickSightClient( AccessKey, SecretAccessKey, SessionToken, Amazon.RegionEndpoint.USEast1); try { AnonymousUserGenerativeQnAEmbeddingConfiguration anonymousUserGenerativeQnAEmbeddingConfiguration = new AnonymousUserGenerativeQnAEmbeddingConfiguration { InitialTopicId = "U4zJMVZ2n2stZflc8Ou3iKySEb3BEV6f" }; AnonymousUserEmbeddingExperienceConfiguration anonymousUserEmbeddingExperienceConfiguration = new AnonymousUserEmbeddingExperienceConfiguration { GenerativeQnA = anonymousUserGenerativeQnAEmbeddingConfiguration }; Console.WriteLine( quicksightClient.GenerateEmbedUrlForAnonymousUserAsync(new GenerateEmbedUrlForAnonymousUserRequest { AwsAccountId = "111122223333", Namespace = "DEFAULT", AuthorizedResourceArns '["topic-arn-topicId1","topic-arn-topicId2"]', AllowedDomains = allowedDomains, ExperienceConfiguration = anonymousUserEmbeddingExperienceConfiguration, SessionTags = '["Key": tag-key-1,"Value": tag-value-1,{"Key": tag-key-1,"Value": tag-value-1}]', SessionLifetimeInMinutes = 15, }).Result.EmbedUrl ); } catch (Exception ex) { Console.WriteLine(ex.Message); } } } }

Pour assumer ce rôle, choisissez l'une des opérations d'API AWS Security Token Service (AWS STS) suivantes :

  • AssumeRole— Utilisez cette opération lorsque vous utilisez une identité IAM pour assumer le rôle.

  • AssumeRoleWithWebIdentity— Utilisez cette opération lorsque vous utilisez un fournisseur d'identité Web pour authentifier votre utilisateur.

  • AssumeRoleWithSaml— Utilisez cette opération lorsque vous utilisez le protocole SAML pour authentifier vos utilisateurs.

L’exemple suivant illustre la commande de l’interface de ligne de commande pour définir le rôle IAM. Les autorisations doivent être activées pour quicksight:GenerateEmbedUrlForAnonymousUser.

aws sts assume-role \ --role-arn "arn:aws:iam::111122223333:role/embedding_quicksight_generative_qna_role" \ --role-session-name anonymous caller

L’opération assume-role renvoie trois paramètres de sortie : la clé d’accès, la clé secrète et le jeton de session.

Note

Si vous obtenez une erreur ExpiredToken lorsque vous appelez l’opération AssumeRole, ceci est probablement dû au fait que le précédent SESSION TOKEN est encore dans les variables de l’environnement. Pour l’effacer, définissez les variables suivantes :

  • AWS_ACCESS_KEY_ID

  • AWS_SECRET_CLÉ D'ACCÈS

  • AWS_SESSION_JETON

L’exemple suivant montre comment définir ces trois paramètres dans l’interface de ligne de commande. Pour une machine Microsoft Windows, utilisez set au lieu de export.

export AWS_ACCESS_KEY_ID = "access_key_from_assume_role" export AWS_SECRET_ACCESS_KEY = "secret_key_from_assume_role" export AWS_SESSION_TOKEN = "session_token_from_assume_role"

L’exécution de ces commandes définit l’ID de session de rôle de l’utilisateur visitant votre site web sur embedding_quicksight_q_search_bar_role/QuickSightEmbeddingAnonymousPolicy. L’ID de session de rôle se compose du nom de rôle issu du role-arn et de la valeur role-session-name. L’utilisation de l’ID de session de rôle unique pour chaque utilisateur garantit que les autorisations appropriées sont définies pour chaque utilisateur. Ceci évite également toute limitation des accès des utilisateurs. Le throttling est une fonctionnalité de sécurité qui empêche le même utilisateur d'accéder à Amazon Quick Sight depuis plusieurs sites. De plus, cela permet également de garder chaque session séparée et distincte. Si vous utilisez un ensemble de serveurs web, par exemple pour l’équilibrage de charge, et qu’une session est reconnectée à un autre serveur, une nouvelle session démarre.

Pour obtenir une URL signée pour le tableau de bord, appelez generate-embed-url-for-anynymous-user à partir du serveur d’applications. Ceci renvoie l’URL du tableau de bord intégrable. L’exemple suivant montre comment générer l’URL d’un tableau de bord intégré à l’aide d’un appel côté serveur pour les utilisateurs qui effectuent des visites anonymes sur votre portail web ou votre application.

aws quicksight generate-embed-url-for-anonymous-user \ --aws-account-id 111122223333 \ --namespace default-or-something-else \ --authorized-resource-arns '["topic-arn-topicId","topic-arn-topicId2"]' \ --allowed-domains '["domain1","domain2"]' \ --experience-configuration 'GenerativeQnA={InitialTopicId="topicId1"}' \ --session-tags '["Key": tag-key-1,"Value": tag-value-1,{"Key": tag-key-1,"Value": tag-value-1}]' \ --session-lifetime-in-minutes 15

Pour plus d’informations sur l’utilisation de cette opération, consultez GenerateEmbedUrlForAnonymousUser. Vous pouvez utiliser cette opération et d’autres opérations d’API dans votre propre code.

Étape 3 : Intégrer l’URL de l’expérience de questions-réponses générative

Dans la section suivante, vous découvrirez comment intégrer l’URL de l’expérience générative de questions-réponses sur votre site web ou sur votre page d’application. Pour ce faire, utilisez le SDK d'intégration Amazon Quick Sight ()JavaScript. Le kit SDK vous permet d’effectuer les opérations suivantes :

  • Placer l’expérience de questions-réponses générative sur une page HTML.

  • Personnalisez la mise en page et l’apparence de l’expérience intégrée en fonction des besoins de votre application.

  • Gérer les états d’erreurs avec des messages personnalisés pour votre application.

Pour générer l’URL que vous pouvez intégrer dans votre application, appelez l’opération d’API GenerateEmbedUrlForAnonymousUser. Cette URL est valable pendant 5 minutes et la session qui en résulte est valide jusqu’à 10 heures. L’opération d’API fournit l’URL avec une valeur auth_code qui permet une session à connexion unique.

Voici un exemple de réponse de generate-embed-url-for-anonymous-user.

//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://quicksightdomain/embedding/12345/q/search...", "RequestId": "7bee030e-f191-45c4-97fe-d9faf0e03713" }

Intégrez l'expérience de questions-réponses générative à votre page Web à l'aide du SDK d'intégration Amazon Quick Sight ou en ajoutant cette URL dans un iframe. Si vous définissez une hauteur et une largeur fixes (en pixels), Amazon Quick Sight les utilise et ne modifie pas votre visuel lorsque votre fenêtre est redimensionnée. Si vous définissez un pourcentage relatif de hauteur et de largeur, Amazon Quick Sight fournit une mise en page réactive qui est modifiée en fonction de l'évolution de la taille de votre fenêtre.

Assurez-vous que le domaine qui hébergera l'expérience Generative Q&R figure sur la liste des domaines autorisés, c'est-à-dire la liste des domaines approuvés pour votre abonnement Amazon Quick Sight. Cette exigence protège vos données en empêchant les domaines non approuvés d’héberger l’expérience générative de questions-réponses. Pour plus d’informations sur l’ajout de domaines pour une expérience générative de questions-réponses intégrée, consultez la rubrique Gestion des domaines.

Vous pouvez utiliser le SDK d'intégration Amazon Quick Sight pour personnaliser la mise en page et l'apparence de l'expérience de questions-réponses générative intégrée en fonction de votre application. Utilisez la propriété panelType pour configurer l’état d’arrivée de l’expérience de questions-réponses générative lors de son affichage dans votre application. Définissez la propriété panelType sur 'FULL' pour afficher l’intégralité du panneau d’expérience Generative Q&R. Ce panneau ressemble à l'expérience des utilisateurs d'Amazon Quick Sight dans la console Amazon Quick Sight. La hauteur du cadre du panneau n’est pas modifiée en fonction de l’interaction de l’utilisateur et respecte la valeur que vous avez définie dans la propriété frameOptions.height. L’image ci-dessous montre le panneau d’expérience générative de questions-réponses qui s’affiche lorsque vous définissez la valeur panelType sur 'FULL'.

Définissez la propriété panelType sur 'SEARCH_BAR' pour afficher l’expérience de questions-réponses générative sous forme de barre de recherche. Cette barre de recherche ressemble au rendu de la barre de recherche Q lorsqu’elle est intégrée à une application. La barre de recherche générative de questions-réponses s’étend à un panneau plus grand qui affiche les options de sélection de sujets, la liste de suggestions de questions, le panneau de réponses ou le tableau d’affichage.

La hauteur minimale par défaut de la barre de recherche Generative Q&R est affichée lorsque l’actif intégré est chargé. Il est recommandé de définir la valeur frameOptions.height sur "38px" pour optimiser l’expérience de la barre de recherche. Utilisez cette propriété focusedHeight pour définir la taille optimale de la liste déroulante de sélection des sujets et de la liste de suggestions de questions. Utilisez cette propriété expandedHeight pour définir la taille optimale du panneau de réponses et du tableau d’affichage. Si vous choisissez cette option 'SEARCH_BAR', il est recommandé de définir le style du conteneur parent en utilisant la position ; absolu pour éviter tout déplacement de contenu indésirable dans votre application. L’image ci-dessous montre la barre de recherche de l’expérience Generative Q&R qui s’affiche lorsque vous définissez la valeur panelType sur 'SEARCH_BAR'.

Après avoir configuré la panelType propriété, utilisez le SDK d'intégration Amazon Quick Sight pour personnaliser les propriétés suivantes de l'expérience de questions-réponses générative.

  • Titre du panneau génératif de questions-réponses (s’applique uniquement à l’option panelType: FULL).

  • Le texte de remplacement de la barre de recherche.

  • Si la sélection de sujets est autorisée.

  • Indique si les noms des rubriques sont affichés ou masqués.

  • Indique si l’icône Amazon Q est affichée ou masquée (s’applique uniquement à l’option panelType: FULL).

  • Indique si le tableau d’affichage est affiché ou masqué.

  • Si les utilisateurs peuvent optimiser le panneau génératif de questions-réponses en plein écran.

  • Le thème du panneau génératif de questions-réponses. Un ARN de thème personnalisé peut être transmis au SDK pour modifier l’apparence du contenu du cadre. Les thèmes de démarrage Amazon Quick Sight ne sont pas pris en charge pour les panneaux Generative BI intégrés. Pour utiliser un thème de démarrage Amazon Quick Sight, enregistrez-le en tant que thème personnalisé dans Amazon Quick Sight.

Lorsque vous utilisez le SDK d'intégration Amazon Quick Sight, l'expérience de questions-réponses générative de votre page est redimensionnée dynamiquement en fonction de l'état. Avec le SDK Amazon Quick Sight Embedding, vous pouvez également contrôler les paramètres de l'expérience Generative Q&R et recevoir des rappels en termes de fin de chargement de page, de changements d'état et d'erreurs.

L’exemple suivant montre comment utiliser l’URL générée. Ce code est généré sur votre serveur d’applications.

<!DOCTYPE html> <html> <head> <title>Generative Q&A Embedding Example</title> <script src="https://unpkg.com/amazon-quicksight-embedding-sdk@2.7.0/dist/quicksight-embedding-js-sdk.min.js"></script> <script type="text/javascript"> const embedGenerativeQnA = async() => { const {createEmbeddingContext} = QuickSightEmbedding; const embeddingContext = await createEmbeddingContext({ onChange: (changeEvent, metadata) => { console.log('Context received a change', changeEvent, metadata); }, }); const frameOptions = { url: "<YOUR_EMBED_URL>", // replace this value with the url generated via embedding API container: '#experience-container', height: "700px", width: "1000px", onChange: (changeEvent, metadata) => { switch (changeEvent.eventName) { case 'FRAME_MOUNTED': { console.log("Do something when the experience frame is mounted."); break; } case 'FRAME_LOADED': { console.log("Do something when the experience frame is loaded."); break; } } }, }; const contentOptions = { // Optional panel settings. Default behavior is equivalent to {panelType: 'FULL'} panelOptions: { panelType: 'FULL', title: 'custom title', // Optional showQIcon: false, // Optional, Default: true }, // Use SEARCH_BAR panel type for the landing state to be similar to embedQSearchBar // with generative capability enabled topics /* panelOptions: { panelType: 'SEARCH_BAR', focusedHeight: '250px', expandedHeight: '500px', }, */ showTopicName: false, // Optional, Default: true showPinboard: false, // Optional, Default: true allowTopicSelection: false, // Optional, Default: true allowFullscreen: false, // Optional, Default: true searchPlaceholderText: "custom search placeholder", // Optional themeOptions: { // Optional themeArn: 'arn:aws:quicksight:<Region>:<AWS-Account-ID>:theme/<Theme-ID>' } onMessage: async (messageEvent, experienceMetadata) => { switch (messageEvent.eventName) { case 'Q_SEARCH_OPENED': { // called when pinboard is shown / visuals are rendered console.log("Do something when SEARCH_BAR type panel is expanded"); break; } case 'Q_SEARCH_FOCUSED': { // called when question suggestions or topic selection dropdown are shown console.log("Do something when SEARCH_BAR type panel is focused"); break; } case 'Q_SEARCH_CLOSED': { // called when shrinked to initial bar height console.log("Do something when SEARCH_BAR type panel is collapsed"); break; } case 'Q_PANEL_ENTERED_FULLSCREEN': { console.log("Do something when panel enters full screen mode"); break; } case 'Q_PANEL_EXITED_FULLSCREEN': { console.log("Do something when panel exits full screen mode"); break; } case 'CONTENT_LOADED': { console.log("Do something after experience is loaded"); break; } case 'ERROR_OCCURRED': { console.log("Do something when experience fails to load"); break; } } } }; const embeddedGenerativeQnExperience = await embeddingContext.embedGenerativeQnA(frameOptions, contentOptions); }; </script> </head> <body onload="embedGenerativeQnA()"> <div id="experience-container"></div> </body> </html>

Pour que cet exemple fonctionne, assurez-vous d'utiliser le SDK d'intégration Amazon Quick Sight pour charger l'expérience de questions-réponses générative intégrée sur votre site Web. JavaScript Pour obtenir votre copie, effectuez l’une des actions suivantes :

Fonctionnalités d’expérience générative de questions-réponses intégrées en option

Les fonctionnalités facultatives suivantes sont disponibles pour l’expérience générative intégrée de questions-réponses à l’aide du kit SDK d’intégration.

Invoquer des actions génératives dans la barre de recherche de questions

  • Définir une question — Cette fonctionnalité envoie une question à l’expérience de questions-réponses générative et interroge immédiatement la question.

    embeddedGenerativeQnExperience.setQuestion('show me monthly revenue');
  • Fermer le panneau de réponses (s’applique à l’option de barre de recherche générative de questions-réponses) — Cette fonctionnalité ferme le panneau de réponses et ramène l’iframe à l’état initial de la barre de recherche.

    embeddedGenerativeQnExperience.close();

Pour plus d'informations, consultez le SDK d'intégration Amazon Quick Sight.