How to embed GDrive or OneDrive into a mashup

[AlessandroN]

Hi,

i need to embed the Google Drive or One Drive's UI in a mashup, in this way ( expected.png )

I know the existance of the relatives APIs for this, but i would like to use also the UI.
If i link directly the URL into my WebFrame, it gives me back a "refused to connect" when i try to login. ( error.png )

Is there anyone who's already faced off this?

Thanks in advance! :D

[ashaban]

Hi @AlessandroN 

As far as I understand from google search:

You get in the console something like "Refused to display 'https://www.google.com/' in a frame because it set 'X-Frame-Options' to 'sameorigin'."

This is an iframe specific functionality.

You can see some explanations here:

https://stackoverflow.com/questions/8700636/how-to-show-google-com-in-an-iframe

https://stackoverflow.com/questions/20681974/how-to-embed-a-google-drive-folder-in-a-website

Hope that helps,

Avihu.

[AlessandroN · Accepted solution]

Ok, I just found a workaround, but it works just for Chrome users, since it's based on a Web Extension for Chrome: Ignore X-Frame-Headers

Now you can paste your Drive Link as it's shown on your Browser url bar.
On the first time, Drive will ask to validate the "new device" with the 2-steps access.

Hope it helps! :D