How to display Optimize reports in custom frontend applications

[Shaik.Saleem]

Hi all,

I would like to know the best possible options to display the optimize reports in custom front end application (react) and is there any project available in GitHub for the same.
I have explored the optimize api and I am not very comfortable with it as It need multiple api calls to get a single report data.

Thanks,
Saleem

[mimaom]

Hi @Shaik.Saleem

Optimize supports creating a shared link to a complete dashboard.
Would it be an option to embed or simply link to that from your application?

BR
Michael

[Shaik.Saleem]

Hi Michael,

Thanks for the reply.
I am looking for an option to proivde data to custom application through the api ( preferably with an single consolidated api which will give complete report data ) and the custom front end application will use that as a source and display the report.

Thanks,
Saleem

[mimaom]

Hi @Shaik.Saleem

I am not sure what you mean by “complete report data”?

I take it you have already looked at this:

Overview | Camunda 8 Docs

It shows how to interact with the Optimize REST API.
I have not tried this, but I think you can get the raw process data for a report like this.

Notice that it seems you need to know the collection ID. I could not find an endpoint the returns the current collections.

• For every collection ID
  • Get the report ID’s (Get report IDs | Camunda 8 Docs)
    • For each report ID
      • Export the report data (Export report result data | Camunda 8 Docs)

Notice that the call to export report data is paginated, so it needs the searchRequestId returned in the first reply. This is needed in the following pagination calls.

I Hope that helps.

BR
Michael