サード パーティのアプリの埋め込み

多くの顧客は、さまざまなアプリケーションを使用して業務を行っています。 これらのアプリケーションの一部は、財務と運用アプリと連携して動作するサードパーティの Web アプリです。 よりシームレスなユーザー エクスペリエンスを提供するには、フル ページ アプリ機能を使用して、それらのサードパーティ製アプリを財務と運用アプリに直接埋め込むことができます (サードパーティ製アプリが埋め込みを許可している場合)。 これにより、ユーザーはタブやウィンドウを切り替えることなく、必要な Web サイトやアプリにアクセスすることができます。

サードパーティ製アプリを製品に組み込む前に、機能管理でフル ページ アプリ機能をオンにする必要があります。 その後、次のいずれかの方法でサードパーティ製アプリまたは Web サイトを埋め込むことができます。 これらの方法は、Microsoft Power Apps のキャンバス アプリを財務と運用アプリに組み込む際に使用される方法に似ています。

  • 既存のページに、アプリまたは Web サイトを新しいタブ ページ (ピボット タブ、クイック タブ、ブレード、またはワークスペースのセクション) として埋め込みます。
  • ダッシュボードから、アプリまたは Web サイトの新しいフル ページ エクスペリエンスを作成します。

既存のページに Web サイトを埋め込む

システム内の既存のページを埋め込みアプリで補完する場合は、この手順を使用します。

  1. アプリを埋め込むページを開きます。

  2. アプリを追加ウィンドウを開きます。

    1. 設定を選択してから個人用設定を選択して、個人用設定ツールバーを開きます。
    2. 詳細 >アプリを追加を選択します。
  3. アプリを追加するページの地域を選択します。 この地域は、ピボット タブ、クイック タブ、ブレード、またはワークスペース セクションのタブ コンテナーである必要があります。

  4. Web サイトを選択します。

  5. 埋め込み型アプリを構成します。

    • 名前 – 埋め込みアプリを含むタブに表示するテキストを入力します。 多くの場合、アプリの名前をこのテキストに設定します。
    • URL – アプリの場所を指定します。

    重要

    • セキュリティ上の理由から、URL にはハイパーテキスト転送プロトコル セキュア (HTTPS) を使用する必要があります。
    • 埋め込むアプリまたは Web サイトは埋め込みを許可するように構成する必要があります。
  6. 保存を選択して、アプリをページに埋め込みます。 アプリがグループの最後のタブまたはセクションとして追加されます。

  7. アプリが予定通り表示されているかを確認します。 アプリが表示されない場合は、この記事の後半のトラブルシューティング セクションを参照してください。

  8. ビュー セレクターを開き、保存 (アプリを現在のビューに関連付ける場合) または名前を付けて保存 (アプリを別のビューに保存する場合) を選択します。

    ページにビュー セレクターがない場合 (たとえば、ページがダイアログ ボックスまたはワークスペースの場合)、この手順を省略できます。

ダッシュボードからのフル ページ エクスペリエンスとして Web サイトを埋め込む

埋め込むアプリが既存のページに関連していない場合や、財務と運用アプリ内のアプリでフル ページ エクスペリエンスが必要な場合は、この手順を使用してください。

  1. ダッシュボードを開きます。

  2. ダッシュボードで選択したまま (または右クリック) にしてから、個人設定を選択して、ページを追加を選択します。

  3. ページを追加ウィンドウで Web サイトを選択します。

  4. 埋め込み型アプリを構成します。

    • 名前 – 埋め込みアプリ用にダッシュボードに追加されるタイルに表示されるテキストを入力します。 多くの場合、アプリの名前をこのテキストに設定します。
    • URL – アプリの場所を指定します。

    重要

    • セキュリティ上の理由から、URL では HTTPS を使用する必要があります。
    • 埋め込むアプリまたは Web サイトは埋め込みを許可するように構成する必要があります。
  5. 保存を選択して、アプリを新しいタイルとしてダッシュボードに追加します。

  6. ダッシュボードの新しいタイルを選択し、アプリが予定通り表示されるかを確認します。 アプリが表示されない場合は、この記事の後半のトラブルシューティングセクションを参照してください。

埋め込まれたアプリの共有

前のセクションで説明した方法のいずれかを使用してアプリを埋め込んだ後に、システム内の他のユーザーとビューを共有することができます。 埋め込みアプリを共有するには、次のいずれかの方法を使用します。

  • ビューを公開する (推奨): 埋め込みアプリがビューに保存されている場合、ビューを共有するための推奨される方法は、対象の法人で適切なセキュリティ ロールを持つユーザーにビューを公開することです。 この場合、そのページには目的のユーザーだけに埋め込みアプリが表示されます。 公開方法の詳細については、「ビューを公開する」を参照してください。

    ダッシュボードからフル ページ エクスペリエンスとして埋め込まれたアプリを公開することもできます。 ダッシュボードで、アプリに関連付けられているタイルを選択したまま (または右クリック) にして、個人用設定を選択してから、ページを公開するを選択します。 ビューの公開エクスペリエンスと似たエクスペリエンスが表示され、公開するセキュリティ ロールを選択できます。 更新プログラム 10.0.21 以降で、保存されたビューに対する改善された法人サポートが有効になっている場合は、目的の法人にアプリを公開することもできます。

  • 個人用設定をコピーする :ビューがサポートしないページ (ダイアログ ボックスやワークスペースなど)、またはフル ページ アプリ エクスペリエンスの場合は、個人用設定を適切なユーザーにコピーできます。 詳細については、個人用設定の共有を参照してください。

埋め込まれたアプリの表示

財務と運用アプリのページに埋め込みアプリを表示するには、埋め込みアプリがあるページを開きます。 いくつかのページでは、標準アクション ペインの Power Apps ボタンを使用して埋め込みアプリにアクセスできることに注意してください。 または、新しいタブ、クイック タブ、ブレードとして、またはワークスペースの新しいセクションとしてページに直接表示することもできます。

埋め込みアプリの編集または削除

ページにアプリを埋め込んだ後に、アプリの構成を編集する必要がある場合があります (セクション ラベルや URL を変更するなど)。 または、ページから削除する必要がある場合があります。 埋め込みアプリの構成を編集したり、完全に削除したりするには、次のいずれかの手順に従います。

既存のページに埋め込まれているアプリ

  1. アプリが埋め込まれているページを開きます。

  2. 設定を選択してから個人用設定を選択して、個人用設定ツールバーを開きます。

  3. 選択ツールを選択し、埋め込みアプリを選択します。

  4. アプリを編集するには、必要に応じて構成を変更し、保存を選択します。

    または、アプリを削除するには、削除を選択します。

  5. ビューを再保存または再公開します。 ビューを明示的に保存せずにページを離れる場合、Web サイトの編集ウィンドウで実行したアクションは維持されません。

ダッシュボードに埋め込まれているアプリ

  1. ダッシュボードを開きます。

  2. 埋め込みアプリに関連付けられているタイルを選択したまま (または右クリック) にして、個人用設定を選択します。

  3. ページの編集を選択してアプリを編集します。 Web サイトの編集ウィンドウで、必要に応じてアプリ構成を変更してから、保存を選択します。

    または、アプリを削除するには、ページの削除を選択します。

付録

トラブルシューティング

Finance and Operation アプリに Web サイトを埋め込んでも正しく表示されない場合や、「URL の接続が拒否されました」というエラー メッセージが表示される場合は、その Web サイトが iFrame に埋め込まれないように設定されている可能性があります。 次の手順に従って、Web サイトを埋め込むかどうかを決定します。

  1. 使用しているブラウザー用の開発者ツールを開きます。
  2. ネットワーク タブで、埋め込みサイトからの応答を検索して選択します。
  3. ヘッダー タブの応答ヘッダーで、X-Frame-Options を検索します。 応答ヘッダーに X-Frame-Options が存在し、値が DENY または SAMEORIGIN の場合、Web サイトは現時点では埋め込むことができません。 アプリを安全に埋め込むには、アプリの所有者と連携する必要があります。

[開発者] フォーム上の Web サイトをモデル化する

この記事では個人用設定によるサードパーティ製アプリまたは Web サイトの埋め込みに焦点を当てていますが、開発者は Visual Studio 開発経験を利用してフォームに埋め込むこともできます。 フォームに WebsiteHostControl コントロールを追加します。 コントロールで使用できるメタデータ プロパティは、個人用設定のエクスペリエンスと同じ機能を提供します。