実験 5 CGI プログラミング 1 目的動的にWebページを作成する手法の一つであるCGIについてプログラミングを通じて基本的な仕組みを学ぶ 2 実験実験 1 Webサーバの設定確認と起動 (1)/etc/httpd/conf にある httpd.conf ファイルの cgi-bin に関する

(1)

実験５

ＣＧＩプログラミング

１目的動的にＷｅｂページを作成する手法の一つであるＣＧＩについてプログラミングを通じて基本的な仕組みを学ぶ。２実験実験１Ｗｅｂサーバの設定確認と起動

（１）/etc/httpd/confにあるhttpd.confファイルのcgi-binに関する次の項目を調べ

。、（）、

よこのときＣＧＩプログラムを置く場所ＣＧＩ実行ディレクトリとそこに置いたＣＧＩプログラムが呼び出されるＵＲＬを確認せよ。

（２）prompt_% sudo /sbin/service httpd start を実行してＷｅｂサーバを起動せ

よ（sudo コマンドでパスワードが要求されるので、ログインに用いたパスワードを入力すること。）実験２ＣＧＩプログラムの実行（１）次に示す Perl プログラムを入力し、コマンドラインで実行して動作を確認せよ。このときUNIX上のファイルパーミッションに注意すること。（２）このプログラムを CGI 実行ディレクトリにコピーし、Web ブラウザで実行できることを確認せよ。必要であればsudoコマンドを使用すること。 program1.cgi #!/usr/bin/perl -wT use strict; my $time = localtime;

print "Content-type: text/html¥n¥n"; print<<END_OF_PAGE;

<html>

< >p jikoku $time /p< > </body>

</html>

(2)

実験３ GETリクエストで使ったCGIプログラム

1 Web URL $ENV

（）ブラウザでの後ろに？に続けて文字列を入力すると変数” ” 、 {QUERY_STRING}として CGI プログラムに渡される。このことを CGI プログラムを作成して確認せよ。

（）2 Perlのsystem関数を使ってUNIXのlsコマンドを実行するPerlプログラムを作成せよ。このとき１行目の Perl起動オプションで Tオプションを使わないことに注意すること。（３（１））、（２）を作興にして、任意のディレクトリを対象に ls コマンドを実行出来るようにせよ。実験４ FORMとCGIの連携ＣＧＩプログラムは通常それ単体ではなく html の FORM 入力と組み合わせて実行されることが多い。 html FORM html （１）次に示すファイルにに関する記述（ａ）、（ｂ）を加えてファイルを完成させよ。そのファイルを httpd.conf で指定されるドキュメントルートに置いて、Webブラウザでアクセス出来ることを確認せよ。 FORM METHOD ・ａ）呼び出しＣＧＩプログラムを指定する（タグ（属性はGETを使用） INPUT TYPE ・ｂ）ＣＧＩプログラムに渡すデータを入力する（タグ（属性はTEXTを使用）（２）（１の） htmlをsubmitしたときに呼び出されるＣＧＩプログラムを作成し、実験３と同様に入力されたディレクトリに対して ls コマンドを実行した結果を表示するプログラムを作成せよ。 form1.html <html>

< >p < >/p

(3)

３実験結果実験１ "/var/www/cgi-bin/" （１）ＣＧＩプログラムを置く場所 "http://localhost/" 呼び出されるＵＲＬ（２）実行

jikken@jikken204 ~ $ sudo /sbin/service httpd start

[ ] Password: を起動中 [ ] httpd : OK 実験２（１）実行

jikken@jikken204 ~ $ perl -wT program1.cgi

[ ]

Content-type: text/html <html>

< >p jikoku Thu Dec 7 13:18:10 2006 /p< > </body>

</html>

2 + Done emacs program1.cgi [ ]

（２）読み込まれなかったので"chmod"を実行、後確認。 jikken@jikken204 cgi-bin $ chmod +x program1.cgi

[ ]

許可されていない操作です chmod: changing permissions of `program1.cgi':

jikken@jikken204 cgi-bin $ sudo chmod +x program1.cgi

[ ]

Password:

jikken@jikken204 cgi-bin $ sudo ls -l

[ ]

8 合計

(4)

実験３

（１）入力した文字が出力されることの確認。コンパイル形式 #!/usr/bin/perl -w //

宣言 use strict; // strict

変数の宣言。現在の時間を代入。

my $time = localtime; // $time

出力 print "Content-type: text/html¥n¥n"; // print<<END_OF_PAGE;

出力①ここからまでを出力

// END_OF_PAGE

<html> // HTLM形式開始

head title program1 /title /head // program1 < >< > < >< > タイトル：

<body bgcolor="#ffccaa"> //背景の色指定 < >p jikoku $time $ENV QUERY_STRING /p{ }< >

変数と変数 { }を出力する。

// $time $ENV QUERY_STRING

ここでの { }は”？”の後に入力された文字列 // $ENV QUERY_STRING </body> // HTMLBODY終了 </html> // HTML終了出力②終了 END_OF_SET // （２）コマンドが実行出来ることを確認。ls コンパイル形式 #!/usr/bin/perl -w // 宣言 use strict; // strict

// END_OF_PAGE

<body bgcolor="#ffccaa"> //背景の色指定

< >p jikoku $time /p< > //文字列①変数$timeを表示

< >p //文字列②開始

出力①はここまで END_OF_PAGE //

( ) 関数コマンドを実行

system "ls"." /var/www/" ; // system ls

関数にはプリント関数が入っているので関数がかぶらないようにプ // system

(5)

（３）動作確認。

コンパイル形式 #!/usr/bin/perl -w //

宣言 use strict; // strict

// END_OF_PAGE

< >p //文字列②開始

出力①はここまで END_OF_PAGE //

system "ls $ENV QUERY_STRING " ;( { } )

関数でコマンドを実行する。 // system ls このとき、以降の文字を変数 { }にすることに // ls $ENV QUERY_STRING よって ”？”以降の入力からディレクトリが指定出来る。、 << 出力②ここからまで出力

print END_OF_SET // END_OF_SET

< >/p //文字列②終了

</body> // HTMLBODY終了 </html> // HTML終了

出力②終了 END_OF_SET //

(6)

実験４

（１）Webブラウザで動作確認。 <html> // html開始

<head title form and cgi /title /head>< > < >< > //タイトルの設定 <body bgcolor="#aaccff"> //背景の設定

<form action="cgi-bin/program1.cgi" method="get"> //送信先をCGIに設定 <INPUT type="text" name="txt"> // テキストボックスの作成

< >p moji /p< > //文 < >hr

テキストボックスの文字をへ送信 // CGI </form> </body> </html> （２）テキストよ読み込ませたところ、"txt="から始まり、"/" "%F2"がに変化していたので、それを修正、後動作確認。コンパイル形式 #!/usr/bin/perl -w // 宣言 use strict; // strict

my @ls = split /txt=/,$ENV QUERY_STRING ;{ }

以降に入力された文字の部分を分割

// "?" "txt="

// END_OF_PAGE

head title program1 /title /head // program1 < >< > < >< > タイトル： <body bgcolor="#ffccaa"> //背景の色指定 < >p //文字列②開始出力①はここまで END_OF_PAGE // [ ] 文字列の部分をに置き換える $ls 1 =~ s/%2F/¥//g ; // "%F2" "/" ( [ ] ) 置き換えた文字列でのディレクトリ指定 system "ls $ls 1 " ; // ls << 出力②ここからまで出力

print END_OF_SET // END_OF_SET

(7)

４考察１実験１（１）で調べた内容について説明せよ。実験結果１（１）参照。２実験２（１）のプログラムを説明せよ。コンパイル形式 #!/usr/bin/perl -w // 宣言 use strict; // strict

my $time = localtime; // $time 出力 print "Content-type: text/html¥n¥n"; // print<<END_OF_PAGE;

ここからまでを出力

// END_OF_PAGE <html> // HTLM形式開始

< >p //文字列② </body> // HTMLBODY終了 </html> // HTML終了出力はここまで END_OF_PAGE // ３実験３（１）、（２）、（３、で作成したプログラムそれぞれ説明せよ。）実験結果実験３参照。４実験２ではperl実行オプションに－T を使用したが、実験３では使用していない。なぜ使用しなかったのか。また－T オプションはどのような場合に有用であるか考えよ。－ T オプションはセキュリティチェックに使われる。－ T オプションを付けて問題が発生するプログラム以外は付けるのが原則。それにより、実験２では使用されている。実験３では『フォームから入力された文字列をコマンドとして実行』という作業を行っている。このように CGI からコマンドを実行する作業は、。－Tオプションによってブロックされてしまうために付けることが出来ない

(8)

５実験４で作成したhtmlファイル、ＣＧＩプログラムを説明せよ。実験結果実験４参照。６実験３、４ではＧＥＴリクエストを用いたが、もう一つのＰＯＳＴリクエストがよく使われる。両者の特徴と違いを述べよ。ＧＥＴの特徴・単一の変数に値が代入される・長い書き込みが不可能。ＰＯＳＴの特徴・配列に値が代入される・書き込みした後ＵＲＬがだらだらと長く表示されない。・書き込みできる文字列の長さの制限がなくなる。・サーバーによってはＰＯＳＴが使えない設定になっている場合がある。