私たちのアプリケーションは、ExtJs を使用して作成された 1 ページのアプリケーションです。どのユーザー アクションでも、ブラウザー タブが再読み込みされることはなく、すべてのアクションは ajax を使用して実行されます。ユーザーは、同じブラウザー タブ内で複数の ExtJs ウィンドウ/パネルを開いたり閉じたりすることができます。これにより、すべてが同じブラウザー タブに限定されたままになります。
ここで、支払いゲートウェイをアプリケーションに統合する必要があります。これには、ユーザーを銀行の Web サイトにリダイレクトし、ユーザーをアプリケーションに戻すことが含まれます。
問題は、ブラウザーがユーザーをリダイレクトすると、すべてのアプリケーションの JavaScript コードがパネルとウィンドウとともに破棄され、ユーザーがアプリケーションに戻ったときに、アプリケーションが離れたものとは異なることに気付くことです。
これに対する解決策として、次の 2 つのアプローチを使用することを考えていました。
オプション 1. アプリケーションの状態を維持する- ユーザーが銀行の Web サイトに移動すると、何らかの形でアプリケーションの状態を維持します - どのウィンドウがどのデータを持って開かれているか、どの変数がどの値を持っているかなど..そしてユーザーが戻ると、私たちは生成します彼女の同じアプリケーション状態。
オプション 2. 支払いゲートウェイ用のブラウザ ポップアップ ウィンドウを用意する - トランザクションの詳細を含む小さなポップアップ ウィンドウを開くボタンを提供する予定です。このポップアップ ウィンドウで、支払いゲートウェイ プロセス全体が実行されます。リダイレクトとすべてのケア。
オプション 1 は、正確な状態を維持することが実現不可能になっているため、非常に面倒で複雑であることがわかっています。
オプション 2 については、これが安全で可能かどうかわかりませんか?
誰かがそのようなアプローチを以前に実装しましたか。それ以外の場合、他にどのような選択肢がありますか?
事前に助けてくれてありがとう。