javascriptでの画面自動更新について

Question

前提

ruby on rails でwebサイトを作っています。
javascriptのsetInterval()メソッドを用いてページの自動更新を行っています(10秒毎に)。
こちらの記事を参考に自動更新処理を作成しました。
更新を行っているページ(以下ページA)は全ユーザ共通の画面です。

実現したいこと

ページAを100人のユーザが閲覧していると、10秒間に100回リクエストが発生します。
ページAは全ユーザ共通の画面のため、リクエスト回数を10秒ごとに1回としたいです。
考え方のヒントでも構いませんのでよろしくお願いします。

該当のソースコード

$(function(){
  function buildMESSAGE(message) {
    var messages = $('tbody').append('<tr class="messages" data-id=' + message.id + '><td>' + message.text + '</td><td><a href="/messages/' + message.id + '">Show</a></td><td><a href="/messages/' + message.id +'/edit">Edit</a></td><td><a data-confirm="Are you sure?" rel="nofollow" data-method="delete" href="/messages/' + message.id + '">Destroy</a></td>');
    //'tbody'に'tr'以下のhtml全てをappendする
  }

  $(function(){
    setInterval(update, 10000);
    //10000ミリ秒ごとにupdateという関数を実行する
  });
  function update(){ //この関数では以下のことを行う
    if($('.messages')[0]){ //もし'messages'というクラスがあったら
      var message_id = $('.messages:last').data('id'); //一番最後にある'messages'というクラスの'id'というデータ属性を取得し、'message_id'という変数に代入
    } else { //ない場合は
      var message_id = 0 //0を代入
    }
    $.ajax({ //ajax通信で以下のことを行う
      url: location.href, //urlは現在のページを指定
      type: 'GET', //メソッドを指定
      data: { //railsに引き渡すデータは
        message: { id: message_id } //このような形(paramsの形をしています)で、'id'には'message_id'を入れる
      },
      dataType: 'json' //データはjson形式
    })
    .always(function(data){ //通信したら、成功しようがしまいが受け取ったデータ（@new_message)を引数にとって以下のことを行う
      $.each(data, function(i, data){ //'data'を'data'に代入してeachで回す
        buildMESSAGE(data); //buildMESSAGEを呼び出す
      });
    });
  }
});

補足情報（FW/ツールのバージョンなど）

ruby 2.5.3
Rails 5.2.8
jQuery 1.12.4

Answer 1

ページAは全ユーザ共通の画面のため、リクエスト回数を10秒ごとに1回としたいです。

CDNなどサーバサイドに仕掛けをする必要があります。

100人の閲覧者がいれば、各ブラウザは別々にデータを持っていますので、10秒おきに更新を行いたいのであればブラウザから10秒で100回のリクエストが行われるのは避けることができません。

Comments

[maisumakun]

もしくは、WebSocketで能動的に更新情報を送るなど別な仕掛けを行うかです。

[tkd00]

>各ブラウザは別々にデータを持っていますので
確かにおっしゃる通りです！
勉強もかねて、WebSocketによる通信を検討します。
ありがとうございました！