How can I use 'Google Picker' from many JavaScript origins (subdomains and mapped-domains)

Question

I'm trying to add Google Drive file picker to my web app.

My app uses many subdomains (one for each customer account), and some CNAME domain mapping as well.

Since 'Google Developers Console' limits me to specific 'JavaScript Origins' (no wildcard allowed), I fail while trying to authenticate from a subdomain or mapped-domain.

Tried the following workaround: run the picker from an iframe with an absolute URL. No success with this error:

Incorrect origin value. Please set it to - (window.location.protocol + '//' + window.location.host) of the top-most page

Any ideas or workaround to suggest? Thanks in advance :)

Answer 1

You could use a window.open() popup that sits a the same domain every time, then use window.postMessage() to communicate between that page and the page at the subdomain.