How do I embed Cloud Reporting reports in my app?
Bold Reports® Report Server is designed with an option to integrate reporting functionality into an application. For this, a comprehensive set of API is provided to enable server integration within an application. There are three options for integrating reporting features into your applications: REST API, Reporting Component and Embed URL. Each option provides a different approach for integrating reporting functionality into your applications.
Which embedding option should I use?
Choose an embedding option by what your application needs to do.
| Option | What it does | Start here |
|---|---|---|
| REST API | Manages Report Server functionality, such as authentication tokens, items and report export, from your application. | Generate authentication token from Report Server API |
| Reporting Components | Views and edits Report Server reports inside your application with the Report Viewer and Web Report Designer. | View report through Report Viewer |
| Embed URL | Shows report viewing in an iframe through an embed URL that you generate from the embed code. | Embed URL |
How to integrate with the REST API
You manage Report Server functionality from your application, such as authentication tokens, items, and report export, with the built-in REST API. For details, see the REST API reference and the following articles:
- Generate authentication token from Report Server UI
- Generate authentication token from Report Server API.
- Get list of Reports from Report server
- Export report from Report Server
How to embed the Reporting Components
You embed the Report Viewer and Web Report Designer components to view and edit Report Server reports inside your application.
Embedded Reporting Tools available with Bold Reports® to integrate reporting viewing and editing features into your application. The components view and edit reports from the Report Server through the built-in Report Service. You can learn more in the following sections:
Embed URL
You embed report viewing in your application by generating an embed URL from the report’s embed code and loading it in an iframe. You can learn more in the following sections:
Embed report using embed secret key
Frequently asked questions
Which properties does the Report Viewer need to show a report?
Set serviceAuthorizationToken, serverurl, reportServiceUrl and reportPath. For Bold Reports® Cloud, reportServiceUrl is https://service.boldreports.com/api/Viewer.
Which properties does the Web Report Designer need to connect to Cloud Reporting?
Set serviceAuthorizationToken, reportServerUrl and serviceUrl. The serviceUrl value is https://service.boldreports.com/api/Designer.
Which platforms can embed the Report Viewer?
The Bold Reports® Report Viewer can show your reports in Angular, ASP.NET Core, ASP.NET MVC, ASP.NET Web Forms, JavaScript, React, UWP and WPF applications.