【PHP】ブラウザを再読み込みすると投稿済の文字が再投稿されてしまう。

Question

###前提・実現したいこと
herokuで掲示板のプロトタイプをPHPで作成しています。
投稿ボタンを押すとページが遷移されて文章が投稿されますが、遷移後のページをブラウザで再読み込みすると、同じ文章が再投稿されてしまいます。投稿後のページを再読み込みしても文章が再投稿されないようにするにはどうしたらよいでしょうか。
下記、２つのPHPファイルとテキストファイルを使用しています。
・board-input.php
・board-output.php(このページを再読み込みすると文章が再投稿されてしまう)
・board.txt

###該当のソースコード
board-input.php

<p>投稿するメッセージを入力してください。</p>
<form action = "board-output.php" method = "post">
<input type = "text" name = "message">
<input type = "submit" value = "投稿" >

board-output.php

<?php
$file = 'board.txt';
if(file_exists($file)){
    $board = json_decode(file_get_contents($file));
}
$board[] = $_REQUEST['message'];
file_put_contents($file,json_encode($board));
foreach($board as $message){
    echo '<p>', $message ,'<p/><hr>';
}
?>

###補足情報(言語/FW/ツール等のバージョンなど)
windows10
heroku

分かる方、ご教示お願いします。

Answer 1

再投稿される原因は、POST の内容が再読込で再度スクリプトに渡っているためです。
ブラウザの開発ツール等で確認できるので試してみて下さい。

再投稿の抑止は、以下のページが参考になります。
さいきょうの二重サブミット対策
「完了ページでブラウザリロードする」の条件に当てはまっているので、それに対応した対策を試してみて下さい。

他のやり方もありますし、要件によっては複数を組み合わせることもあります。
試しがいのある分野なので、色々やってみるのが面白いと思います。

Comments

[webillion]

これはよくある問題なのですね。いろいろ研究してみます。
ご回答、ありがとうございます。