【spring boot】完了画面からブラウザバックで確認画面に戻らないようにしたい

現在この投稿に設定したタグの技術を使ってWebアプリケーションの実装をしています。

質問があるのですが、
結論から言うと、
spring bootで完了画面からブラウザバックで確認画面に戻らないようにするにはどうしたらいいでしょうか？

Postmappingで確認画面から完了画面に遷移しても、再度確認画面のURLを直叩きすると確認画面が表示されます。
それ以外の方法として思いつくものはAjaxで確認画面から同じURLで完了画面を表示する方法です。
しかし、その方法だとjsで多くの対処をしなければいけないため、できればSpirngBoot内のサーバー側の処理で対処したいです。

もしいい方法がある方がいらっしゃれば教えて頂けると助かります。お願いします。

A-pZ

2018/12/05 14:36

完了画面からブラウザバックで確認画面に戻らないようにするにはどうしたらいいでしょうか？、と、再度確認画面のURLを直叩きすると、とタイトルと質問内容があっていませんが、どちらでしょうか。

k499778

2018/12/05 14:41 編集

いえ戻らないようにするが正解です。postmappingにするとそういう動きになるという現状を説明しているだけで、その現状を打破したいという意図です、

行動規範の内容に同意します

回答1件

ベストアンサー

ブラウザにキャッシュして欲しくないレスポンスに対してレスポンスヘッダを明示することで「ブラウザの戻る」操作をしたときに、ブラウザは再送信をしますので、

例えば、

java
1@Controller
2@RequestMapping("/forms")
3public class FormsInputController {
4	@PostMapping("confirm")
5	public ModelAndView confirm(@ModelAttribute Forms form, ModelAndView mnv, RedirectAttributes redirectAttributes) {
6		redirectAttributes.addFlashAttribute("forms", form);
7		mnv.setViewName("redirect:confirm");
8		return mnv;
9	}
10
11	@GetMapping("confirm")
12	public ModelAndView confirmView(@ModelAttribute("forms") Forms form, ModelAndView mnv,
13			HttpServletResponse response) {
14		response.setHeader("Cache-Control", "no-cache,no-store,must-revalidate");
15		response.setHeader("Pragma", "no-cache");
16		response.setDateHeader("Expires", 0);
17		mnv.setViewName("forms/confirm");
18		return mnv;
19	}
20}

とすると、完了画面から確認画面へ戻ったとき /confirm のGETでブラウザは再リクエストを行います。

このとき、Flashスコープに値がなかったときは想定外の画面遷移としてエラーとするか、再入力する画面へリダイレクトするなどの措置をControllerに追加すればよいでしょう。

投稿2018/12/06 02:49

A-pZ

総合スコア12011

k499778

2018/12/06 15:43

回答ありがとうございます。レスポンスヘッダを明示するやり方もあるのですね！勉強になります。こちらでは以下の２点で対応しました。・POST→GETリダイレクトで対応。完了画面はリロード可とするため、セッションで値を渡し、一定期間リロードできるようにする。・戻るボタンをhisotoryを操作して、無効にする

k499778

2018/12/10 09:36

２点質問させてください。１.以下の部分は何をしているのでしょうか？＞ブラウザにキャッシュして欲しくないレスポンスに対してレスポンスヘッダを明示するに該当するのはわかるのですが、それぞれの行が詳しく何をしているのかまで知りたいです。 response.setHeader("Cache-Control", "no-cache,no-store,must-revalidate"); response.setHeader("Pragma", "no-cache"); response.setDateHeader("Expires", 0); https://developer.mozilla.org/ja/docs/Web/HTTP/Caching 上記のサイトで調べているのですが、いまいち掴めません。 2.以下の実装をするには具体的にどうすればいいでしょうか？どのようなコードを格イメージでしょうか？＞Flashスコープに値がなかったときは「response.setHeader("Cache-Control", "no-cache,no-store,must-revalidate");」の上あたりで処理はするのかなと思うのですが、具体的にどのようなコードを書けばいいかわかりません。 if文の判定の中身がどのような値を書くか教えていただければ助かります。

k499778

2018/12/10 09:42

response.setHeader("Cache-Control", "no-cache,no-store,must-revalidate"); に関しては、「とりあえずキャッシュさせたくなかったら、安全ぽいヤツいろいろ指定してみよ」というニュアンスで理解しました。参考：https://kiririmode.hatenablog.jp/entry/20170625/1498389317

k499778

2018/12/10 09:43

またこれは確認画面でのリロードはできますでしょうか？