PHP- MySQLでデータベースが追加されたら瞬時に自動的にページを更新したい

Question

PHP、MySQLに関しての質問です。

データベースにデータが追加されたら、ページを自動的に更新(ブラウザの再読み込みではなく自動的に)したいです。

例えば、スマホでフォームを入力したら、瞬時にパソコンの画面で更新されるというのがやりたいです。

~~使用例として、
例えばゲームでクリアした順番にポイントなどをデータベースに記録して
ランキングなどをリアルタイムで表示させる

みたいな感じです。~~

実際行いたい内容なのですが、
クイズ大会で使いたいと思っています。

解答者用のページ(answerer.php)では解答入力フォームがあって、送信ボタンを押すとゲームマスター用のページ（master.php）に送られます。

master.phpでは、データベースからチーム名とそのチームの解答を取得してテーブルを作成して順番に表にします。

そこまでは、実装できました。

ただし、ページを再読み込みしないとテーブルが更新されないので自動的に更新したいと思いました。

リアルタイムではなくても、1秒に1回取得とかでも大丈夫です。

その場合、
PHPのスクリプトで1秒に1回の頻度でデータベースを取得(繰り返し処理？)したら、ページが重くなったりしますでしょうか？

調べてもなかなか出てこないです。
ご教授願います。

Comments

[m.ts10806]

どういう調べ方をされたのでしょうか。
あまり細分化されてないキーワードだと何も出てこなくて当然かとは思います。

[Kuro515]

PHP、データベース取得、リアルタイム
MySQL、データベース取得、リアルタイム
などです。

[m.ts10806]

質問は編集できるので適宜追加してください。
それに、投入されたキーワードでも全く何の参考にもならないわけではないと思います。参考にした記事も質問に追記してください。

Answer 1

PHP - MySQL の組み合わせが苦手とする分野ですね^^;
リアルタイムチャットシステムを参考にすると良いです。

・Ajax

・ポーリング
・ロングポーリング
・WebSocket

あたりが重要なキーワードになるかと。

個人的には、PHP - MySQL から離れて、Firebase のようなイベントをトリガーとしてメッセージをプッシュできるシステムをバックに使用することをオススメします。

Answer 2

完全リアルタイム　というのは無理です。
並行処理はできても結局は「処理をする」「結果を取得する」「表示する」と1つずつ段階を踏むからです。
※もちろん処理が軽ければユーザには一瞬に感じますが

フォーム送信によるタイムラグが気になるのでしたら、
Ajaxなどで非同期にデータを更新・取得したものを表示させれば良いです。
フォーム送信による画面表示（画面遷移）を伴わない分、早く感じるはずです。

ただ、リクエスト送信及び取得したデータの表示はJavaScriptで行うことになります。

チャットのような形の双方向での情報処理が必要ならWebSocketなどご検討ください。

PHPのスクリプトで1秒に1回の頻度でデータベースを取得(繰り返し処理？)したら、ページが重くなったりしますでしょうか？

処理内容次第。色々やってみてください。
それにPHPだけじゃできません。定期的にリクエストを送るようにJavaScriptなどで対応する必要があります。
PHPでスリープしてもリクエスト送った側からすると単なる１リクエストですから、終わるまでずっと待機中になります。

Comments

[Kuro515]

回答ありがとうございます。

定期的にリクエストを送るという処理を行うJavascriptのプログラムはどのように書けばいいのでしょうか。

参考になるウェブサイト様がもしありましたら教えていただけると幸いです。

全然わからなくてすみません。

[m.ts10806]

探せば出てきます。
というか一気に実装しようとし過ぎるから何も手がつかなくなります。
まずは非同期通信を１回だけやる（もしくは何かボタンとかトリガーにして行う）ものを作りましょう。

Answer 3

最も簡素な実装だと、
meta要素などでページの再読込を仕込む方法。
html出力を全部php側でやれるのだが、
見ているページが定期的に一度バッサリ消えて読込中になってしまうのでUX最低。

次の手としては、
Ajaxを使ってjsでデータの変更がないか問い合わせる処理を
ページ表示中はタイマーで繰り返し行うもの。
変更がない限りは同じページを表示し続けるので
データ更新頻度が低ければいいけど、頻繁だと再表示にphp側でhtml出力してこなすためにこれもUXあまり良くない。

phpでhtml出力するのを諦めて、
データの更新があるかどうかの問い合わせを応答するphp処理と、
ページを表示するのに必要なデータの問い合わせを応答するphp処理だけにして、
ページのレンダリングはjsで賄う方法。
ページ表示用データを常に全部取得して全部レンダリングし直すと（先の２つの案ほどではなくても）時間がかかるので、
変更があった箇所だけレンダリングし直すような工夫が必要になるかも。

Ajaxを扱いやすくするためにjQueryと駆使したりすると、割とラク。

参考：初心者目線でAjaxの説明 - Qiita