ポップアップモードでAuth0ロックを使用する

Question

私は、Auth0を使用して、私のIonicアプリケーションでGoogleとのソーシャルログインを実装しています。

documentationとしてオプションをfalseに設定していたので、新しいタブが開きます。私はので、私は知っている

Refused to display ' https://accounts.google.com/AccountChooser?continue=https://accounts.google ….com%26from_login%3D1%26as%3D-13354ff19852788a&btmpl=authsub&scc=1&oauth=1' in a frame because it set 'X-Frame-Options' to 'DENY'

：私はtrue（デフォルト）に等しいredirectを設定するとき

さてドキュメントごとのように、ポップアップでログインウィンドウが表示されるはずですが、私は次のエラーを取得していますこの内部を開こうとするとlocalhost、これが原因でこのエラーが発生します。しかし、どうすれば私のローカル環境でこの機能をテストできますか？

Answer 1

redirectオプションをfalseに設定すると（デフォルトの値を上書きする）ポップアップモードを使用するように設定すると、​​になります。

redirect - Defaults to true. When set to true, redirect mode will be used. If set to false, popup mode is chosen.

Use of the popup modeデフォルトのリダイレクトモードを使用すると、アイデンティティプロバイダにリダイレクトするように現在のウィンドウを使用しながらオープンする新しいタブやウィンドウをもたらす可能性があります。

redirect=trueを使用した場合のエラーは、アプリケーション内でiframeを使用していて、iframeの内部から認証を実行しようとしているようです。これは、Googleからの返信でX-Frame-Options: DENYを使用することによって暗示されているGoogle IDプロバイダによってサポートされていません。 （このヘッダーは、ブラウザがiframe内にある場合、ブラウザがナビゲーションに失敗することを要求します）

結論として、エラーは直接Lockによって引き起こされるものではありません。