【Web開発】HTTP通信とは？HTTPステータスコードとは？HTTP通信の仕組みと要点整理

こんにちはフロントエンドエンジニアのまさにょんです！

今回は、Web開発のエンジニアなら知っておきたい、HTTP通信やHTTPステータスコードについて解説していきます。

HTTP通信とは？

HTTP(Hypertext Transfer Protocol)とは「Webクライアント」と「Webサーバー」がWeb上で情報をやり取りするためのプロトコル(通信ルール)です。

そして、そのHTTPプロトコルを使った通信を「HTTP通信」と言います。

つまり、HTTP通信は「Webクライアント」と「Webサーバー」がWeb上で情報をやり取り(通信)することです。

HTTP通信では、1つの要求（リクエスト）には1つの応答（レスポンス）を返すルールになっています。

元々は「Hypertext」(HTML)をやり取りするためのProtocol(通信ルール)でしたが、

そのシンプルさから、今では「REST-API」などのAPI実装時の通信プロトコルとしても採用されています。

次の説明が、とてもわかりやすいので引用します。

HTTP(Hypertext Transfer Protocol)とは、

WebサーバとWebブラウザの間で、Web情報をやりとりするためのプロトコル（通信規則）です。

私たちが普段、ホームページで情報収集したり、ブログを読んだりする時、

このHTTPを使ってサーバとクライアント（ユーザ）間でやり取りが行われます。

HTTPの特徴の1つは動作がとてもシンプルな点です。

情報のやり取りは常に、クライアント（Webブラウザなど）が要求を出し、サーバが応答を返します。

1つの要求（リクエスト）には1つの応答（レスポンス）を返すルールになっていて、

どちらかが多くなることはありません。

また、以前に何を要求したかで応答が変わることなく、

同じ条件ならば、ある要求に対する応答は常に同じものになります。

HTTPは完結で素直な特性を持つことから、WebサーバとWebブラウザ間のやり取り以外に、

スマホやアプリからのサーバ機能呼び出しや、サーバ間のサービス呼び出しなどに幅広く使われており、

主に「REST API」に関係する事項で、

アプリケーション開発時にプログラムが持つ機能を呼び出す場合に利用されます。

引用元: HTTPとは？HTTPSとの違いをサイト移行で実施するリダイレクト設定などをもとに解説

HTTP通信のHTTPリクエストとHTTPレスポンスをざっくりと理解する

HTTP通信の処理フローをざっくりと理解するのが大事です。

HTTP通信は「Webクライアント」と「Webサーバー」がWeb上で情報をやり取り(通信)することです。

HTTP通信のやり取り(通信)は、1つのリクエストとそれに対する1つのレスポンスと言うシンプルなやり取りです。

①「Webクライアント」から「Webサーバー」に送信されるデータを「HTTPリクエスト」と言います。

②「Webサーバー」から「Webクライアント」に送信されるデータを「HTTPレスポンス」と言います。

次の図がわかりやすいです。

もう少し細かく分けると、次のようにHTTP通信のフローは、4つに分割できます。

1. Client側がHTTPリクエストを送信する。
2. Server側がHTTPリクエストを受信&処理をする。
3. Server側がHTTPレスポンスを送信する。
4. Client側がHTTPレスポンスを受信&処理をする。

超高速で軽量な素晴らしいホームページである『阿部 寛のホームページ』を事例に具体化してみましょう。

1. ブラウザのアドレスバーに『阿部 寛のホームページ』のアドレス(http://abehiroshi.la.coocan.jp/)を入力する。
2. Web-Server(Apacheなど)が「http://abehiroshi.la.coocan.jp/」のRequestを受信してHTMLを発見する。
3. Web-Serverは、ブラウザにResponse情報としてHTMLを送信する。
4. ブラウザは、HTML情報を受信して、それを画面に表示する。

HTTPステータスコードとは？

HTTPステータスコードとは、HTTPリクエストに対するサーバー処理の結果を表す3桁の番号です。

HTTPステータスコードの分類と概要を理解する

HTTPステータスコードには、次の5つの分類があります。

上記のように、200番台なら成功や、400番台ならクライアント側でエラー、500番台ならサーバー側でエラーなど

何番台のステータスコードかでHTTP通信の状態がわかるようになっています。

それでは、Web制作やWeb開発でよく見かけるステータスコードをいくつか紹介していきます。

HTTP 200番台 成功レスポンス

HTTPステータスコード200番台は、クライアントからのリクエストが正常に受付されたことを示すステータスコードです。

HTTP 300番台 リダイレクションメッセージ

HTTPステータスコード300番台は、「リダイレクト」が発生した際に表示されるステータスコードです。

HTTP 400番台 クライアントエラーレスポンス

HTTPステータスコード400番台は、「クライアントエラー」が出たときに表示されるステータスコードです。

HTTP 500番台 サーバーエラーレスポンス

HTTPステータスコード500番台は、「サーバーエラー」が出たときに表示されるステータスコードです。

Twitterやってます！Follow Me！

関連記事

参考・引用

1. 【HTML入門】HTMLとは？ハイパーテキストとハイパーリンクの意味とマークアップとマークダウンの違いを解説
2. HTTPとは？HTTPSとの違いをサイト移行で実施するリダイレクト設定などをもとに解説
3. 『阿部 寛のホームページ』
4. 【よく見るものを解説】HTTPステータスコードとは？コード番号別に詳しく解説
5. よく使うHTTPステータスコードまとめ

最近の投稿

2024年1月17日【SQL】1回のINSERTで、複数行のレコードを一括挿入・一括追加する方法 2024年1月17日JavaScriptでランダムなuuidを作成する方法(randomUUIDの使い方) 2023年12月30日PythonでCSVをJSONに変換する方法 2023年12月30日PythonでCSV・Dataframeを指定の行数まで切り取る方法 2023年12月28日JavaScript(TypeScirpt)のfor-of文でindexの値も取得する方法と、Type IterableIteratorエラーの解決方法 2023年12月28日VSCode上のPython import文の「インポート “XXXXX” をソースから解決できませんでした」エラーの解決方法