Cookie

อินทิรา แฝดสุระ 640710151

Cookie คือ ไฟล์ขนาดเล็กที่เอาไว้สำหรับเก็บข้อมูลใน Browser ของ Client โดย cookie จะถูกสร้างในฝั่งของ Server และจะถูกบันทึกข้อมูลในฝั่ง Browser ของ Client ถ้า User มีการส่งคำขอไปยังฝั่งของ Server จากนั้น Cookie จะรวมเข้ากับคำขอนั้นเพื่อให้สามารถรับ cookie ฝั่งของ Server ได้

การตั้งค่า cookie มี 2 ฟังก์ชัน คือ setcookie() กับ setrawcookie()

setcookie()

การสร้าง Cookies

setcookie() จะใช้สำหรับการกำหนด cookie ที่ถูกส่งไปพร้อมกับ HTTP headers ในการจะเรียกใช้เราต้องเรียกใช้ก่อนการแสดงผล ต้องแท็ก และ และจะเข้ารหัสแบบอัตโนมัติก่อนส่งให้ Browser ของ User

setcookie(
    string $name,
    string $value = "",
    int $expires_or_options = 0,
    string $path = "",
    string $domain = "",
    bool $secure = false,
    bool $httponly = false
): bool

name คือ ชื่อของ cookie

value คือ ค่าของ cookie

expires_or_options คือ เวลาในการหมดอายุของ cookie จะมีการเพิ่มเวลาเป็นหน่วย วินาที

path คือ เส้นทางบน server ที่ cookie จะถูกใช้ได้

domain คือ domain ที่ cookie สามารถเข้าถึงได้

secure คือ จะระบุว่า cookie ควรถูกเชื่อมต่อผ่าน HTTPS เท่านั้นหรือไม่ ถ้า True cookie จะถูกตั้งค่าเฉพาะมีการเชื่อมต่อที่ปลอดภัย

httponly คือ ถ้าเป็น True จะเข้าถึงได้เฉพาะ HTTP

options คือ เป็น array ที่มี key เป็น expires, path, domain, secure, httponly และ samesite

ตัวอย่าง code

<?php
$cookie_name = "user";
$cookie_value = "John Doe";
setcookie($cookie_name, $cookie_value, time() + (86400 * 30), "/"); // 86400 = 1 วัน
?>
<html>
<body>

<?php
if(!isset($_COOKIE[$cookie_name])) {
  echo "Cookie ชื่อ '" . $cookie_name . "' ยังไม่ได้ตั้งค่า!";
} else {
  echo "Cookie '" . $cookie_name . "' ถูกตั้งค่าแล้ว!<br>";
  echo "ค่าคือ: " . $_COOKIE[$cookie_name];
}
?>

</body>
</html>

จาก code เราได้ทำการสร้าง cookie โดยมี name คือ “user” มีค่า value คือ “John Doe” มีระยะเวลา 30 วัน และมีฟังก์ชัน isset() สำหรับตรวจสอบว่า cookie ถูกตั้งค่าแล้วหรือไม่

การลบ cookie

การลบ cookie เราจะใช้ฟังก์ชัน setcookie() โดยจะกำหนดวันที่หมดอายุเป็นวันที่ผ่านมาแล้ว

<?php
// set the expiration date to one hour ago
setcookie("user", "", time() - 3600);
?>
<html>
<body>

<?php
echo "Cookie 'user' is deleted.";
?>

</body>
</html>

การตั้งค่า cookie แบบ array

setcookie("cookie[three]", "cookiethree");
 setcookie("cookie[two]", "cookietwo"); 
setcookie("cookie[one]", "cookieone"); 
if (isset($_COOKIE['cookie'])) { 
     foreach ($_COOKIE['cookie'] as $name => $value) { 
           $name = htmlspecialchars($name); 
           $value = htmlspecialchars($value); 
           echo "$name : $value <br />\n"; 
      } 
}

จาก code เราตั้งค่า cookie ในรูปแบบของ array คือ cookiethree, cookietwo และ cookieone โดยมี key หลัก คือ cookie และมี key ย่อย คือ three , two และ one มีฟังก์ชัน isset() สำหรับตรวจสอบว่า cookie ถูกตั้งค่าแล้วหรือไม่ และมีการวนลูป cookie และแสดงผลผ่าน key “$name” และ “$value” มีการใช้ฟังก์ชัน htmlspecialchars ในการแปลงตัวอักษรเพื่อให้ป้องกันด้านความปลอดภัยก่อนแสดงผล

setrawcookie()

setrawcookie(
    string $name,
    string $value = ?,
    int $expires_or_options = 0,
    string $path = ?,
    string $domain = ?,
    bool $secure = false,
    bool $httponly = false
): bool

setrawcookie() จะทำงานเหมือนกับ setcookie() แต่จะไม่ทำการเข้ารหัสแบบอัตโนมัติ การคืนค่าเมื่อทำงานสำเร็จจะส่ง True เมื่อล้มเหลวจะส่ง False

การเปรียบเทียบ code

function setCookie(cname, cvalue, exdays) {
  const d = new Date();
  d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
  let expires = "expires=" + d.toUTCString();
  document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}

function getCookie(cname) {
  let name = cname + "=";
  let ca = document.cookie.split(';');
  for(let i = 0; i < ca.length; i++) {
    let c = ca[i];
    while (c.charAt(0) == ' ') {
      c = c.substring(1);
    }
    if (c.indexOf(name) == 0) {
      return c.substring(name.length, c.length);
    }
  }
  return "";
}

function checkCookie() {
  let user = getCookie("username");
  if (user != "") {
    alert("Welcome again " + user);
  } else {
    user = prompt("Please enter your name:", "");
    if (user != "" && user != null) {
      setCookie("username", user, 365);
    }
  }
}

from flask import Flask, request, make_response 

app = Flask(__name__) 

# Using set_cookie( ) method to set the key-value pairs below. 
@app.route('/setcookie') 
def setcookie(): 
	
	# Initializing response object 
	resp = make_response('Setting the cookie') 
	resp.set_cookie('GFG','ComputerScience Portal') 
	return resp 

app.run()

from flask import Flask, request, make_response 
app = Flask(__name__) 
  
# getting cookie from the previous set_cookie code 
@app.route('/getcookie') 
def getcookie(): 
    GFG = request.cookies.get('GFG') 
    return 'GFG is a '+ GFG 
  
app.run()

#include <stdio.h>
#include <string.h>
#include <stdlib.h>
#include <time.h>
 
#include <curl/curl.h>
#include <curl/mprintf.h>
 
static void
print_cookies(CURL *curl)
{
  CURLcode res;
  struct curl_slist *cookies;
  struct curl_slist *nc;
  int i;
 
  printf("Cookies, curl knows:\n");
  res = curl_easy_getinfo(curl, CURLINFO_COOKIELIST, &cookies);
  if(res != CURLE_OK) {
    fprintf(stderr, "Curl curl_easy_getinfo failed: %s\n",
            curl_easy_strerror(res));
    exit(1);
  }
  nc = cookies;
  i = 1;
  while(nc) {
    printf("[%d]: %s\n", i, nc->data);
    nc = nc->next;
    i++;
  }
  if(i == 1) {
    printf("(none)\n");
  }
  curl_slist_free_all(cookies);
}
 
int
main(void)
{
  CURL *curl;
  CURLcode res;
 
  curl_global_init(CURL_GLOBAL_ALL);
  curl = curl_easy_init();
  if(curl) {
    char nline[512];
 
    curl_easy_setopt(curl, CURLOPT_URL, "https://www.example.com/");
    curl_easy_setopt(curl, CURLOPT_VERBOSE, 1L);
    curl_easy_setopt(curl, CURLOPT_COOKIEFILE, ""); /* start cookie engine */
    res = curl_easy_perform(curl);
    if(res != CURLE_OK) {
      fprintf(stderr, "Curl perform failed: %s\n", curl_easy_strerror(res));
      return 1;
    }
 
    print_cookies(curl);
 
    printf("Erasing curl's knowledge of cookies!\n");
    curl_easy_setopt(curl, CURLOPT_COOKIELIST, "ALL");
 
    print_cookies(curl);
 
    printf("-----------------------------------------------\n"
           "Setting a cookie \"PREF\" via cookie interface:\n");
    /* Netscape format cookie */
    curl_msnprintf(nline, sizeof(nline), "%s\t%s\t%s\t%s\t%.0f\t%s\t%s",
                   ".example.com", "TRUE", "/", "FALSE",
                   difftime(time(NULL) + 31337, (time_t)0),
                   "PREF", "hello example, i like you!");
    res = curl_easy_setopt(curl, CURLOPT_COOKIELIST, nline);
    if(res != CURLE_OK) {
      fprintf(stderr, "Curl curl_easy_setopt failed: %s\n",
              curl_easy_strerror(res));
      return 1;
    }
 
    /* HTTP-header style cookie. If you use the Set-Cookie format and do not
       specify a domain then the cookie is sent for any domain and is not
       modified, likely not what you intended. For more information refer to
       the CURLOPT_COOKIELIST documentation.
    */
    curl_msnprintf(nline, sizeof(nline),
      "Set-Cookie: OLD_PREF=3d141414bf4209321; "
      "expires=Sun, 17-Jan-2038 19:14:07 GMT; path=/; domain=.example.com");
    res = curl_easy_setopt(curl, CURLOPT_COOKIELIST, nline);
    if(res != CURLE_OK) {
      fprintf(stderr, "Curl curl_easy_setopt failed: %s\n",
              curl_easy_strerror(res));
      return 1;
    }
 
    print_cookies(curl);
 
    res = curl_easy_perform(curl);
    if(res != CURLE_OK) {
      fprintf(stderr, "Curl perform failed: %s\n", curl_easy_strerror(res));
      return 1;
    }
 
    curl_easy_cleanup(curl);
  }
  else {
    fprintf(stderr, "Curl init failed!\n");
    return 1;
  }
 
  curl_global_cleanup();
  return 0;
}

import jakarta.servlet.*; 
import jakarta.servlet.http.*; 
import java.io.IOException; 
import java.io.PrintWriter; 
  
public class Servlet1 extends HttpServlet { 
  
    protected void
    processRequest(HttpServletRequest request, 
                   HttpServletResponse response) 
        throws ServletException, IOException 
    { 
        response.setContentType("text/html;charset=UTF-8"); 
        try (PrintWriter out = response.getWriter()) { 
            out.println("<!DOCTYPE html>"); 
            out.println("<html>"); 
            out.println("<head>"); 
            out.println("<title>Servlet Servlet1</title>"); 
            out.println("</head>"); 
            out.println("<body>"); 
  
            // Creating a string to store the name 
            String name = request.getParameter("name"); 
            out.println("<h1> Hello, welcome to " + name 
                        + " </h1>"); 
            out.println( 
                "<h1><a href =\"servlet2\">Go to Servlet2</a></h1>"); 
            // Creating a cookie 
            Cookie c = new Cookie("user_name", name); 
            response.addCookie(c); 
  
            out.println("</body>"); 
            out.println("</html>"); 
        } 
    } 
}

import jakarta.servlet.*; 
import jakarta.servlet.http.*; 
import java.io.IOException; 
import java.io.PrintWriter; 
  
public class Servlet2 extends HttpServlet { 
  
    protected void
    processRequest(HttpServletRequest request, 
                   HttpServletResponse response) 
        throws ServletException, IOException 
    { 
        response.setContentType("text/html;charset=UTF-8"); 
        try (PrintWriter out = response.getWriter()) { 
            out.println("<!DOCTYPE html>"); 
            out.println("<html>"); 
            out.println("<head>"); 
            out.println("<title>Servlet Servlet2</title>"); 
            out.println("</head>"); 
            out.println("<body>"); 
  
            // Fetching cookies(if found more than one) 
            // Array of Cookies 
            Cookie[] cookies = request.getCookies(); 
            boolean f = false; 
            String name = ""; 
            if (cookies == null) { 
                out.println( 
                    "<h1>You are new user, go to home page and submit your institute's name"); 
                return; 
            } 
            else { 
                for (Cookie c : cookies) { 
                    String tname = c.getName(); 
                    if (tname.equals("user_name")) { 
                        f = true; 
                        name = c.getValue(); 
                    } 
                } 
            } 
            if (f) { 
                out.println("<h1> Hello, welcome back "
                            + name + " </h1>"); 
                out.println("<h2>Thank you!!</h2>"); 
            } 
            else { 
                out.println( 
                    "<h1>You are new user, go to home page and submit your institute's name"); 
            } 
  
            out.println("</body>"); 
            out.println("</html>"); 
        } 
    } 
}

- JavaScript

ฟังก์ชัน setcookie() เป็นตัวสร้างและอัปเดต cookie ด้วย name value expiration

ฟังก์ชัน getcookie() จะตรวจสอบและจะดึงค่าของ cookie

ฟังก์ชัน checkCookie() จะตรวจสอบ cookie ชื่อ ถ้ามีจะแสดงข้อความต้อนรับ user ถ้าไม่มีจะให้ user กรอกชื่อและจะเก็บ cookie เป็นเวลา 365 วัน

- Python

Setting Cookie

มีการนำเข้า module flask และมีฟังก์ชัน setcookie ที่เอาไว้สร้าง cookie ที่ชื่อว่า "GFG" และมีค่าคือ "ComputerScience Portal" และส่งการตอบกลับไปยัง user

Getting cookie

การใช้ get() จะเป็นการดึงค่า cookie ไปเก็บไว้ใน browser ของ user เมื่อ user เข้าถึงเส้นทาง /getcookie

จะมีการดึงค่า cookie ที่ชื่อว่า "GFG" และจะแสดงข้อความ "GFG is a ComputerScience Portal"

- C

มีการใช้งาน library libcurlเพื่อแสดงการทำงานที่เกี่ยวกับ cookie มีการส่งคำขอ HTTP เพื่อรับ cookie และมีการแสดง cookie ที่ได้รับมาจากนั้นมรการลบ cookie และตั้งค่าใหม่ เมื่อมีการส่งคำขอซ้ำจะมีพร้อมกับ cookie ใหม่ และปิดการเชื่อมต่อและลบหน่วยความจำ จาก code แสดงการจัดการคุกกี้ใน cURL มีการสร้างและแสดง cookie รวมถึงการลบและตั้งค่าคุกกี้ใหม่ในระหว่างการทำงาน

- Java

class Servlet1

จาก code Servlet1 นี้มีการรับพารามิเตอร์ชื่อจาก user พร้อมทั้งสร้าง cookie ที่ชื่อว่า "user_name" ที่เอาไว้เก็บค่าของชื่อ user และมีให้ user คลิกลิงค์ไป Servlet2 เพื่อทำงานต่อไป

class Servlet2

จาก code Servlet2 นี้จะตรวจสอบว่า user เคยเข้า website แล้วหรือไม่ ถ้ายังไม่เคยจะแสดงข้อความ "You are new user, go to home page and submit your institute's name" แสดงว่าเป็น user ใหม่และจะแนะนำให้ไปหน้าแรก ถ้าเคยจะแสดงข้อความ "Hello, welcome back [name]" และ "Thank you!!"

Reference

Cookie : JavaTpoint. (n.d.). PHP cookie. https://www.javatpoint.com/php-cookie

setcookie() : The PHP Group. (11 Oct, 2024). Cookie. https://www.php.net/manual/en/features.cookies.php

การลบ Cookie : W3Schools. (n.d.). PHP cookies. https://www.w3schools.com/php/php_cookies.asp

การตั้งค่า cookie แบบ array : The PHP Group. (11 Oct, 2024). setcookie. https://www.php.net/manual/en/function.setcookie.php

setrawcookie() : The PHP Group. (11 Oct, 2024). setrawcookie.https://www.php.net/manual/en/function.setrawcookie.php

การเปรียบเทียบ JavaScript : W3Schools (n.d.). JavaScript cookies. https://www.w3schools.com/js/js_cookies.asp

การเปรียบเทียบ Python : greeshmanalla (05 Feb, 2023). Flask cookies. [greekforgreek]. https://www.geeksforgeeks.org/flask-cookies/

การเปรียบเทียบ Python : Servlet-cookies : vidhi16701 (06 Feb, 2023). Servlet-cookies. [greekforgreek].https://www.geeksforgeeks.org/servlet-cookies/

การเปรียบเทียบ Java : curl.se. (n.d.). cookie_interface.c. https://curl.se/libcurl/c/cookie_interface.ht

Slide

3MB

Cookie_640710151.pdf

PDF

Open

Video

PreviousFile Upload NextSession

Last updated 1 year ago

hashtagCookie คืออะไร ?

hashtagsetcookie()

hashtagsetrawcookie()

hashtagการเปรียบเทียบ code

hashtag- JavaScript

hashtag- Python

hashtag- C

hashtag- Java

hashtagReference

hashtagSlide

hashtagVideo

Cookie คืออะไร ?