0

理想的なシナリオは次のとおりです。

  1. Acme.com には「マイ アカウント」リンクがあります。ユーザーがこのリンクをクリックすると、コンテンツはhttps://acme.xyz.com/myaccountから取得され、acme.com の iframe 内に表示されます。

  2. 「acme.xyz.com」アプリを制御し、Google/Facebook 資格情報でログインするオプションをユーザーに提供します。OAuth はログイン中に iframe を正しく認識しないため、子ウィンドウを開いて OAuth リダイレクトを実行します。

  3. 子ウィンドウで Google/Facebook から OAuth コールバックを取得したら、子ウィンドウを閉じて親ウィンドウ (iframe 内のウィンドウ) にフォーカスを戻します。

    ステップ 3 を実行するにはどうすればよいですか? JavaScript を使用してこれを行う必要があることはわかっていますが、常駐の JavaScript 担当者をバスの下に投げ込み、彼をひきました (にやにや笑い)。誰かが私に js/jQuery コードのスニペットをくれたら、私はすべての JavaScript 男に親切にすることを約束します。

ポップアップ ブロッカーが上記のアプローチで問題を引き起こすことは理解していますが、他に何か問題がある可能性はありますか? モバイルデバイス?

ありがとう

4

1 に答える 1

2

それは非常に簡単であることがわかりました-解決策を探している他の人にとって、これは私が使用したものです:

    <script>
         $(document).ready(function(){

             if(opener) { // close OAuth popup window if applicable
                 opener.location.href="${customerHomeUrl}";
                 top.close();
             }

         });
    </script> 
于 2012-12-03T18:04:35.533 に答える