React Report viewer with Azure authentication

[Hayden Harrison]

Hi,

I previously got azure authentication working with reports via the embedded iFrame option.  However due to various limitations around this I'm exploring using the react report viewer to render my report (following https://www.syncfusion.com/kb/10681/how-to-import-the-reportviewer-component-in-react-application) and passing through my azure auth in a single sign on fashion(I want to use the same authentication as the app I've embedded the report viewer control in).  Is this supported?  Are you able to point me to some documentation or an example on how to achieve this? 

Thanks

[Hayden Harrison]

Another thing I should mention is I'm hosting the report server as an Azure web app

[Vinoth Srinivasan]

Hi Hayden, 

We can able to view the server report in Standalone ReportViewer using IntermediateService application. We have prepared an Intermediate sample for your reference and it can be downloaded from below location. 

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/IntermediateService2055786089.zip 

Regards, 

Vinoth S. 

[Hayden Harrison]

Hi Vinoth,

Thanks for the sample.  Are you able to advise whether this is possible to achieve using Azure single sign on?  My scenario is a user in my app is authenticated with azure and I want that authentication to flow through to the report like I can do with an embedded iframe.  The example provided seems to just use a username and password.  Is there any documentation on this or a specific example of achieving this with azure authentication?  

Cheers, 
Hayden

[Vinoth Srinivasan]

Hi Hayden, 

You can pass your single sign-on authentication token as bearer for your requirement with our ReportViewer. 

Regards, 

Vinoth S. 

[Hayden Harrison]

Hi,

I've been attempting to make this work with no luck.  My code looks like:

<EJ.ReportViewer

reportServiceUrl='https://MyReportServerUrl/ReportService/api/Viewer'

serviceAuthorizationToken={token}

reportPath="/path to my report"

>

</EJ.ReportViewer>

When I use postman to get the token for my report server admin user using the url "MyReportServerUrl/api/token" and then pass that in to the report viewer as my bearer token it works. However if I use postman to get a token for the report server app registration in azure and then pass that in as my bearer token I get an error from the PostReportAction network call saying

"Ensure the valid report path is specified in the ReportPath property or make sure that the specified report exists and is accessible in the provided location."

So I'm assuming it failed to authenticate? Am I correct in thinking I don't need an intermediate service with this approach? Any advice on what I could be doing wrong or links to a sample?

[Vinoth Srinivasan]

Hi Hayden, 

We have created a support incident to follow up this issue under your account and we request you to login into our Direct Trac support system for further updates on this issue. Our Direct Trac support system can be accessed from the following link: 

http://www.syncfusion.com/Account/Logon?ReturnUrl=%2fsupport%2fdirecttrac 

Regards, 

Vinoth S.