静的ウェブページを例にとります。
HTML ファイル#
HTML ファイルは、ブラウザが読み込んで静的ウェブページを生成することができるファイルです。このファイルは HTML 言語で書かれており、HTML 言語はハイパーテキスト言語と呼ばれています。この言語は、純粋なテキストにタグという構造化の文法を追加することで、純粋なテキストに見出し、段落、メニュー、リスト、リンクなどの構造化属性を与えます。さらに、HTML ファイルは画像やビデオなどを埋め込むこともサポートしています。
サーバー#
サーバーは、ネットワークに接続されたファイルを保存するためのコンピュータです。
サーバーは、ネットワークに接続された、ファイルを保存するための特別なコンピュータ(ボックスのような大きさ)です。各サーバーには固有の IP アドレスがあり、相互作用に使用されます。
追加情報
- 静的ウェブサイトサーバーは、ファイルをそのままユーザーに送信します。
- 動的ウェブサイトサーバーは、ハードウェアと HTTP ソフトウェアに加えて新しい機能を追加します。一般的なアプリケーションサーバーやデータベースがあります。ファイルの送信は更新されます。
IP アドレス#
IP アドレスは、32 ビットのバイナリ数です(これにより、人間が覚えるのが難しいです)。
IP アドレスは、各人の電話番号のようなもので、各人の電話番号は一意です。
同様に、ネットワークに接続されたコンピュータには一意の IP アドレスがあります。このアドレスを知っていれば、ネットワーク上に保存されているファイルの場所を知ることができます。
URL アドレス#
URL は、簡略化されたインターネットリソースロケーターであり、一般的にはウェブアドレスと呼ばれます。IP アドレスと関連付けることができます(IP アドレスを覚えにくい問題を解決します)。
URL の構成:プロトコル + ドメイン名 + リソースパス。
- 例:wendys.love がドメイン名で、https://wendys.love がプロトコル + ドメイン名で、https://wendys.love/archives/hello-world.html/ がプロトコル + ドメイン名 + リソースパスです。
- 通常、プロトコルを入力せずにアクセスできます。また、https プロトコルは http プロトコルよりも安全です。
- 同様に、インターネット上の各ファイルには一意の URL があります。
ブラウザ#
ブラウザは、HTML、CSS などのファイルを解析、レンダリングするツールであり、URL を解析するツールでもあり、クライアント(ユーザー)とサーバー間の相互作用の橋渡しをします。
ユーザーはブラウザに URL(ウェブアドレス)を入力することで、ブラウザは URL に対応する IP アドレスを解析し、その IP に対してインタラクションリクエストを送信してファイルのアクセス権を取得しようとします。
私たちがウェブページにアクセスするプロセスは次のように説明できます:
- ユーザーがブラウザに URL を入力します→
- ブラウザが URL を解析します→ブラウザが IP アドレスにアクセスリクエストを送信します→
- サーバーが応答し、リクエストを承認し、対応するファイルをブラウザに送信します→
- ブラウザがファイルを視覚的にレンダリングし、ユーザーに視覚的なページを表示します。
トラフィック#
サーバーが海外にある場合(またはあなたから遠い場所にある場合)、アクセス時間が遅くなり、使用されるトラフィックも多くなります。
物理的な距離が遠すぎるためです。
そのため、人々は CDN(コンテンツデリバリーサービス)を発明しました。これにより、遠くのメインサーバーのファイルは、各地域のサブサーバーにキャッシュされ、ユーザーがウェブサイトにアクセスする際には、最も近いサブサーバーのコンテンツが直接ユーザーに返されるようになり、物理的な距離が短縮され、アクセス速度が向上し、トラフィックが節約されます。
以上が私の浅い理解です。