HP読み込み中に認証を行いたい

Question

親ページのあるボタンを押すと、子ウィンドウが表示され、その子ウィンドウで認証を行ってから、親ウィンドウに次のページを表示させたいと思っています。
今試している方法はJavaScript（window.open）を使用し、開いた子ウィンドウでASPを使用して認証を行う方法です。
認証はうまくいくのですが、認証している間に親ページに次のページが表示されてしまいます。
色々試しているのですがうまくいきません。
このようなことをするのは不可能なのでしょうか?

どなたかお分かりになる方がみえましたら教えてください。

Dpop · Accepted Answer

ちょっと一ひねりすると出来そうです。

親を[A] と [C]。子供のウインドウを [B] とします。

[A] - window.open -> [B] - 承認 -> [C]

としたいのですよね？
ここで、別ページ [D] を用意します。

[A] - window.open -> [B] - 承認 -> [D] - 承認確認 -> [C]

こんな流れにします。

[D] はページの内容を表示せずに、
[B] の承認が完了したことを待ちます。
例えば、クッキーを使って [D] に [B]の状態を知らせても良いでしょう。
他にも方法はあります。

[D] は、[B]からの信号が来るのをひたすら待ちます。
信号がやってきたら、
[C]を呼び出すか、[A] を呼び出すか判断を行い、
ページ遷移を行います。

ポイントは、[D] をはさんで [B] を待つ。
と言う部分です。
ただし、ブラウザが閉じられる可能性もあるので、
[B] は一定時間(一定回数ループするまで。。。かも知れない。)たったら、
[A] へ遷移する。と言うロジックが入っていた方が良いでしょう。

Dpop · Answer

#1 です。

[B]の構造を良く理解していないのですが、
[B]は[D]を呼び出しているのでしょうか?

そうでないと、

> 　ID=Request.Form("id")　　←Bからフォームで送られる
> 　PW=Request.Form("passwd")←上に同じ　

は、意味が無い様な。。
[B]から[D]を呼び出すなら、環境変数の内容を引き渡せますが、そうで無いと消えてしまう様な気がします。

クッキーを使って渡すか、GETパラメータを作って[D]を呼び出すか。
が良い様な気がします。(安全性を考えると、パラメータかな。ただし、容易に想像ができない様にしないと、安全性の低下に繋がります。クッキー容認であればクッキー渡しの方が、簡単確実です。当然[D]はクッキーを削除する処理が必要ですが。)

[B]が閉じられた情報を取得する事ってできないと思います。
[D]の方でタイムアウトを意識されるのが良いかと。


と、ここまで書いて考えたのですが。。。

[B]はID, PASSを入力したら、チェックを行わずに、[D]を呼び出す様にするのも良いですね。
ID,　PASSチェックを[D]にやらせてしまえば、[D]側でのタイムアウト処理は不要ですね。
クッキー渡しにせずに、単にパラメータ渡しで行けますね。

[B]は[D]を呼び出すフォーム文と、自分自身をクローズする処理をいれれば良いかと。JavaScriptで遣らせればできそうですね。

moon_night · Answer

ベーシック認証が使えるのならばそれでやれば簡単ですが。
.htaccessを使う認証方式です。

Javascriptで行うのだったら、
親ウィンドウに空白のダミーページ
（又は「読み込み中」など書かれたページ）
から、子ウィンドウをだして、
子ウィンドウの認証が通ったら親ウィンドウを切り替えれば見た目はそうなりますね。

nuki · Answer

これまで他の方が紹介された方法とは別に、
2つの方法が考えられると思います。

1.IE専用の対応としてshowModalDialogを利用する

InternetExplorerのJScriptにある、showModalDialogを
使って子ウィンドウを表示し、認証完了後に
親ウィンドウを次のページに遷移させる。
(社内システムなどのクライアント環境が特定できる
場合に有効)
子ウィンドウをモーダルダイアログにできる
(親ウィンドウの操作を無効にできる)ので、
特別な実装を不要にできる。

2.子ウィンドウからの通知を待ってから次ページに
遷移する

ANo.1の提案されたものに近いのですが、[D]を作成
しない方法です。
(1)親ウィンドウの全てのフォーム要素を無効にする
(2)親ウィンドウから子ウィンドウを表示(window.open)する
(3)子ウィンドウの認証結果を親ウィンドウに通知する
(4)親ウィンドウの全てのフォーム要素を有効に戻して次のページに遷移する
の手順になります。
ANo.1の方がご指摘の子ウィンドウを閉じられる問題
は、子ウィンドウ側のbodyタグのonunloadイベント
ハンドラを利用すれば回避可能にできます。
(親ウィンドウの全てのフォーム要素を有効/無効に
切り替えられるのは、親ウィンドウがフレーム分割
されていないことが条件になります。)

Dpop · Answer

#1 です。
少し間違えました。

最後の、

> [B] は一定時間(一定回数ループするまで。。。かも知れない。)たったら、
> [A] へ遷移する。と言うロジックが入っていた方が良いでしょう。 

は、

[D] は一定時間(一定回数ループするまで。。。かも知れない。)たったら、
[A] へ遷移する。と言うロジックが入っていた方が良いでしょう。 

です。申し訳ない！

HP読み込み中に認証を行いたい

ちょっと一ひねりすると出来そうです。

#1 です。

ベーシック認証が使えるのならばそれでやれば簡単ですが。

これまで他の方が紹介された方法とは別に、

#1 です。

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング