次の方法で共有


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

コミュニティの関心グループが Yammer から Microsoft Viva Engage に移行されました。 Viva Engage コミュニティに参加し、最新のディスカッションに参加するには、「 Finance and Operations Viva Engage Community へのアクセスを要求する 」フォームに入力し、参加するコミュニティを選択します。

多くの顧客は、さまざまなアプリケーションを使用して業務を行っています。 これらのアプリケーションの一部は、財務と運用アプリと連携して動作するサードパーティの 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. ダッシュボードの新しいタイルを選択し、アプリが予定通り表示されるかを確認します。 アプリが表示されない場合は、この記事の後半のトラブルシューティングセクションを参照してください。

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

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

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

    ダッシュボードから、フル ページ エクスペリエンスとして埋め込んだアプリを発行することもできます。 ダッシュボードで、アプリに関連付けられているタイルを長押し (または右クリック) し、[ 個人用設定] を選択してから、[ 発行] ページを選択します。 ビューの公開エクスペリエンスと似たエクスペリエンスが表示され、公開するセキュリティ ロールと法人を選択できます。

  • 個人用設定をコピーする: ビューをサポートしないページの場合は、個人用設定を適切なユーザーにコピーできます。 詳細については、個人用設定の共有を参照してください。

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

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

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

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

既存のページに埋め込むアプリ

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

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

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

  4. アプリを編集するには、その構成に必要な変更を加え、[ 保存] を選択します。

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

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

ダッシュボードから埋め込むアプリ

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

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

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

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

付録

トラブルシューティング

財務および運用アプリに Web サイトを埋め込んだ後に Web サイトが正しくレンダリングされない場合、または URL が接続を拒否したことを示すエラー メッセージが表示された場合、Web サイトは、iframe に埋め込まれるのを防ぐために構成されている可能性があります。 次の手順に従って、Web サイトを埋め込むことができるかどうかを判断します。

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

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

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