SharePoint Server の iFrame を使用して Power BI Report Server レポートを埋め込む

[アーティクル]
10/07/2023

この記事では、SharePoint ページの iFrame を使用して Power BI Report Server レポートを埋め込む方法について説明します。 SharePoint Online を使用している場合は、Power BI Report Server にパブリックにアクセスできる必要があります。 SharePoint Online では、Power BI サービスで動作する Power BI Web パーツは、Power BI Report Server で動作しません。

iFrame sample

前提条件

Power BI Report Server をインストールし、構成しておくこと。
Power BI Report Server 向けの Power BI Desktop をインストールしておくこと。
SharePoint Server 2013、2016、2019、またはサブスクリプションエディション環境がインストールされ、構成されている。
Internet Explorer 11 は、ドキュメントモードが IE11 (Edge) モードに設定されている場合か、SharePoint Online を使用している場合にのみサポートされます。 SharePoint オンプレミスと SharePoint Online を使用して、サポートされている他のブラウザーを使用できます。

Power BI レポート URL の作成

GitHub からサンプル Blog Demo をダウンロードします。 [Clone or download]\(複製またはダウンロード\) を選択し、 [Download ZIP]\(ZIP のダウンロード\) を選択します。
ファイルを解凍し、Power BI Report Server 向けの Power BI Desktop でサンプルの .pbix ファイルを開きます。
レポートを Power BI Report Server に保存します。
Power BI Report Server Web ポータルでレポートを表示します。

URL パラメーターの取得

URL を用意したら、レポートをホストする iFrame を SharePoint ページ内に作成できます。どの Power BI Report Server レポート URL の場合でも、次のクエリ文字列パラメーター ?rs:embed=true を追加し、SharePoint iFrame にレポートを埋め込みます。

例: https://myserver/reports/powerbi/Sales?rs:embed=true

SharePoint iFrame にレポートを埋め込む

SharePoint の [サイトコンテンツ] ページに移動します。
レポートを追加するページを選択します。
右上の歯車アイコンを選択し、 [ページの編集] を選択します。
[Web パーツの追加] を選択します。
[カテゴリ] で [メディアとコンテンツ] を選択します。 [パーツ] で [コンテンツエディター] を選択し、 [追加] を選択します。
[ここをクリックして新しいコンテンツを追加] を選択します。
一番上のメニューから [テキストの書式設定] を選択し、 [ソースの編集] を選択します。
[ソースの編集] ウィンドウで、 [HTML ソース] に iFrame コードを貼り付け、 [OK] を選択します。

次に例を示します。
```
<iframe width="800" height="600" src="https://myserver/reports/powerbi/Sales?rs:embed=true" frameborder="0" allowFullScreen="true"></iframe>
```
一番上のメニューで、 [ページ] を選択し、 [編集の終了] を選択します。

ページにレポートが表示されます。