Google Drive Picker Fehler

Question

Ich bekomme folgenden Fehler beim Zugriff auf Google Drive Picker, aber der Picker zeigt ordnungsgemäß ohne Fehler.

Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('https://docs.google.com') does not match the recipient window's origin ('http://localhost'). 

Invalid 'X-Frame-Options' header encountered when loading 'https://docs.google.com/picker?protocol=gadgets&origin=http%3A%2F%2Flocalho…%3Atrue%7D))&rpctoken=e2x1eop3h1rr&rpcService=2qeo0ns6gu13&thirdParty=true': 'ALLOW-FROM http://localhost' is not a recognized directive. The header will be ignored. 

PSB der Screenshot von meinem Entwickler-Konsole

http://screencloud.net/v/6431

Auch habe ich auf diese Frage verwiesen Google Drive Picker - Developer Key is Invalid Error aber ich denke, es gibt einige Änderungen in Google api ist so dieses Ding nicht funktioniert.

-Code-Schnipsel -

var picker = new google.picker.PickerBuilder() 
          .setLocale(lkGoogleSettings.locale) 
          .setOAuthToken(accessToken) 
          .setCallback(pickerResponse) 
          .setOrigin(lkGoogleSettings.origin); 

Dank

Answer 1

Da einige der Kommentatoren erwähnt haben, die X-Frame-Option Fehler ist bekannt, Fehler in Chrome. Sie können eine lange Diskussion darüber sehen here.

Jetzt für das echte Problem: origin matching. Google Drive spielt nicht gut mit localhost ab, mit oder ohne Port, unabhängig davon, ob Sie es Ihren Ursprüngen in Ihren Berechtigungen für Ihre Client-ID hinzufügen.

Es gibt jedoch Hoffnung. Wenn Sie eine Domain in Ihrer Hostdatei so einrichten, dass sie auf localhost verweist, können Sie die Domain Ihrer Herkunft in Ihrer Google App-Konsole hinzufügen, und alles funktioniert wie erwartet!

Ich mache das ständig, um meine Anwendungen zu testen. Zum Beispiel:

1. hinzufügen dev.mysite.com zu Ihrem hostfile (/ etc/hosts in Mac).
2. Replizieren Sie die Domain in Ihren Berechtigungen für Ihre Picker-App in der Google App Console, und Sie sollten gut gehen.
3. Starten Sie Ihre Website mit dev.mysite.com:80 * und Drive Picker sollte jetzt ordnungsgemäß funktionieren.

* Hinweis: Sie auf Port dienen muss 80. Google gar nicht mit Ports schön spielen, so dass, wenn Sie auf Ihre Website gehen, muss die Adresse sein dev.mysite.com ohne Anschluss.