プログラミング

iframeでCookieを取得、書き込みをする方法 SameSite Secure -Javascript

投稿日:2022年11月21日 更新日:

ブラウザゲームを公開していてユーザーの設定をcookieに保存したくなりました。諸事情でiframeを使用しておりcookieの取得に苦労したので、その方法を記しておきます。

SameSite=None; Secure; が必要

iframeを使用するとthird-partyコンテンツとなるようなのでcookie書き込み時に「SameSite=None; Secure」をつける必要があるようです。
また私が試した結果では、iframe中にsandbox設定をする必要はないようです。最初は念のため「sandbox=”allow-same-origin allow-scripts allow-pointer-lock”」をつけていましたが、これを省いても動作しました。

Cookieの確認方法

ChromeならDeveloper ToolにてApplicationからcookieを確認できます。変数名、値の他、全ての属性を確認できるので便利です。

-プログラミング

執筆者:

関連記事

Android App: How to share video in external storage to MediaStore?

Code Android Studio Electric Eel | 2022.1.1 Patch 2[Java]String path = xxx; //path of the video in t …

240Hzゲーミングモニターの勧め – 目に優しい?閃輝暗点の予防策

オンラインPCゲームにはまってしまい、ついには高価な240Hzゲーミングモニターを購入してしまいました。機種名は「Acer ゲーミングディスプレイ Nitro VG252QXbmiipx 24.5型ワ …

blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

エラー内容と状況 JavascriptからPHPを呼び出したら下記エラーがAccess to XMLHttpRequest at ‘https://ooo/xxx.php’ f …

Android studio|FFmpegでやりたい放題するための準備

動画を利用したアプリを作成するにあたりFFmpegを使用できると大変便利です。Web上に多数の情報がありますが、数年前の記事は役に立たなかったり、実用的な情報が少なかったりします。本記事ではAndro …

Microsoft AzureでNode.jsゲームをデプロイ – web.configを忘れるな

Node.js+Three.jsでフォートナイトのような建築FPSゲームを自作しております。Paasサービスは手軽で太っ腹なHerokuを利用していますがサーバーがアメリカにあるため通信ラグに悩まされ …

スポンサーリンク