How do I integrate the Web Report Designer into my app?

Bold Reports® Server provides a built-in Restful API to integrate the Bold Reporting Tools Standalone Report Designer into other applications. To do this, set the serviceAuthorizationToken, reportServerUrl and serviceUrl properties for the Standalone Report Designer.

What do I need first?

Before you integrate the Standalone Report Designer with Bold Reports® Cloud, you need:

  • An access token for the user. Generate one from the Report Server UI or with the Authentication API.
  • The URL of your Cloud Reporting site.
  • An application on one of the platforms listed at the end of this page.
Standalone Report Designer Property Value
serviceAuthorizationToken Pass the access token of the user. Get access token using the Bold Reports® Server Authentication API.

bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJlbWFpbCI6InN1 YmhhLnN1a3VtYXJhbkBzeW5jZnVzaW9uLmNvbSIsIm5hbWVpZCI6IjEiLCJ1 bmlxdWVfbmFtZSI6ImM0NWFiZmE0LTBlNjAtNGI4Yy04NWM4LWMxNTBiOGJh MjlkNyIsIklQIjoiOjoxIiwiaXNzdWVkX2RhdGUiOiIxNjMxNzEyOTYzIiwi bmJmIjoxNjMxNzEyOTYzLCJleHAiOjE2MzIzMTc3NjMsImlhdCI6MTYzMTcx Mjk2MywiaXNzIjoiaHR0cDovL2xvY2FsaG9zdDo1MTc3OC9yZXBvcnRpbmcv c2l0ZS9zaXRlOTEiLCJhdWQiOiJodHRwOi8vbG9jYWxob3N0OjUxNzc4L3Jl cG9ydGluZy9zaXRlL3NpdGU5MSJ9.d24190nn6i2UNz_8hX1mI0JZTNO9zPX 1HYSlGClkUyw

reportServerUrl Bold Reports® Cloud server URL.

https://example.com/reporting/api

serviceUrl Bold Reports® Cloud service URL.

https://service.boldreports.com/api/Designer

For platform-specific integration steps, see the following guides:

Angular

ASP.NET Core

ASP.NET MVC

ASP.NET Web Forms

Javascript

Frequently asked questions

Which service URL does the Web Report Designer use?

Set serviceUrl to https://service.boldreports.com/api/Designer. This is the Cloud Reporting service URL for the Web Report Designer.

What value goes in serviceAuthorizationToken?

Pass the user’s access token with the bearer prefix. Get the token from the Authentication API or from the Personal Access Token tab on your profile.

Which platforms can integrate the Web Report Designer?

Bold Reports® documents Web Report Designer server integration for Angular, ASP.NET Core, ASP.NET MVC, ASP.NET Web Forms and JavaScript applications.