sp-dev-fx-webparts/samples/js-powerbi-embedded
Hugo Bernier 7ed51a0838 Updated sample JSON 2021-03-15 03:48:14 -04:00
..
.vscode Renamed folder to js-powerbi-embedded 2016-09-15 20:23:33 +12:00
assets Updated sample JSON 2021-03-15 03:48:14 -04:00
config Renamed folder to js-powerbi-embedded 2016-09-15 20:23:33 +12:00
src Renamed folder to js-powerbi-embedded 2016-09-15 20:23:33 +12:00
typings Renamed folder to js-powerbi-embedded 2016-09-15 20:23:33 +12:00
.editorconfig Renamed folder to js-powerbi-embedded 2016-09-15 20:23:33 +12:00
.gitattributes Renamed folder to js-powerbi-embedded 2016-09-15 20:23:33 +12:00
.gitignore Renamed folder to js-powerbi-embedded 2016-09-15 20:23:33 +12:00
.npmignore Renamed folder to js-powerbi-embedded 2016-09-15 20:23:33 +12:00
.powerbirc Renamed folder to js-powerbi-embedded 2016-09-15 20:23:33 +12:00
README.md Update README.md 2020-11-08 21:27:15 -08:00
gulpfile.js Renamed folder to js-powerbi-embedded 2016-09-15 20:23:33 +12:00
package.json Renamed folder to js-powerbi-embedded 2016-09-15 20:23:33 +12:00
powerbi.njsproj Renamed folder to js-powerbi-embedded 2016-09-15 20:23:33 +12:00
tsconfig.json Renamed folder to js-powerbi-embedded 2016-09-15 20:23:33 +12:00
tslint.json Add tslint at the root of each SPFx project () 2018-01-08 15:58:48 +02:00
typings.json Renamed folder to js-powerbi-embedded 2016-09-15 20:23:33 +12:00

README.md

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

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.