Webの新しい Cookie技術 http SameSite と Secure 対策

概要

Webページの作成で確認や検証は最近はGoogleChromeが中心になりました。Google Chromeのデベロッパーツールがあるとフロントエンド の開発はある程度エラーやレイアウト崩れは解消できます。

ただ、ChromeのWarningでSameSite Noneと言う物が多発して出てくるようになりました。今回はSameSiteについて研究してますのでご覧ください。

SameSiteとは

HttpクッキーはWebサーバー側からWebサイトを見たパソコンに対して設定できるデータのことです。

知らず知らずの間にご自宅のパソコンに知らないデータを仕込まれることになります。
言い方は怖いですが、マーケティング目的に設定されたり、アフィリエイト の成果として設定されていることだったりとあまり知られない技術です。

悪意を持って何かをしようとする人も出てきます。
そこで新たにSameSite属性という物ができました。

つまり、SameSite属性は安全にクッキー情報を扱うための設定です。

いつ SameSite をセットするのか

それぞれのパソコンで設定することはありません。
サーバーサイドで設定する技術になります。

chromeの警告内容

SameSiteの設定をしていない場合以下のようなWarningメッセージが出力されます。

この警告文は何か危険なエラーかと言われると特に修正しないといけないものではありません。

Googleの公式の発表
https://developers-jp.googleblog.com/2019/11/cookie-samesitenone-secure.html

サーバーサイドの設定について

PHPのフレームワーク Laravel6 ではすでに対応ができています。
Ruby on Rails 6.0 は 2020/01/02時点未対応です。

Web技術速習テキストではHTTPクッキーについて書かれており、そこでも詳しくSamesiteについて記載があります。より詳しく知りたい方はこちらをどうぞ

【POD】Web技術速習テキスト　実践編

田中 賢一郎 インプレスR&D 2019年08月16日頃

楽天ブックス

Amazon

Kindle

まとめ

今後はサーバーサイドのプログラミングをする際はcookieの設定でSameSite属性も理解してCookieの動きを制御していく必要が出てきました。
これは安全のために必要な技術ですのでぜひ習得して欲しいところです。

具体的な設定については次回に説明していく予定です
お楽しみください。