Bold BI Embedded Sample in React with ASP.NETCore

This project was created using ASP.NET Core 8.0. This application aims to demonstrate how to render the dashboard available on your Bold BI server.

Dashboard view

Requirements/Prerequisites

• .NET Core 8.0
• Node.js

NOTE: Node.js v18.18 to v20.15 are supported

Supported browsers

• Google Chrome, Microsoft Edge, Mozilla Firefox, and Safari.

Configuration

• Please get the React with ASP.NET Core sample from GitHub.

• Please ensure you have enabled embed authentication on the embed settings page. If it is not currently enabled, please refer to the following image or detailed instructions to enable it.

• To download the embedConfig.json file, please follow this link for reference. Additionally, you can refer to the following image for visual guidance.

  

• Copy the downloaded embedConfig.json file and paste it into the designated location within the application. Please ensure you have placed it in the application, as shown in the following image.

  

Run a Sample Using Command Line Interface

1. Open the command line interface and navigate to the specified file location where the project is located.

2. To install all dependent packages, use the following command npm install.

3. Execute the command dotnet restore to restore the necessary packages. Once the packages have been successfully restored, use the dotnet build command to build the project.

4. Finally, run the application using the command dotnet run. After the application has started, it will display a URL in the command line interface, typically something like (e.g., http://localhost:44459/). Copy this URL and paste it into your default web browser.

Developer IDE

• Visual studio code(https://code.visualstudio.com/download)

Run a Sample Using Visual Studio Code

1. Open the React with ASP.NET Core sample in Visual Studio Code.

2. Open the terminal in Visual Studio Code and install all dependent packages using the following command npm install.

3. Execute the command dotnet restore to restore the required dependencies.

4. Build your .NET project by executing the dotnet build command in the terminal.

5. To run the application, use the command dotnet run in the terminal. After the application has started, it will display a URL in the command line interface, typically something like (e.g., http://localhost:44459/). Copy this URL and paste it into your default web browser.

   

Please refer to the help documentation to know how to run the sample.

Important notes

It is recommended not to store passwords and sensitive information in configuration files for security reasons in a real-world application. Instead, it would be best if you considered using a secure application, such as Key Vault, to safeguard your credentials.

Online demos

Look at the Bold BI Embedding sample to live demo here.

Documentation

A complete Bold BI Embedding documentation can be found on Bold BI Embedding Help.