perlを使った CGI (Common Gateway Interface)の練習ページ
とほほのCGI入門 <==分からなくなったらいつでもここを参照しよう!

CGI 動作の仕組み
--- まずは、動作の仕組みを理解してから ---
  1. WebブラウザがサーバにCGI文書(test.cgi)を要求する (A)
  2. サーバはtest.cgiを送り出す前にtest.cgiを実行する (B)
  3. サーバは結果をブラウザに送り出す (C)

Web
ブラウザ
 
−要求→
(A)
←結果−
(C)

WWW
サーバー
 
−起動→
(B)
←結果−
(B)

CGI
スクリプト (B)
 
単なるHTML文書の場合と比較すると、 (B)の部分が加わる所が大きな違い!
CGIスクリプト作成手順
--- いつもこの手順を忘れずに! ---
CGIスクリプトはサーバで実行されるので、サーバが理解可能な言語で あれば、何を使ってもスクリプトを書くことができるが、 ここではCGI作成で、もっともポピュラーな言語であるperlを例に 説明する。
  1. CGIスクリプト作成
    TeraPadなどのエディタを使い、perl言語でCGIスクリプトを作成
    perl言語によるスクリプト例は次の章を参考のこと。
  2. CGIスクリプトをサーバ側に転送
    端末からサーバへのファイル転送に付いては、 以下の注意点を守ること。
  3. サーバ側のフォルダpublic_html以下の適当なフォルダに転送する。
  4. 転送モードはアスキーモードにして転送を行う。
    FFFTPを使う場合には、Aのボタンがアスキー指定である。
    これは改行を適切に扱うためである。詳しい説明は とほほを参照のこと。
  5. スクリプトを実行可能に設定
    サーバであるUNIXでは、転送したままではスクリプトを実行できない。 CGIスクリプトファイルのパーミッション(アクセス権)を 実行可能に設定する。
    FFFTPを使う場合には、右側のウインドウでCGIファイルを右クリックし、 属性変更ウインドウにおいて実行にチェックをつける。
  6. ブラウザで確認
    ブラウザでCGIスクリプトを指定、あるいは、htmlファイル内に CGIスクリプトへのリンクを設定し、クリックする。
    (例)test.cgiというファイルをcatのpublic_html以下に置いた 場合のURL(アドレス)は、
    http://cat/~b95000/test.cgiとなる。
    ただし、b95000の所は、各自のID(学籍番号)で置き換えること。
CGIスクリプト作成演習
--- STEP by STEP で行こう! ---
  1. 初歩:CGIによるHTML出力
    これが基本です。
  2. アクセスカウンタ
    画像入りに応用も簡単!
  3. CGIによるバス時刻検索
    データベース利用方法
  4. バス時刻サービス
    i-mode対応で、学外からもバスの時間が分かるぞ!
  5. 掲示板を作ろう!
    これが作れたら、君も一人前のCGIクリエイターだ!
  6. 自分でチャットをつくろうぜー!
    CGIの達人へ!
  7. クッキーを使って、ハンドル名の入力を初回だけにしたい
  8. クッキーを使った完成版
  9. 簡易検索(サーチ)エンジン作成
    これであなたも、プロの仲間入り!?