I am in the process of building a web platform with Spring and Angular.
One important element I want to include is Power Bi integration, allowing me to generate datasets and reports using Spring and display charts in Angular.
Are there any resources or tutorials that could assist me in setting this up?
Thank you.
To start embedding Power BI, it's important to understand the two modes available - user owns data and app owns data. In the first mode, each user authenticates with their own Power BI Pro account, requiring a license for each user. The latter mode requires only one "master account" for authentication. I will focus on describing the app owns data mode.
Here are the steps you need to follow:
Register an application by visiting dev.powerbi.com/apps and registering a native application. Choose the permissions to grant (for initial testing, consider granting all permissions). Make note of the GUID, which is the app ID or client ID.
Authenticate from your application to obtain an access token using the Azure Active Directory Authentication Library (ADAL). Utilize the acquireToken methods of the AuthenticationContext class.
Use the obtained access token to call the Power BI REST API and retrieve the embedUrl of the element you wish to embed, such as a report.
Employ the Power BI JavaScript client to embed the element. Initialize an embed configuration class, providing details about the element type, location (embedUrl), authentication (access token), configuration options (show or hide filters pane, navigation settings), applied filters, etc. If utilizing the previously acquired access token, set the tokenType as AAD. For enhanced security, consider using an Embed token instead. To obtain this token, make another API call using the access token (e.g., Reports GenerateTokenInGroup).
Invoke the powerbi.embed method of the JavaScript client, passing the configured information to visualize the Power BI element within your application.
For further guidance, refer to these resources:
My objective is to test the 'typing' functionality in an input element. The aim is to insert a value into the input element, verify that its binding successfully captures the value, and observe the entered value within the input element. Below i ...
After successfully implementing this code: <a [routerLink]="['/menuItemOne']"> <span [innerHTML]="(mystrings$ | async)?.menuItemOne | htmlToText"></span> </a> I now face the challenge of updating t ...
I recently developed a chat application using Angular that utilizes the stomp socket from @stomp/ng2-stompjs. To display all messages, I am leveraging *ngFor. <p *ngFor="let item of messages" style="padding: 5px; font-size: 18px"> <span style ...
When it comes to managing different classes for the login page versus other pages in an application, there is a need to change the body element's class once the user has logged in. Here is how I am attempting to achieve this: index.html <body [ng ...
I am attempting to recreate the Backup Codes feature of Google by generating four random 8-digit numbers. for(let i = 0; i < 4; i++) { let backendCode = Math.floor(Math.random() * (99999999 - 10000000 + 1) + 10000000); backendCodes.push(back ...
When using *ngFor in Angular to loop over an array and generate input text elements bound to the values in the array, I'm encountering some issues. The value is not binding correctly when a user inputs something into the text field. I attempted to ru ...
How can I ensure that the already selected item is displayed upon loading this div? The code in `rp` consists of an array of type Permission with one element, which should be automatically selected. What could be causing the issue? Here is the HTML snippe ...
Exploring prisma with mongoDb for the first time and faced a challenge. I need to update a boolean value in a collection but struggling to find the right query to switch it between true and false... :( const updateUser = await prisma.user.update({ where: ...
After successfully retrieving all data from the "topics" collection using find() with cursor and foreach, I am encountering an issue. When I attempt to assign the fetched information to a variable named "data" and send it back to the page, it consistently ...
I'll try to keep this concise, Here is the structure of the schema... import mongoose from 'mongoose' const QuestionSchema = mongoose.Schema({ questionTitle: { type: String, required: " title"}, questionBody: { type: Stri ...
My AppComponent relies on Location (from angular2/router) as a dependency. Within the AppComponent, I am using Location.path(). However, when running my Jasmine test, I encountered an error. Can you help me identify the issue with my Jasmine test and guide ...
How can I copy JSON data to clipboard using a button click? { "Version": "2012-10-17", "Statement": [ { "Sid": "VisualEditor0", "Effect": "Allow", "Action": [ ... ], "Resource": "*" } ] } I attempted to ...
Hey there! I'm currently in the process of setting up an Angular application to make a GET request to my PHP backend. The PHP code is set up to expect three parameters - two strings and an array of strings. For example, it would look something like th ...
Considering creating an API using NodeJS with mongoose has crossed my mind. I understand that mongoose typically uses one connection per app. However, if we were to hypothetically have 300,000 users simultaneously joining a live room to participate in ans ...
Struggling to upgrade my Angular version from 11.1.1 to 12.1.1 and encountering a build error. "CustomWebpackDevServerSchema" schema is using the keyword "id" which its support is deprecated. Use "$id" for schema ID. "BuildCustomWebpackBrowserSchema" sche ...
I have two arrays that are almost identical, except for two items which are the fakeDates: this.prodotti.push({ idAgreement: this.idAgreement,landingStatus: this.landingStatus, landingType: this.landingType, startDate: this.startDate, expirationDate: thi ...
My task involves implementing CRUD (Create, Read, Update, Delete) functionality for my table. While Create, Read, and Update are working fine with the JSON file, I am struggling to figure out how to delete a specific row in the table without using JQuery o ...
Is there a way to properly sort a JSON array in Angular? Here is the array for reference: {"title":"DEASDFS","Id":11}, {"title":"AASDBSC","Id":2}, {"title":"JDADKL","Id":6}, {"title":"MDASDNO","Id":3}, {"title":"GHFASDI","Id":15}, {"title":"HASDFAI","Id": ...
I have implemented smart-table in my project to allow users to select records from different pages and view them in a preview section. However, I am facing an issue where the selection made on the first page does not persist when navigating back to it aft ...
I'm currently in the process of deploying my Angular App to Firebase Hosting. However, I am encountering an issue where it only displays the default firebase index hosting with no changes. To set up the deployment, I have used firebase init and speci ...