Utiliser la visionneuse de documents (Use Document Viewer)

Vue d'ensemble (Overview)

Utilisez la commande Visionnage de document (Document Viewer) pour restituer un document et l'afficher en ligne dans UiPath Apps. Cette fonctionnalité est utile dans certains scénarios, tels que l'affichage d'un document de facturation ou d'un reçu provenant de diverses sources telles que des compartiments de stockage, des entités ou des liens accessibles au public.

For more information, see the Document Viewer page.

Dans les exercices ci-dessous, nous allons créer des applications simples avec différentes sources pour la commande Visionnage de document (Document Viewer). Cet exercice vous aidera à mieux comprendre le fonctionnement de la commande et à apprendre à l'utiliser efficacement dans vos applications.

Les différentes sources des exercices ci-dessous sont :

• Entités (Entities)
• URL publique
• Compartiment de stockage

Entités (Entities)

Prérequis

Avant de commencer cet exemple, assurez-vous que vous disposez des autorisations appropriées délivrées par le Data Service. Pour plus d'informations, consultez la page Data Service. - Gestion de l'accès.

Dans cet exemple, nous utiliserons une entité appelée Fichier (File) avec les champs suivants :

• Avatar : saisissez File

• Image : saisissez File

• Nom : saisissez Text

• Renommé : saisissez File

  

Ajoutez des données à l'entité (chiffres pour les champs File et noms pour le champ Text).

Procédure

1. Ouvrez votre application déjà existante ou lancez-en une nouvelle.

2. Add the entity created during Prerequisites to your app by clicking the Add any icon from the top of the canvas and selecting Entity.

3. Ajoutez une commande Visionnage de document (Document Viewer) à votre application.

4. Configurez la propriété Contexte de données de la page à l'aide d'une fonction Recherche (Lookup). Configurez la propriété afin qu'elle puisse rechercher un ID de données dans l'entité Fichier (File) en utilisant le format suivant :

Lookup(Entity, [Entity,Id, "=", "id of the entity"]). In this particular example, it should look like: Lookup(File, [File.Id, "=", "F99D676D-09E7-EC11-B656-281878D3E284"]).

5. Accédez à la commande Visionnage de document (Document Viewer) et configurez la propriété Source. Ajoutez n'importe quel champ de type File depuis la section Contexte de données (Data Context), dans le panneau Ressources (Resources).

URL publique

Utilisez la commande Visionnage de document (Document Viewer) pour restituer un document à l'aide d'une URL publique. Ajoutez l'URL dans la propriété Source de la commande.

Remarque :

L'URL doit être sécurisée et commencer par https.

Compartiment de stockage

Prérequis

Avant de commencer cet exemple, vous devez disposer d'un compartiment de stockage configuré dans Orchestrator et importé dans votre application.

For more information, see the Referencing a Storage Bucket from Orchestrator page

Procédure

1. Ouvrez votre application existante ou lancez-en une nouvelle.

2. Add the storage bucket to your app by clicking on the Add any icon from the top of the canvas and selecting Storage bucket.

   

3. Ajoutez une commande Visionnage de document (Document Viewer) à votre application.

4. Ajoutez une règle Obtenir le fichier du compartiment de stockage (Get file from Storage bucket) pour l'événement Chargé (Loaded) de la page.

   

5. Configurez la règle Obtenir le fichier du compartiment de stockage (Get file from Storage bucket) comme suit :

   • Dans le champ Compartiment de stockage, choisissez le compartiment de stockage contenant le fichier que vous souhaitez télécharger.

   • Accédez au compartiment de stockage dans Orchestrator et copiez le nom du fichier que vous devez télécharger. Collez le nom dans le champ Nom de fichier (File Name), y compris l'extension.

   • Ajoutez une nouvelle variable dans le champ Attribuer un fichier à la variable d'application (Assign file to app variable).

     

6. Sélectionnez la commande Visionnage de document (Document Viewer) et attribuez la variable précédemment créée dans la propriété Source.