sp-dev-fx-webparts/samples/js-powerbi-embedded/README.md

2.6 KiB

page_type products languages extensions
sample
office-sp
power-bi
javascript
typescript
contentType technologies platforms createdDate
samples
SharePoint Framework
JQuery
1/1/2016 12:00:00 AM

Embed a PowerBI Report

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

Compatibility

SPFx 0.2.0 Node.js v6 Compatible with SharePoint Online Compatible SharePoint 2019 Compatible with SharePoint 2016 (Feature Pack 2) Local Workbench Compatible Hosted Workbench Compatible

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.