Embed SEEQ Dashboard in React App

[Pradeep S]

Hello Team,

Is there any way to embed the seeq dashboard in react.js app ?

If it is there, Please post some examples.

Thank you..

[Joanna Zinsli]

Hi Pradeep,

Several of our customers utilize embedded frames to get Seeq content into other interfaces including Sharepoint and custom applications. See this page in our Knowledge Base to understand security considerations, requirements, and how an administrator can enable it https://support.seeq.com/kb/latest/cloud/allowing-seeq-to-be-embedded-in-frames. 

Depending on what you want to embed and how your react.js app is set up to be configured, you have a few options.

• Presentation Link to an auto-updating Organizer Topic so you don't need to worry about configuring dates and the content will update when users open the app. The users will need access to Seeq and read access to the Organizer Topic.
• Use the API to post updates like date range modifications to existing worksheets and embed those individual worksheets in the app (likely in Presentation mode). Again, viewers will need access to Seeq and read access to the workbook that is inserted in the app. Some other customers use the URL approach to creating content (https://support.seeq.com/kb/latest/cloud/building-a-worksheet-from-url-query-parameters) and then their app uses the API to make more nuanced updates to the Seeq content embedded.

I haven't used react.js app, but maybe something like https://stackoverflow.com/questions/52324664/how-to-use-iframe-in-react-js could get you started with either of these approaches. 

Let us know how it goes!

[Pradeep S]

Thank you Joanna Zinsli.

I have one more query. Please clarify this one as well.

For Example : 

https://abcd-test.seeq.site/view/0EE45ss5-3288-acvfs-AcdD77-43423989d

This is my URL where my dashboard is there. 

How to make a api for this from react.js and What are the things should i pass along with that like headers (API KEY or tolen, etc) ?

How to get api key and token for this ?

 

Thank you..