Embedding Drone as an IFrame

Drone Support
1

Hey everyone,

I’ve just started using Drone and it’s amazing. We have an application that allows Developers to deploy their code via a portal. So from a user experience perspective, we’d prefer the developers not having to have multiple tabs open to handle the different functionality.

So we want display Drone as an IFrame through our application.

I’ve been trying for awhile to get it working, but I think I’m missing some form of Security Header.

I’ve tried the following config and it’s just not working

docker run \
  --volume=/var/lib/drone:/data \
  --env=DRONE_AGENTS_ENABLED=true \
  --env=DRONE_GITEA_SERVER=https://git.kudoo.io \
  --env=DRONE_GITEA_CLIENT_ID=xxxxx \
  --env=DRONE_GITEA_CLIENT_SECRET=xxxxx\
  --env=DRONE_RPC_SECRET=b843389eee7b6b830db194731014c8d2 \
  --env=DRONE_SERVER_HOST=localhost \
  --env=DRONE_SERVER_PROTO=http \
  --env=DRONE_HTTP_CONTENT_SECURITY_POLICY="default-src * 'unsafe-inline' 'unsafe-eval'" \
  --env=DRONE_HTTP_FRAME_DENY=false \
  --env=DRONE_HTTP_BROWSER_XSS_FILTER=false \
  --env=DRONE_HTTP_REFERRER_POLICY=unsafe-url \
  --publish=80:80 \
  --restart=always \
  --detach=true \
  --name=drone \
  drone/drone:1

Really hoping someone can help give me some guidance. The other option is to rewrite the Drone UI into React, but it seems like a lot of effort when we could just use an IFrame.

Thanks