Unanswered

Dataverse custom API call from power app code (react)

(0) Share

Report

Posted on by FN-30011324-0

Good morning,

I'm developing a power apps code app using react in VS code (PCF). This app is used in the power app context and connected to a dataverse DB.

For the CRUD dataverse calls, I use the services classes provided with PCF. The security is natively handled for the power platform connected user.

I made a custom API with a plugin to make some heavy work on my dataverse tables.

Now I want to call the custom API in my react app but I don't know how to pass the current connected user (from the power app context) ?
I receive an unauthorized response with the code below.
  const apiUrl = `${domainUrl}/api/data/v9.2/NaloDuplicateMasterplanAPI`;
  const response = await fetch(apiUrl, {
  method: 'POST',
  headers: {
  'Content-Type': 'application/json',
},
  body: JSON.stringify(requestBody),
});
  if (!response.ok) {
  throw new Error(`Erreur HTTP: ${response.status}`);
}

I also tried with the DataClient.executeAsync function in the CRUD client but without luck, I don't know how to make the execute call for an API (and if it's possible)
executeAsync: <TRequest, TResult>(operation: IDataOperation<TRequest>)

Thanks a lot in advance !
Fabrice

Categories:

Microsoft Dataverse with Power Apps

I have the same question (0)

All responses (2)

Answers (0)

Sort by

Assisted by AI

Ram Prakash Duraisamy 5,877 Super User 2026 Season 1 on at

Like
a
(0)

Report
Copy link

Link copied!
Hi @FN-30011324-0

Can you give a try for AI assisted code ?

import { IInputs, IOutputs } from "./generated/ManifestTypes"; export class MyControl implements ComponentFramework.StandardControl<IInputs, IOutputs> { private context: ComponentFramework.Context<IInputs>; public init( context: ComponentFramework.Context<IInputs>, notifyOutputChanged: () => void, state: ComponentFramework.Dictionary, container: HTMLDivElement ): void { this.context = context; } private async callCustomAPI() { const userId = this.context.userSettings.userId.replace(/[{}]/g, ""); const request = { UserId: userId, // parameter defined in your Custom API getMetadata: () => ({ boundParameter: null, operationType: 0, // 0 = Action, 1 = Function operationName: "new_MyCustomAPI", // your Custom API logical name parameterTypes: { "UserId": { typeName: "Edm.String", structuralProperty: 1 // PrimitiveType } } }) }; try { const response = await this.context.webAPI.execute(request); if (response.ok) { const result = await response.json(); console.log("API Result:", result); } } catch (error) { console.error("Custom API Error:", error); } } public updateView(context: ComponentFramework.Context<IInputs>): void {} public getOutputs(): IOutputs { return {}; } public destroy(): void {} }

Please mark as answer if my suggestion helps.
Subscribe here for More Useful videos : https://www.youtube.com/@rampprakash3991

Was this reply helpful? Yes No
FN-30011324-0 21 on at

Like
a
(0)

Report
Copy link

Link copied!

Hi Ram Prakash Duraisamy,

Thanks for your answer.

Unfortunately, I already tried a lot of AI answers but without any luck. I don't have access to context.webAPI or Xrm in a code app (CLI).

I finally found a solution : I created a custom connector linked to my custom API and I was able to pac code add-data-source the connector to my react project. This created a service class to call the connector. This also requires some config in the azure app registration but at the end, it works.

King regards

Fabrice

Was this reply helpful? Yes No