Linux/2005-S08 の履歴(No.6)

履歴一覧
差分を表示
現在との差分を表示
ソースを表示
Linux/2005-S08 へ行く。
- 1 (2005-04-27 (水) 01:08:37)
- 2 (2005-05-28 (土) 10:44:36)
- 3 (2005-06-08 (水) 03:18:28)
- 4 (2005-06-11 (土) 00:39:40)
- 5 (2005-06-12 (日) 00:24:41)
- 6 (2005-06-14 (火) 02:26:49)
- 7 (2005-06-14 (火) 10:19:58)
- 8 (2005-06-14 (火) 19:52:50)
- 9 (2005-06-15 (水) 01:25:54)

第8回動的なWebページの作成†

本日アクセス： 1 件

↑

目次†

第8回動的なWebページの作成

↑

課題の提出について†

本日の課題は途中でいちいち提出せずに、順次進めてください（分からない課題を後回しにしてもよいです）。
実験の時間の最後に課題1〜6のできあがったところまでについて、まとめてページのURLをメールで教員に連絡して下さい．
その際、どういう手法で作ったかを書いたも詳しく説明し、そのページのURLも一緒に送ってください．
- report＠fig.ele.eng.tamagawa.ac.jp

↑

アクセスカウンタとSSI†

↑

カウンタとは†

Webページには，既に用意した情報を提示するだけでなく，ブラウザからのリクエストに応じて、さまざまな動的な情報を表示するページがあります．カウンタはその非常に簡単な例です．
このページの上には簡単なカウンタが付いており、新しいブラウザからアクセスがあると数字があがっていきます．

↑

課題1：外部のカウンタを設置する†

世の中には，フリーでカウンタ機能を提供してくれるところもあります．
サーチエンジンで検索して、カウンタつきのWebページを作成してください。
- 「無料カウンタ」「フリーカウンタ」等で検索するとよいでしょう。
カウンタをつけたページでは、どういう手法でカウンタを入手して作ったかを説明して下さい．

↑

課題2：C言語の自作カウンタを設置する†

前々回の課題でC言語でカウンタのプログラムを作る課題がありました．
そこで作ったプログラムをすこし改造し、カウンタつきのWebページを作成してください。
Webサーバの「SSI」という機能を使うと比較的簡単にカウンタを設置することができます。
```
 
```
- 「SSI」「shtml」「テキストカウンタ」などのキーワードで検索してください。
できあがったら、カウンタのついているページのURLをメールで教員に連絡して下さい．
カウンタをつけたページでは、どういう手法でカウンタを入手して作ったかを説明して下さい．

↑

CGIプログラミング†

↑

CGIとは†

CGIとはWebサーバにプログラムを組み込んで、ブラウザ（ユーザ）からのリクエストによって、その場に応じた情報を表示するページを実現する技術です。
つまり、ブラウザからのリクエストをプログラムで処理して、定められた手順（プロトコル）に従って応答を返すことになります。
CGIを作成するためには、まずHTTPについて学ぶ必要があります。

↑

HTTP（ハイパーテキスト・トランスファー・プロトコル）†

Webサーバとブラウザの間の通信手順（プロトコル）を見てみましょう。
下記のコマンドで、Webサーバ vilab.org にHTTP用のポートで接続することができます。telnetコマンドにはこのような機能があります。
```
telnet vilab.org http
```

すると、下記のように表示されてサーバに接続されると思います。

Trying 202.253.197.203...
Connected to vilab.ele.eng.tamagawa.ac.jp.
Escape character is '^]'.

ここで、Webページ http://vilab.org/test.html を取得するためのHTTPのコマンドを打ち込みます。下記のように入力してください。（入力は表示されないかもしれません）
```
GET /test.html HTTP/1.0[改行]
[改行]
```

すると、サーバから応答が得られます。

HTTP/1.1 200 OK
Date: Mon, 13 Jun 2005 15:36:31 GMT
Server: Apache/1.3.33 (Debian GNU/Linux) …途中省略… DAV/1.0.3
Last-Modified: Mon, 13 Jun 2005 15:36:07 GMT
ETag: "2841b2-7c-42ada7e7"
Accept-Ranges: bytes
Content-Length: 124
Connection: close
Content-Type: text/html

<html>
<head>
<title>viLab</title>
</head>
<body>
<h1>Visual Interface Laboratory</h1>
This is a test page.
</body>
</html>

この1行目の「HTTP/1.1 200 OK」は、Webサーバから成功したかどうかの応答。
2行目から空行までの「属性名: 値」というのは、HTTPヘッダ。
そして、空行以降が test.html 本体のHTMLとなっています。

以上は、通常Netscape NavigatorやInternet ExplorerなどのWebブラウザが行っていることを、手動でやってみたわけです。

↑

課題3：単純なCGIプログラム†

CGIでは上でも例に示したHTTPのうち、「Content-Type:」以下を標準出力に出力するプログラムを作成すればいいです。たとえば以下のような出力をするプログラムを作成すればよいことになります。
```
Content-Type: text/html

<html>
<head><title>Hello</title></head>
<body>
Hello, world!
</body>
</html>
```

これをたとえばシェルスクリプトで作成すると以下のようになります。

echo "Content-Type: text/html"
echo
echo "<html>"
echo "<head><title>Hello</title></head>"
echo "<body>"
echo "Hello, world!"
echo "</body>"
echo "</html>"

C言語なら以下のようになります。

#include <stdio.h>

int main(void)
{
    printf("Content-Type: text/html");
    printf("\n");
    printf("<html>\n");
    printf("<head><title>Hello</title></head>\n");
    printf("<body>\n");
    printf("Hello, world!\n");
    printf("</body>\n");
    printf("</html>\n");
    return 0;
}