ＣＤ、ＬＰ管理と音楽のデータベース・システム　RecLib: を用いたセッション維持（keep alive）を試してみた

プロフィール

アクセスランキング

アーカイブ

カテゴリ

RSS（XML）フィード

Powered by Six Apart

« よろしかったですか | メイン | ３つで￥１９８、６つだと￥３９８ »

2018年4月15日 (日)

を用いたセッション維持（keep alive）を試してみた</h3> <div class="entry-content"> <div class="entry-body"> <p>一般的には、タイムアウトするまでセッションを維持し、何らかの要求があったら、タイムアウトのためのタイマーをリセットする、といった方法を使います。サーバー側の都合ではタイムアウトまでの時間は短くしたい一方、ユーザー側の都合では「十分に」長くしたい。</p> <p>Web ベースアプリの場合、ユーザーはブラウザを使ってアクセスするわけですから、ログアウトせずにタブ、ブラウザを閉じたり、他のサイトへ移動したりできます。問題なのは、そのような操作が行われた事をサーバーが知る方法がない事です。結果、決して使われない「ゴミ・セッション」がタイムアウトまで残ってしまいます。これ、何とかしたい。</p> <p>ブラウザから一定時間間隔で「使っています」シグナルをサーバーに送信し、それを受け取ったサーバーは「このセッションは維持すべき」と判断すればいいのです。一定時間以上「使っています」シグナルが受信できなかった場合、このセッションは不要と判断できます。</p> <p>このような方法を「ハートビート heartbeat」とか「キープアライブ keepalive」などと言います。</p> <p>１分ごとに「使っています」をサーバーに送信するとすれば、サーバー側のタイムアウトは１分強まで短くできます。ネットワークの遅延とか、ブラウザ側の負荷とかを考えても数分まで短縮できるでしょう。もっとも、ハートビートの間隔をあまり短くすると、サーバーはその処理に忙殺されてしまうので、あまり短くはできません。</p> <p>さて、どのように実装するか。必要条件は、ページ本体は更新しないことです。</p> <p>html に <iframe> というのがあります。ブラウザの画面内の画像が一定時間ごとに更新されるなどに使われているのが iframe です。本体ページは更新されず、iframe 内だけが更新されます。</p> <p>setInterval() を用いて一定時間ごとに iframe を再ロードすればＯＫです。iframe 内の表示を更新するならば、「次の画像を下さい」とか要求するのですが、ここでは keepalive のためのサーブレットなどを呼び出します。</p> <p>・タイマーの起動は <body onLoad> で実行するメソッドで行います。<br />　　<body onload="startTimer()"><br /> 　　　　function startTimer(){<br /> 　　　　　　setInterval(keepAlive, TIME); // TIME は heartbeat 送信間隔<br /> 　　　　}</p> <p>・iframe 用の <form> を用意します。<br /> <form name="xxx"> ... </form> // これはメインの form</p> <p><form name="KeepAlive" target="HeartBeatFrame"><br />　　　　// これがハートビート用の form。target に iframe の名前を指定します。<br /> <input type="hidden" name="HeartBeatInfo" value=....><br /> 　　　　// サーバーにパラメータを渡すならば、こんな感じ。セキュリティーのために暗号化しましょう<br /> </form></p> <p>・iframe を用意します。<br /> <iframe name="HeartBeatFrame" height="0" width="0"><br />　　　　// 表示する必要はないので、高さ、幅は０にします。表示してもいいけど・・・</p> <p>・ハートビート送出<br /> function keepAlive(){<br />　　document.KeepAlive.action="KeepAlive...";　　// KeepAlive を行うサーブレットなどの URI<br />　　document.KeepAlive.submit(); // form KeepAlive の target に iframe の名前がセットされているので、iframe だけが更新されます。<br /> }</p> <p>これだけだと永遠ハートビートが送出されるので、最大○回までとかの制限が必要でしょう。</p> <p>まだ試していないけど、最大回数近くになったら「まもなくタイムアウトします」などと表示する事もできそうですね。もっとも、ユーザーが放置しているからタイムアウト間近になったわけで、表示しても誰も見ていない可能性が高そうですが・・</p> <p></p> </div> </div> <div class="entry-footer"> <p class="entry-footer-info"> <span class="post-footers">投稿時刻 12時14分 <a href="http://reclib.blog.enjoy.jp/blog/cat_8/">インターネット・パソコン</a> </span> <span class="separator">|</span> <a class="permalink" href="http://reclib.blog.enjoy.jp/blog/2018/04/keep-alive-d194.html">個別ページ</a> </p>  </div> </div> <a id="comments"></a> <div class="comments"> <h3 class="comments-header">コメント</h3> <div class="comments-content">  </div> </div>  <script type="text/javascript" src="http://static.blog.enjoy.jp/.shared-enjoy/js/comments.js"></script> <script type="text/javascript">hostName = 'reclib.blog.enjoy.jp';</script> <form id="comment-form" method="post" action="https://app.blog.enjoy.jp/t/comments"> <input type="hidden" name="entry_id" value="58448402" /> <input type="hidden" name="user_id" value="702635" /> <div class="comments-open"> <h2 class="comments-open-header">コメントを投稿</h2> <div class="comments-open-content"> <div id="comments-open-data"> <p> <label for="comment-author">名前：</label> <input id="comment-author" name="author" size="30" /> </p> <p> <label for="comment-email">メールアドレス： <span class=""></span></label> <input id="comment-email" name="email" size="30" /> </p> <p> <label for="comment-url">URL：</label> <input id="comment-url" name="url" size="30" /> </p> <p> <label for="comment-bake-cookie"><input type="checkbox" id="comment-bake-cookie" name="bakecookie" value="1" /> この情報を登録する</label> </p> </div> <p id="comments-open-text"> <label for="comment-text">コメント：<script type="text/javascript">StaticURI = 'http://static.blog.enjoy.jp/.shared-enjoy/';</script> <script type="text/javascript" src="http://static.blog.enjoy.jp/.shared-enjoy/js/emoticon.js"></script> <script type="text/javascript">Emoticon.Pallet.captionText = 'シフトキー＋クリックで連続入力';</script> <a id="emoticon-pallet-button" href="javascript:void(0)" onclick="Emoticon.Pallet.open(document.getElementById('comment-text'), this.firstChild);" title="絵文字を挿入"><img src="http://static.blog.enjoy.jp/.shared-enjoy/images/weblog/post/ed_emoticon.gif" alt="絵文字を挿入" style="background-color:#fff; border:1px solid #999; padding:2px;" /></a> </label> <textarea id="comment-text" name="text" rows="10" cols="30" onkeyup="maxTextarea(this, 64000)"></textarea> </p> </div> <div id="comments-open-footer" class="comments-open-footer"> <input type="submit" name="preview" id="comment-preview" value=" 確認 " /> <input type="submit" name="post" id="comment-post" value=" 投稿 " onclick="disableButton(this);return false;" /> </div> </div> </form> </div> </div> </div> </div> </div> </div> <script src="http://www.blog.enjoy.jp/js/blog-footer.js" type="text/javascript"></script> <script type="text/javascript" id="stats-script"> var done_stats_script = done_stats_script || 0; (function() { if (done_stats_script) return; var extra_happy = Math.floor(1000000000 * Math.random()); document.write('<img src="http://app.blog.enjoy.jp/t/stats?blog_id=516161&entry_id=58448402&user_id=702635&page=' + escape(location.href) + '&referrer=' + escape(document.referrer) + '&i=' + extra_happy + '" width="1" height="1" alt="" style="position: absolute; top: 0; left: 0;" />'); })(); var _lara_site_id = 105024; (function() { if (done_stats_script) return; var ra = document.createElement('script'); ra.type = 'text/javascript'; ra.async = true; ra.src = 'https://analytics.lekumo.jp/ranking.js'; var s = document.getElementById('stats-script'); s.parentNode.insertBefore(ra, s); })(); done_stats_script++; </script> <script> var _lbbSwitchViewInfo = { baseURL: 'http://reclib.blog.enjoy.jp/blog/', title: 'スマートフォン表示に切り替え' }; </script> <script type="text/javascript" src="/.shared/themes/common/switch-view.js"></script> </body> </html>