0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Webの仕組みとHTTPについて

Posted at

##ブラウザとサーバー
ブラウザは今表示されてる画面
サーバーは色んなデータを保存してる大きなPCのようなもの
サーバーからファイルをダウンロードすることでブラウザに表示される
ファイルの中にはHTML、CSS、JSなどの情報が入ってる

図で表すとこんな感じ
      
(ブラウザ) ←←←←←← (サーバー)
         ファイル
       (HTML,CSS,JS)
##HTTP
HTTPとはブラウザとサーバーのやりとりの方法
基本はリクエストとレスポンス

      リクエスト
      →→→→→→
(ブラウザ)      (サーバー)
      ←←←←←←
      レスポンス

リクエストで欲しい情報をサーバーに投げてサーバーがその情報を返してくれる
このリクエストとレスポンスのやりとりのルールを作るのがサーバーサイド言語

##HTTPの基本メソッド4つ
1.GET データの取得
Webページを表示するときに使用

     このページ見たい
      →→→→→→
(ブラウザ)       (サーバー)
      ←←←←←←
      ページの情報

2.POST データの送信
フォームなどでデータを保存するに使用

      データ保存して
      →→→→→→
(ブラウザ)      (サーバー)
      ←←←←←←
      保存したよ

3.PUT データの更新
既存のデータを書き換えるときに使用

     データ変更して
      →→→→→→
(ブラウザ)      (サーバー)
      ←←←←←←
      変更したよ

4.DELETE データの削除
既存データを消すときに使用

      データ消して
      →→→→→→
(ブラウザ)      (サーバー)
      ←←←←←←
       消したよ

Twitterで例えると
ツイートを表示 GET
ツイートの新規投稿 POST
ツイートの更新 PUT (Twitterはできなかったはず)
ツイート削除 DELETE

##IPアドレスとドメイン
IPアドレスとはサーバー内でデータに割り振られている住所みたいなもので数字で管理されている
ドメインとは「~~.com」の部分
IPアドレスだと分かりにくいのでDNSというシステムがIPアドレスとドメインを紐付けている

##最後にWebサイト(Qiita)が表示されるまで

    qiita.comのIPアドレス教えて
      →→→→→→
(ブラウザ)      (DNS)
      ←←←←←←
     IPアドレスを返す

  DNSから取得したIPアドレスにGETリクエスト
      →→→→→→
(ブラウザ)      (サーバー)
      ←←←←←←
    HTML、CSS、JSを返す

こんな感じです

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?