Switch branches/tags
Nothing to show
Find file History
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
..
Failed to load latest commit information.
.vscode
assets
config
src
typings
.editorconfig
.gitattributes
.gitignore
.npmignore
.powerbirc
README.md
gulpfile.js
package.json
powerbi.njsproj
tsconfig.json
tslint.json
typings.json

README.md

Embed a PowerBI report in a Client-Side Web Part

Summary

This sample SharePoint Framework client-side web part embedding a PowerBI report using PowerBI Embedded without any server-side code.

PowerBI Embedded Client-SideWeb Part in the SharePoint Workbench

Used SharePoint Framework Version

drop

Solution

Solution Author(s)
powerbi-embedded Roland Oldengarm (Provoke Solutions, @rolandoldengarm)

Version history

Version Date Comments
1.0 September 13, 2016 Initial release

Disclaimer

THIS CODE IS PROVIDED AS IS WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.


Prerequisites

  • Created a Workspace and a Workspace collection in Azure
  • PowerBI report saved as PBIX
  • PBIX uploaded to the Workspace
  • Report Access Token generated

Please refer to this blog post for detailed instructions how to do this.

Minimal Path to Awesome

  • clone this repo
  • $ npm i
  • $ gulp serve

Features

The PowerBI Embedded Client-Side Web Part is built on the SharePoint Framework using React and uses PowerBI Embedded to securely display a report. All authentication and rendering happens client-side, there is no server-side component required.

It uses the PowerBI Client for rendering the PowerBI report.