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

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

iFrame サンプルのスクリーンショット。

[前提条件]

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

Power BI レポートの URL を作成する

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

URL パラメーターをキャプチャする

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

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

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

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

例えば次が挙げられます。
```
<iframe width="800" height="600" src="https://myserver/reports/powerbi/Sales?rs:embed=true" frameborder="0" allowFullScreen="true"></iframe>
```
上部のメニューで [ ページ] を選択し、[ 編集の停止] を選択します。

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