Notifications
Announcements
No record found.
Hello experts,
We have a requirement to create a react dashboard with Dynamics 365 data.
Can you please guide me how to call dynamics rest webapi in react app to create a report dashboard in dynamics 365.
Thanks in advance.
Hi,
Maybe you can create a Power BI dashboard report. Then you can add it to your web app. Please refer to this post:
medium.com/.../how-to-embed-microsoft-powerbi-charts-into-your-react-application-a3078edf5dc6
https://powerbi.microsoft.com/en-us/blog/power-bi-expands-access-to-intelligence-for-external-guest-users/
Good Luck !
Thanks Mehdi, we are not using Power BI for reports and all reports for dashboard are need to built on react frameworks.
Can you advise on this ? Thanks in advance.
Hi Jaipal1,
Method 1: Adal.js or Msal.js
I tried to run a pure javascript html page to connect Dynamics 365 successfully by this doc tutorial:
https://docs.microsoft.com/en-us/powerapps/developer/common-data-service/walkthrough-registering-configuring-simplespa-application-adal-js
In short, you need to register an Azure Active Directory application and use generated client ID and other necessary parameters in config object with adal.js.
(These steps're introduced in detail in the link.)
I havn't experience on react framework, but you could try react-adal in npm package center and integrate it into your project.
The library GitHub page is here.
Another option is msal.js, npm link here.
See comparison between 2 js libraries:
https://docs.microsoft.com/en-us/azure/active-directory/develop/msal-compare-msal-js-and-adal-js
Method 2: React-native-app-auth
This article introduced another method: connect to Dynamics 365 with react-native-app-auth npm library in pure oAuth2,
it didn't use adal.js or msal.js(those two are official js libraries from MS).
https://medium.com/@nabinkn/dynamics-365-online-authentication-using-oauth2-and-react-native-19979c663b32
You could also take it as reference.
Hope above helps.
Regards,
Clofly
Under review
Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.
As AI tools become more common, we’re introducing a Responsible AI Use…
We are honored to recognize Neeraj Kumar as our Community Spotlight honoree for…
These are the community rock stars!
Stay up to date on forum activity by subscribing.
Tom_Gioielli 170 Super User 2025 Season 2
#ManoVerse 61
Gerardo RenterÃa Ga... 52 Most Valuable Professional
