Skip to main content
A
AlessandroN12-Amethyst
12-Amethyst
April 30, 2019
Solved

How to embed GDrive or OneDrive into a mashup

  • April 30, 2019
  • 1 reply
  • 1818 views

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! 😄

Best answer by AlessandroN

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! 😄

 

1 reply

A
ashaban12-Amethyst
12-Amethyst
May 1, 2019

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.

    A
    AlessandroN12-AmethystAuthorAnswer
    12-Amethyst
    May 2, 2019

    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! 😄

     

    Terms & ConditionsAccessibility statement