クライアントプルでは要求があるたびにHTTPへ接続し、サーバプッシュではHTTPを接続したままという点が大きな特長で、こちらはサーバ側でデータを送る時間や回数を指定したり、クライアント側から接続を切る要求がない限り続けられることになります。言い換えれば、クライアントプルの場合はローカルでも使えますが、サーバプッシュはサ−バを接続しないと機能しません。
サーバプッシュの仕組は｢multipart/x-mixed-replace｣というMIMEタイプを使用し、１つの文書へ複数の文書を梱包する形式です。この複数の文書を作る際、ループ機能を使えば永遠に送り続けることも可能です。サーバ側でデータ送信を止めない限りデータは送り続けられますが、クライアント側からも｢Stop｣ボタンを押すことで中断はできます。
ダイナミックドキュメント機能
ダイナミックドキュメント機能は、主として株価情報や天気予報など時間とともに刻々と内容が変わるページやアニメーションの作成で使われます。ネットスケープ1.1からサポートされたダイナミックドキュメント機能には｢クライアントプル｣と｢サーバプッシュ｣の２種類があり、これらはHTML3.0の<meta>タグやMIMEを利用したものです。クライアントプル
クライアントプルは<meta>タグを拡張した機能で、たとえば｢doc1.html｣という文書が毎秒再ロードされるための記述例は以下のとおりです。
最初の<meta>タグは次のように属性を指定します。
<meta http-equiv="refresh" content=1>
<title>Document 1</title>
<h1>これは文書１です</h1>
ここにテキストがあります。<p>
<meta http-equiv="refresh" content="n; url=http://server/file">
http-equiv
content
url
開始音を鳴らす上記の記述例に続き、次は別のページへ５秒間だけ移動して戻るクライアントプルのデモです。
<meta http-equiv="refresh" content="1; url=http://www.yokochin.com/sound/open.au">
サーバプッシュ
サーバプッシュはクライアントが実行するのではなく、サーバ側からデータを送信し続けるためHTTP接続がオープン状態のままとなり、送るデータ次第で通信の負荷はかなり大きくなります。したがって、クライアントとサーバ間へじゅうぶんな回線容量が要求される場合もあります。サーバプッシュの文書
下記の文書はboundaryで決められた｢境界文字列｣を境界とした２つのデータブロックに分けることができます。この｢境界文字列｣を続けることで、いくつもの送信したいデータブロックを作成できます。文書の境界は２つのスラッシュを付けた｢--境界文字列｣を使用し、サーバプッシュ文書の最後は２つのスラッシュで挟んだ｢--境界文字列--｣で終ります。
ブラウザはデータをバッファしてから表示するため、ある程度データが溜らないと表示してくれません。したがって、ブラウザでデータをバッファするのを防止するため、サーバプッシュのCGIスクリプトは、たとえば｢nph-yokochin.cgi｣といった具合で、ファイル名の頭へnph-を付けたNPHスクリプトとして実行させます。そのため、下記の記述例だと最初にHTTP応答ヘッダ｢HTTP/1.0 200 Okay｣を出力しなければなりません。
#!/bin/sh
echo "HTTP/1.0 200"
echo "Content-type: multipart/x-mixed-replace;boundary=境界文字列"
echo ""
echo "--境界文字列"
while true
do
echo "Content-type: text/html"
echo ""
echo "<title>PS</title>>"
echo "<h2>Process on WWW</h2>"
<pre>
ps ax
</pre>
echo "--境界文字列--"
sleep 5
done
サーバプッシュのインラインイメージ
サーバプッシュでは<img src>タグで表示したインラインイメージだけを刻々と変更できるため、ちょうどアニメーションやスライドショーの効果が得られます。Nick Bicanicのスクリプトを参考に、その方法を説明すると、
また、スクリプトを作成する際の注意点は以下のとおりです。
<img src="/scripts/nph-script.cgi?anything.txt">
$|=1
$browser = $env{"http_user_agent"};
if ($browser =~ /^Mozilla/i) {
print "Netscape\n";
&アニメーションルーチン;
} else {
print "HTTP/1.0 200 Okay\n";
print "Content-Type: image/gif\n\n";
print GIFまたはJPEGイメージ;
}
print "HTTP/1.0 200 Okay\n";
境界文字は任意の文字を指定します。
print "Content-Type: multipart/x-mixed-replace;boundary=境界文字\n\n";
これをnph-script.cgi?list.txtで実行し、list.txtはイメージのリストを次のように記述します。
print "--境界文字\n";
open(imagefiles, @atgv[0]) || die "can not open @argv[0]: $!";
gif0.gif
gif1.gif
:
:
gifn.gif
while (<imagefiles>) {
chop $_;
print "Content-Type: image/gif\n\n";
open (S,$_);
print (<S>);
close (S);
print "\n--境界文字\n";
}
close(imagefiles)
サーバプッシュのインラインイメージ例
以上をまとめ、gif0.gif〜gif8.gifのGIFイメージ８枚を使ってユーザがストップをかけるまでアニメーションを行う記述例をご紹介します。
このNPHスクリプトをインラインイメージの<img>タグ部で次のように設定します。
#!/usr/bin/perl
# ブラウザ名
$browser = $env{"http_user_agent"};
# Perlで標準出力バッファしません。
$|=1;
# ブラウザがネットスケープかどうかを判断します。
if ($browser =~ /^Mozilla\/1.[1-9]/i) {
&animation;
} else {
print "HTTP/1.0 200 Okay\n";
print "Content-type: image/gif\n\n";
open (s, "gif0.gif");
print (<s>);
close s;
}
# アニメーションルーチン
sub animation {
print "HTTP/1.0 200 Okey\n";
print "Content-type: multipart/x-mixed-replace;boundary=sometex\n\n";
print "--sometext\n";
while (1) {
for ($i=0; $i<17; $i++) {
print "Content-type: image/gif\n\n";
open (s, "gif$i.gif");
print (<s>);
close s;
print "\n--sometext\n";
}
}
}
結果はこのとおりです。
<img src="/scripts/nph-script.cgi">
ネットスケープのサーバプッシュのスクリプト例でCによるソースコードがあり、このコードはパブリックドメインです。このコードを使った場合、ブラウザのバッファ問題が起こることもあるため注意して下さい。NPHスクリプトになるよう改造してみました。 imagemapと組み合わせる場合
インラインイメージの<img src>タグ部を以下のように変更します。
<a href=" /scripts/imagemap/...><img border=0 src=../scripts/nph-script.cgi" ismap></a>
サーバプッシュの注意点
NCSA httpdの場合、｢Content-type: multipart/x-mixed-replace;boundary=境界文字｣は解釈できますが、｢Content-type: multipart/x-mixed-replace; boundary=境界文字｣のようなboundryの前にスペースが空いている場合は解釈できないことがあります。
