ボタンを押してから、0.5秒
ブラウザにアドレスを入れて、Enterを押します。
半秒もしないうちに、ページが出ます。
そのあいだに、スマホは、何回もやりとりをしています。今日は、その中を、のぞいてみます。
今日のキーワード
| ことば | いみ | れい |
|---|---|---|
| ブラウザ | Webのページを見るためのアプリです。 | スマホのブラウザ |
| リクエスト | ブラウザがサーバーにするお願いです。 | |
| レスポンス | サーバーが返す答えです。 | |
| HTML | ページの形を書いた文字のデータです。 | |
| 状態コード | 答えの結果を表す三けたの数です。 | 200 |
| キャッシュ | 一度もらったデータを、しばらく手元に残しておくことです。 |
学生が入力するセルは、このプレビューでは空白です。
ページが出るまでの五つの段階
アドレスを入れてから、ページが出るまでは、五つの段階があります。
- DNSで、名前をIPアドレスに直す。
- サーバーにつなぐ。
- ページをお願いする(リクエスト)。
- サーバーが答える(レスポンス)。
- ブラウザが、ページを組み立てて見せる。
小さな確認: 順番
やってみよう
小さな確認: 順番
3問挑戦してみましょう。回答はここで採点され、その後は保存されません。点数を残したい場合や、続きから再開したい場合はログインしてください。ログインして点数を保存
答えはここで採点され、保存されません。アカウントがあれば、結果が残ります。
図の読み方
ブラウザは、まずDNSサーバーに住所をたずねます。
わかったら、Webサーバーにつないで、ページをお願いします。
返ってきたHTMLを読んで、画像や色のデータが必要だとわかると、またお願いします。
ページ一枚で、お願いは何十回にもなることがあります。
やってみよう: お願いの文を作る
host = "www.example.com"
path = "/club/news.html"
# リクエストは、文字の行でできています。
first_line = "GET " + path + " HTTP/1.1"
second_line = "Host: " + host
print(first_line)
print(second_line)
# 返事の一行目から、状態コードを取り出します。
answer = "HTTP/1.1 200 OK"
words = answer.split(" ")
print("状態コード:", words[1])
# answer を "HTTP/1.1 404 Not Found" に変えて、もう一度実行しましょう。
状態コードの読み方
| コード | 意味 | よくある場面 |
|---|---|---|
| 200 | 成功。ページを返します | ふつうに表示された |
| 301 | ページが引っこした | 新しいアドレスに移った |
| 404 | ページが見つかりません | アドレスの打ちまちがい |
| 500 | サーバーの中の故障です | サイトの不具合 |
学生が入力するセルは、このプレビューでは空白です。
小さな確認: 状態コード
やってみよう
小さな確認: 状態コード
3問挑戦してみましょう。回答はここで採点され、その後は保存されません。点数を残したい場合や、続きから再開したい場合はログインしてください。ログインして点数を保存
答えはここで採点され、保存されません。アカウントがあれば、結果が残ります。