Introduction

In this walkthrough, you integrate, or embed, a tile into a web app using C# and the Power BI API, some JavaScript code, and an IFrame.

NOTE: To get started with this walkthrough, you need a Power BI account. If you don't have an account, see Sign up for Power BI.

To integrate a tile into a web app, you use the Power BI API, and an Azure Active Directory (AD) authorization access token to get a dashboard and tile. Then, you load the tile into an IFrame using the same access token. The Power BI API provides programmatic access to certain Power BI resources. See Overview of Power BI REST API. The illustration below shows the general flow to integrate a tile.

Here are the steps to integrate, or embed, a tile into a web page.

NOTE: This article shows the code used in the Integrate a tile sample on GitHub. To follow along with this walkthrough, you should download the sample. To run the sample, see Configure the integrate a tile sample in the Register a web app with Azure AD step .

Steps to integrate a tile into an app

Next step

In the next step, you learn how to Register a web app with Azure AD to get a Client ID and Client Secret to authenticate the web app with Azure AD. A Client ID and Client Secret is used to identify your app in Azure AD. After you get a Client ID and Client Secret, you can configure the Integrate a tile sample. See Configure the integrate a tile sample.

Next Step >

See also

Sign up for Power BI
Integrate a tile sample
Configure the integrate a tile sample
Step 1: Register a web app with Azure AD
More questions? Try the Power BI Community