ドキュメントビューアーを使用する

概要

[ドキュメントビューアー] コントロールを使用すると、UiPath Apps でドキュメントをレンダリングしてインラインで表示できます。この機能は、ストレージバケット、エンティティ、公的にアクセスできるリンクなどのさまざまなソースから請求書ドキュメントや領収書を表示する場合などの特定のシナリオに役立ちます。

詳細については、「ドキュメントビューアー」ぺージをご覧ください。

以下の演習では、[ドキュメントビューアー] コントロール用にさまざまなソースを持つシンプルなアプリを作成します。この演習では、コントロールの動作について理解を深め、アプリ内での効率的な使用方法を習得できるようにします。

以下の演習のさまざまなソースは次のとおりです。

エンティティ

前提条件

この例を開始する前に、Data Service に対する適切な権限があることを確認してください。詳細については、『Data Service ガイド』の「アクセス権を管理する」をご覧ください。

この例では、以下のフィールドを持つ、File というエンティティを使用します。

Avatar - File 型
Image - File 型
Name - Text 型
Renamed - File 型

エンティティにデータを追加します (File フィールドの図および Text フィールドの名前)。

手順

1. 既存のアプリケーションを開くか、新しいアプリケーションを開始します。

2. キャンバスの上部から [任意に追加] docs image

アイコンをクリックし、[エンティティ] を選択して、「前提条件」で作成したエンティティをアプリに追加します。

3. [ドキュメントビューアー] コントロールをアプリに追加します。

4. Lookup 関数を使用して、ページの [データコンテキスト] プロパティを設定します。File エンティティ内で次の形式を使用してデータ ID を検索できるように、プロパティを設定します。

Lookup(エンティティ, [エンティティ,ID, "=", "id of the entity"])。この特定の例では、次のようになります: Lookup(File, [File.Id, "=", "F99D676D-09E7-EC11-B656-281878D3E284"])。

5. [ドキュメントビューアー] コントロールに移動し、[ソース] プロパティを設定します。[リソース] パネルの [データコンテキスト] セクションから、任意の File 型のフィールドを追加します。

パブリック URL

[ドキュメントビューアー] コントロールを使用すると、パブリック URL を使用してドキュメントをレンダリングできます。コントロールの [ソース] プロパティに URL を追加します。

注: https で始まる URL は、セキュリティで保護されているはずです。

ストレージバケット

前提条件

この例を開始する前に、ストレージバケットを Orchestrator 内で設定し、アプリケーション内にインポートする必要があります。

詳細については、「Orchestrator からストレージバケットを参照する」をご覧ください。

手順

既存のアプリケーションを開くか、新しいアプリケーションを開始します。
キャンバスの上部から [任意に追加] アイコンをクリックし、[ストレージバケット] を選択して、アプリにストレージバケットを追加します。
[ドキュメントビューアー] コントロールをアプリに追加します。
ページの [読み込み時] イベントに [ストレージバケットからファイルを取得] ルールを追加します。
[ストレージバケットからファイルを取得] ルールを次のように設定します。
- [ストレージバケット] フィールドで、ダウンロードするファイルを含むストレージバケットを選択します。
- Orchestrator のストレージバケットに移動し、ダウンロードする必要のあるファイルの名前をコピーします。[ファイル名] フィールドに名前 (拡張子を含む) を貼り付けます。
- [アプリの変数にファイルを割り当てる] フィールドに新しい変数を追加します。
[ドキュメントビューアー] コントロールを選択し、[ソース] プロパティで前に作成した変数を割り当てます。