#フロントエンド Web 開発では、JavaScript を使用してクライアント側に Cookie を設定できます。具体的には、cookie は document.cookie 属性を通じて設定できます。
document.cookie 属性は、現在のページのすべての Cookie を保存する文字列です。新しい Cookie を設定するには、名前、値、およびその他のオプションの属性を文字列に連結し、それを document.cookie に割り当てます。例:
document.cookie = "name=value; expires=Fri, 31 Dec 2023 23:59:59 GMT; path=/";
ログイン後にコピー
上記のコードは、「name」という名前の Cookie に「value」という値を設定します。有効期限も 2023 年末として指定され、パスはルート パス「/」に設定されます。
注:
- 各属性を区切るにはセミコロンとスペースを使用します。
- Cookie 値には任意の文字を含めることができますが、特殊文字による問題の発生を防ぐために URL エンコードする必要があります。
- オプションの属性には、expires (有効期限)、path (パス)、domain (ドメイン名)、secure (HTTPS 接続のみを介して送信されるかどうか) などが含まれます。
Cookie はクライアント側に保存される情報であるため、セキュリティ リスクを避けるために機密情報 (パスワードなど) を Cookie に保存しないでください。