HTTP Cookieの状態管理の仕組みを詳しく解説-PHPチュートリアル-php.cn

HTTP Cookieの状態管理の仕組みを詳しく解説

*文

リリース： 2023-03-19 10:12:01

オリジナル

1602 人が閲覧しました

Cookie は 1993 年 3 月に Netscape の従業員である Lou Montulli によって初めて発明され、その後 W3C によって採用されました。現在、Cookie は IE、Chrome、Firefox、Opera などのすべての主流ブラウザーでサポートされています。

HTTP クッキー。「クッキー」と呼ばれることが多く、古くから存在していますが、まだ完全には理解されていません。主な問題は、Cookie がバックドアやウイルスであると考えられたり、Cookie がどのように機能するかを単に理解していないなど、多くの誤解があることです。 2 番目の問題は、Cookie の一貫したインターフェイスが欠如していることです。これらの問題にもかかわらず、Cookie は依然として Web 開発において非常に重要な役割を果たしているため、もし Cookie が代わりに使用されずに消滅すると、私たちのお気に入りの Web アプリケーションの多くが役に立たなくなるでしょう。

1. Cookie の起源

Cookie は 1993 年 3 月に Netscape の従業員である Lou Montulli によって最初に発明され、その後 W3C によって採用されました。現在、Cookie は IE などのすべての主流ブラウザーで標準となっています。 Chrome、Firefox、Opera などがすべてサポートされています。

Cookie は、HTTP プロトコルの固有の欠陥により生まれました。HTTP は、リクエスト/レスポンスが完了すると、クライアントとサーバー間の接続が閉じられ、新しいデータを確立する必要があります。再度データを交換して接続してください。これは、サーバーが接続からセッションを追跡できない、つまり、サーバーがどのクライアントであるかを認識できないことを意味します。

ログイン/ショッピングカートなどの一部の一般的なアプリケーションは実装できません。たとえば、ユーザー A がショッピングモールで購入した商品は、ユーザー A がいつ購入しても同じセッションに属しており、ユーザー B またはユーザー C のショッピングカートに入れることはできません。同じセッションに属していません。

基本原理は図の通りです

2. Cookieの操作

Cookieに対する操作には以下のものが含まれます

1. 名前(Name)

2. 値(Value)
3. Domain (ドメイン)
4. Path
5.Expires
6. Secure flag(Secure)
7.HttpOnly (サーバー側のみ)

Cookie は主にサーバー側で作成されますが、JS も作成できることに注意してください。 used Cookieは作成されますが、HttpOnly型のJSは作成できません。

ブラウザが提供するCookie API（document.cookie）は単純すぎるため、少しカプセル化できます。たとえば、次のようにsetter/getter cookie関数を使用するとはるかに便利です

/*
* JS 写cookie和读cookie操作
*
* **取cookie**
* cookie(name)
*
* **写cookie**
* cookie(name, value)
* cookie(name, value, option)
*/
var cookie = function(name, value, option) {
var doc = document
if (value != undefined) { // set 
option = option || {}
if (value === null) {
value = &#39;&#39;
option.expires = -1
}
var expires = &#39;&#39;
if (option.expires && (typeof option.expires == &#39;number&#39; || option.expires.toUTCString)) {
var date = new Date
if (typeof option.expires == &#39;number&#39;) {
date.setTime(date.getTime() + (option.expires * 24 * 60 * 60 * 1000))
} else {
date = option.expires
}
// for IE
expires = &#39;; expires=&#39; + date.toUTCString()
}
var path = option.path ? &#39;; path=&#39; + option.path : &#39;&#39;
var domain = option.domain ? &#39;; domain=&#39; + option.domain : &#39;&#39;
var secure = option.secure ? &#39;; secure&#39; : &#39;&#39;
doc.cookie = [name, &#39;=&#39;, encodeURIComponent(value), expires, path, domain, secure].join(&#39;&#39;)
} else { // get 
var cookieValue = null
if (doc.cookie && doc.cookie != &#39;&#39;) {
var cookies = doc.cookie.split(&#39;;&#39;)
for (var i = 0; i < cookies.length; i++) {
var cookie = $.trim(cookies[i]).split(&#39;=&#39;)
if ( cookie[0] == name && cookie.length > 1 ) {
try {
cookieValue = decodeURIComponent(cookie[1])
} catch(e) {
cookieValue = cookie[1]
}
break
}
}
}
return cookieValue
}
};

ログイン後にコピー

3. type

1. 通常の Cookie はサーバー側と JS の両方で作成できます

2. HttpOnly Cookie は、主にセキュリティ上の理由から、JS でのみ作成できます
3.安全な Cookie (https のみ)、サーバー側どちらも JS で作成できます。JS は HTTPS でのみアクセスできます

たとえば、テストページでは、c1、c2、c3 という 3 つの Cookie を植えました

$d1 = mktime(1,1,1,1,1,2018);
// 普通cookie
setcookie("c1", "Jack", $d1); 
// 安全的cookie，仅https，第6个参数
setcookie("c2", "John", $d1, NULL, NULL, TRUE); 
// HttpOnly cookie 第7个参数
setcookie("c3", "Resig", $d1, NULL, NULL, NULL, TRUE);

ログイン後にコピー

Firefox を使用しますアクセスするには