Web Protocol Lab

#HTTP Status Code Lab

代表的なステータスコードを固定応答で返します。curl -i でステータスラインとヘッダーを確認できます。各URLには X-Demo ヘッダーを付けています。

$ curl -i https://web-protocol-lab.com/status/200

観測ポイント

#Cache Control Lab

各エンドポイントは異なる Cache-Control ディレクティブを返します。ブラウザのリロード / スーパーリロード、curl の条件付きリクエストで挙動の違いを観測してください。

ETag → 304 を体験する

# 1回目: 200 OK と ETag を受け取る
$ curl -i https://web-protocol-lab.com/cache/static/etag-demo.txt

# 2回目: 受け取った ETag を If-None-Match に入れて送る → 304
$ curl -i -H 'If-None-Match: "<上で受け取ったETag値>"' \
    https://web-protocol-lab.com/cache/static/etag-demo.txt

Last-Modified → 304 を体験する

# 1回目: Last-Modified を受け取る
$ curl -i https://web-protocol-lab.com/cache/static/last-modified-demo.txt

# 2回目: その日時を If-Modified-Since に入れて送る → 304
$ curl -i -H 'If-Modified-Since: <上で受け取ったLast-Modified値>' \
    https://web-protocol-lab.com/cache/static/last-modified-demo.txt

観測ポイント

#Header Lab

セキュリティヘッダー、CORS、Content-Type、圧縮、リダイレクトチェーンの挙動を確認します。

基本仕様では、HSTS (Strict-Transport-Security) はHTTPSで受信したときに処理されます。このURLではヘッダーを確認できます。HTTPからHTTPSへの切り替えは、ブラウザの状態や設定も含めて確認してください。

# 圧縮: Accept-Encoding の有無で Content-Encoding が変わる
$ curl -i https://web-protocol-lab.com/headers/compression
$ curl -i --compressed https://web-protocol-lab.com/headers/compression

# リダイレクトチェーンを追跡
$ curl -iL https://web-protocol-lab.com/headers/redirect

#Protocol Guides

主要プロトコルの流れと観測ポイントをまとめています。HTTPステータス、キャッシュ、ヘッダー以外は解説が中心で、実行環境を提供していないページがあります。