Bold BI Embedded Sample in Angular with Go

This Bold BI Angular with Go sample contains the Dashboard embedding sample. In this sample, the Angular application acts as the front-end, and the Go sample act as the back-end application. This sample demonstrates the dashboard rendering with the available dashboard in your Bold BI server.

Dashboard view

Requirements/Prerequisites

• Go installer
• Node.js
• Visual Studio Code

NOTE: Node.js v14.16 to v18.18 are supported.

Supported browsers

• Google Chrome, Microsoft Edge, Mozilla Firefox.

Configuration

• Please get the Angular with Go 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. Run the back-end Go sample by using the following command go run main.go.

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

4. Install all dependent packages by executing the following command npm install.

5. Finally, run the application using the following command ng serve.

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

Developer IDE

• Visual Studio Code

Run a Sample Using Visual Studio Code

• Open the Go sample in Visual Studio Code.

• Run the back-end Go sample by using the following command in the terminal go run main.go.

• Open the Angular sample in a new window of Visual Studio Code.

• Install all dependent packages by executing the following command npm install.

• Finally, run the application using the following command ng serve.

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

  

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.