External webui inside cockpit #16868

hojnikb · 2022-01-22T22:58:16Z

hojnikb
Jan 22, 2022

Would it be possible to embed an external web site (for example web ui for a specific app) inside the cockpit interface?

Answered by martinpitt

Yes, you can do that. In your page, embed the external site in an iframe, such as this:

<iframe width="700" height="500" title="external app" src="https://yourdomain.example.com/"></iframe>

In order for browsers to actually allow that, you also need to extend the Content-Security-Policy in your manifest.json:

"content-security-policy": "default-src 'self' https://yourdomain.example.com"

I just tested that with modifying cockpit's pinger example as above:

martinpitt · 2022-01-24T09:48:38Z

Yes, you can do that. In your page, embed the external site in an iframe, such as this:

<iframe width="700" height="500" title="external app" src="https://yourdomain.example.com/"></iframe>

In order for browsers to actually allow that, you also need to extend the Content-Security-Policy in your manifest.json:

"content-security-policy": "default-src 'self' https://yourdomain.example.com"

I just tested that with modifying cockpit's pinger example as above:

0 replies