PowerApps ： SharePoint のリストに添付した画像を表示させる方法

※本題の前に回りくどくなりますが前段の説明から入ります。色々知ってる人は飛ばしてください。

Office 365 のライセンスのみでは CDS ( Common Data Service )は利用できないので、PowerApps のアプリのデータの保存場所は OneDrive や SharePoint などを使う事になると思います。
PowerApps は SharePoint のフォームのカスタマイズをする用途もありますが、今回は SharePoint のカスタムリストを保存場所にしてアプリを作成した場合の話です。

SharePoint のカスタムリストから PowerApps でアプリを作成するのは非常に簡単です。

■アプリの作成

▼まずはカスタムリストを作成します（検証用途なので何も手を加えていません）

▼コマンドバー内[ PowerApps ]→[ アプリの作成 ]

▼アプリ名を入力し PowerApps が起動し1分弱待つとすでにアプリが作成されています

これだけで完了です。モバイルアプリから利用できるようになるので、外などモバイル機器での用途が多い場合は、こうやってカスタムリストをアプリとして切り出すのは有用かと思います。
というのも、 SharePoint モバイルアプリもありますが、起動してから目的のカスタムリストに到達するまでの経路はシンプルではないですからね。すぐ入力したい用途だったり、利用者が SharePoint を意識せずにシンプルに入力業務に専念したいなどがある場合は、このように PowerApps でアプリ化した方が良い場合もあると思います。

■アプリを動かしてみる

▼右上の[+]アイコンをクリック

▼タイトルを入力し、画像ファイルを添付し、右上のチェックアイコンをクリック

▼アイテムが登録されました。アイテム右の[＞]アイコンをクリックすると…

▼アイテムの詳細画面が表示されます

今回は検証用途でカスタムリストにタイトル列しかないので非常にシンプルになっていますが。

▼ SharePoint のカスタムリスト側もアイテムが登録されています

ただ、気付いたかと思いますが、これだと添付ファイルが PowerApps のアプリ側で表示されないんですよね。

■添付ファイルを表示してみる

DetailScreen1のDetailForm1のデータソースを見るとフィールドの部分に[添付ファイル]がありました！

▼現時点ではチェックされていないのでチェックします

▼添付ファイルカードが追加されたけど画像としては表示されません

▼プレビューで確認し、添付ファイルをクリックするとダウンロードされます

う～ん、ダウンロードじゃなくて画像を表示させたいんですよね。添付ファイルカードを色々触ってみたけどダメでした。

ようやく本題です。

ここから僕なりの比較的簡単な解決方法を紹介します。
ザックリ言うとカスタムリストに添付ファイル用のURL列を追加し、 Microsoft Flow で添付ファイルのURLを列に自動入力させ、その列を PowerApps のアプリで表示させる方法です。

■ SharePoint の作業

▼画像URL用の列を作成します

列の種類は「ハイパーリンクまたは画像」です。URLの形式は最終的には「画像」にしますが、この時点では「ハイパーリンク」にしてください。

■ Microsoft Flow でフロー作成

▼フロー全体はこんな感じ。Apply to each は勝手になります。

▼トリガー「項目が作成されたとき」

▼アクション「添付ファイルの取得」

▼アクション「項目の更新」

ImgUrl列に追加した「AbsoluteUri」は添付ファイルの取得アクションで得た添付ファイルへのリンクで、ここに追加すると勝手に Apply to each になります。何故かというと、添付ファイルは複数添付できるので、添付ファイルの回数分繰り返されるという事です。
ただ…これは後で課題としますが、このフローでは複数添付されていても一番最後に添付したファイルのみがここに入力されます。