Cookie、セッションストレージ、ローカルストレージ


💾 Webストレージとは


これはHTML 5の新しい機能で、サーバではなくクライアントにデータを格納できます。

😋 Webストレージのメリット

  • Cookieは4 kbの記憶空間しか使用できないが、Web記憶は約5 MBの記憶空間を使用することができる.
  • 🔎 ローカルストレージとは?

  • ブラウザには半永久的にデータが格納され、ブラウザを終了してもデータは保持されます.
  • しかしドメイン?他の場合、ローカルストレージにアクセスできません.
    例)www.google.www.naver.comにアクセスできません.
  • 持続性があるそうです.
  • JavaScriptローカルストレージサンプルコード
  • へのアクセス
    let data1= localStorage.setItem('item1',10);
    let data2= localStorage.setItem('item2', 'new item');
    
    console.log(data1)
    console.log(data2)
    
    //10
    //new item

    🔎 セッションストレージとは

  • セッションごとにデータが個別に格納されます.
    例)複数のブラウザ・ウィンドウを開くと、各ブラウザ・タブにデータが個別に格納されます.
  • とは異なるストレージセッションをローカルに格納するブラウザウィンドウを閉じると、セッションが自動的に削除されます.
  • のようなドメインでも、セッションが異なるとデータにアクセスできません.
  • 新しいストレージのデータへのアクセス方法は、ローカルと同じです.
  • 🍪 クッキーは?


    HTTPの特性


    HTTPは、無状態性(無状態)、要求(要求)、応答(応答)がクライアントとの通信終了後に接続を閉じる(無接続)特性を有する。

    クッキーの用途

  • HTML 5公開前にWebサイトにアクセスするユーザ情報を格納する主な方法
  • ユーザーのブラウザに格納され、鍵(key)-値(value)リポジトリであり、文字列のみが格納されます.
  • セッションクッキー

  • Cookieに有効期限が含まれていない場合は、セッションCookieと呼ばれます.
  • セッションクッキーはディスクに格納されず、メモリに格納されます.
  • 持続クッキー

  • クッキーでは、満期日が含まれている場合を持続クッキーと呼びます.
  • セッションクッキーはディスクに格納され、手動で削除する前に満期日にデータが保存されます.