Cookie trong PHP

Nền tảng Kiến thức - Hành trang tới Tương lai

Chương 5-Bài 1. Cookie trong PHP

Tác giả: Dương Nguyễn Phú Cường #8071

Ngày đăng: Hồi xưa đó

Lượt xem: 745

Xem định dạng IN

WorkFlow Cookie

Cookie là tập tin được lưu ở máy người dùng (cụ thể là tại Web Browser). Được gởi kèm theo Request đến Web Server.

Cookie được sử dụng với mục đích sau:

Dùng để theo dõi hoạt động truy cập. Ví dụ nhớ tên người dùng truy cập vào website có thể hoạt động qua các bước như sau:
- Server gửi các cookie cho browser (ví dụ tên người dùng: username) ...
- Web Browser lưu lại thông tin này trong file cookie.
- Lần sau Web Browser sẽ gửi ngược các Cookie này lên Server và Server sẽ nhận được Cookie, từ đó xác định được thông tin (như username) ...
Dùng để theo dõi thói quen/hành vi của người dùng. Ví dụ: người dùng thích sử dụng tông màu Tối (hỗ trợ mắt) trên trang web.
- Lần đầu truy cập trang web, người dùng sẽ hiệu chỉnh cấu hình trang web thành nền tối
- Server sẽ gửi các cookie cho Web Browser (ví dụ: màu nền, class "dark-theme", ...)
- Web Browser lưu lại thông tin này trong file cookie.
- Lần sau Web Browser sẽ gửi ngược các Cookie này lên Server và Server sẽ nhận được Cookie, từ đó xác định được thông tin (như màu nền yêu thích, ...) ...

Thiết lập Cookie

Từ PHP có thể thiết lập Cookie bằng hàm setcookie (nhớ phải gọi trước các dòng code xuất html).

setcookie(name, value, expire, path, domain, security, httponly);

name là tên cookie, tên này được sử dụng để truy cập vào biến $_COOKIE để lấy thông tin
value giá trị gán cho cookie
expire Thời điểm hết hạn (hủy) của cookie
path đường dẫn thư mục mà cookie có hiệu lực. Sử dụng / cho biết cookie có hiệu lực ở mọi thư mục truy cập.
domain tên miền
security = 1 nếu sử dụng HTTPS
httponly= 1 nếu sử dụng chỉ giao thức http

<?php
setcookie("name", "NENTANG", time()+3600, "/","", 0);
?>

Truy cập Cookie

Bạn dùng biến $_COOKIE là một mảng để truy cập thông tin cookie do trình duyệt gửi lên. Giống như Session bạn nên dùng isset() để kiểm tra sự tồn tại của COOKIE.

<?php
if( isset($_COOKIE["name"]))
    echo "Welcome " . $_COOKIE["name"] . "<br />";

else
    echo "Không có tên" . "<br />";
?>

Xóa Cookie

Để yêu cầu trình duyệt xóa cookie bạn sử dụng chính hàm setcookie với thủ thuật đặt thời gian đã hết hạn (set thời gian về quá khứ). Ví dụ, lấy thời gian hiện tại trừ đi 60s:

setcookie( "name", "", time()- 60, "/","", 0);

Thực hành Tạo chức năng Ghi nhớ Đăng nhập

WorkFlow xử lý chức năng Ghi nhớ Đăng nhập

Mong muốn

Nếu người dùng đã đăng nhập Thành công trang web trong 15' trước đó rồi, thì không cần hiển thị Form đăng nhập nữa -> mà chuyển hướng người dùng sang trang chủ.
Nếu người dùng chưa từng đăng nhập hoặc Cookie đã hết hạn sử dụng thì:
- Xử lý logic/nghiệp vụ kiểm tra đăng nhập
  - Nếu thông tin Đăng nhập hợp lệ thì lưu vào Cookie giá trị $_COOKIE['is_logged'] = true và $_COOKIE[' username_logged']='tennguoidung'
  - Nếu thông tin Đăng nhập không hợp lệ thì hiển thị thông báo lỗi.

Step 1: tạo form Đăng nhập

Tạo file /examples/cookies/form-ghi-nho-dang-nhap.php
Nội dung file:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Cookie trong PHP | Nền tảng VN</title>
</head>

<body>
    <h1>Cookie trong PHP</h1>

    <!-- Form Login -->
    <form name="frmLogin" method="post" action="">
        Tài khoản: <input type="text" name="username" id="username" /><br />
        Mật khẩu: <input type="text" name="password" id="password" /><br />
        Ghi nhớ đăng nhập: <input type="checkbox" name="remember_me" id="remember_me" value="1" /><br />
        <input type="submit" name="btnLogin" value="Đăng nhập" />
    </form>

    <?php
    // Xử lý nếu người dùng có bấm nút "btnLogin"
    if(isset($_POST['btnLogin'])) {
        // Lấy thông tin người dùng gởi đến Server
        $username = $_POST['username'];
        $password = $_POST['password'];

        // Đối với checkbox cần kiểm tra xem giá trị có tồn tại hay không?
        // Nếu có thì lấy giá trị do người dùng checked; nếu không thì phải gán giá trị mặc định
        $remember_me = isset($_POST['remember_me']) ? 1 : 0; 

        // Xử lý các logic/Nghiệp vụ ...
        // Nếu username=admin và password=123456 thì đăng nhập thành công
        if($username == 'admin' && $password == '123456') {

            // Hiển thị thông tin chào mừng
            echo "<h2>Xin chào $username!</h2>";
        } else {
            echo "Đăng nhập thất bại!";
        }
    }
    ?>

    
</body>

</html>

Step 2: lưu trữ giá trị đã đăng nhập trong Cookie và Yêu cầu Web Browser của người dùng lưu trữ giá trị này

Sử dụng hàm setcookie() trong PHP để lưu trữ giá trị trong PHP
Chúng ta sẽ xử lý logic/nghiệp vụ như sau:
- Nếu đăng nhập thành công và người dùng có check chọn Ghi nhớ đăng nhập thì chúng ta sẽ lưu trữ giá trị is_logged=1 và username_logged=tennguoidung vào Cookie với thời hạn là 15' ~ 3600s
Hiệu chỉnh code như sau:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Cookie trong PHP | Nền tảng VN</title>
</head>

<body>
    <h1>Cookie trong PHP</h1>

    <!-- Form Login -->
    <form name="frmLogin" method="post" action="">
        Tài khoản: <input type="text" name="username" id="username" /><br />
        Mật khẩu: <input type="text" name="password" id="password" /><br />
        Ghi nhớ đăng nhập: <input type="checkbox" name="remember_me" id="remember_me" value="1" /><br />
        <input type="submit" name="btnLogin" value="Đăng nhập" />
    </form>

    <?php
    // Xử lý nếu người dùng có bấm nút "btnLogin"
    if(isset($_POST['btnLogin'])) {
        // Lấy thông tin người dùng gởi đến Server
        $username = $_POST['username'];
        $password = $_POST['password'];
        
        // Đối với checkbox cần kiểm tra xem giá trị có tồn tại hay không?
        // Nếu có thì lấy giá trị do người dùng checked; nếu không thì phải gán giá trị mặc định
        $remember_me = isset($_POST['remember_me']) ? 1 : 0; 

        // Xử lý các logic/Nghiệp vụ ...
        // Nếu username=admin và password=123456 thì đăng nhập thành công
        if($username == 'admin' && $password == '123456') {

            // Nếu người dùng có chọn "Ghi nhớ Đăng nhập"
            // => tiến hành lưu thông tin vào COOKIE và gởi lại người dùng
            if($remember_me == 1) {
                // Thiết lập Cookie "Ghi nhớ đăng nhập" trong 15' ~ 3600s
                setcookie('is_logged', true, time()+ 3600, '/');

                // Thiết lập Cookie "Tên username đã đăng nhập" trong 15' ~ 3600s
                setcookie("username_logged", $username, time()+3600, "/","", 0);
            }

            // Hiển thị thông tin chào mừng
            echo "<h2>Xin chào $username!</h2>";
        } else {
            echo "Đăng nhập thất bại!";
        }
    }
    ?>

    
</body>

</html>

Step 3: bổ sung phần kiểm tra giá trị trong Cookie

Chúng ta sẽ kiểm tra trong Cookie, nếu:
- Đã có giá trị của người dùng đăng nhập is_logged=1 và username_logged=tennguoidung thì không cần xử lý logic/nghiệp vụ đăng nhập nữa. Hiển thị màn hình chào mừng và điều hướng người dùng đến trang chủ trong 5s.
Hiệu chỉnh code như sau:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Cookie trong PHP | Nền tảng VN</title>
</head>

<body>
    <h1>Cookie trong PHP</h1>

    <?php
    // Kiểm tra xem Người dùng có sử dụng Ghi nhớ Đăng nhập không?
    if(isset($_COOKIE['is_logged'])) {
        // Lấy thông tin từ COOKIE từ Web Browser của client gởi đến
        $username_logged = isset($_COOKIE['username_logged']) ? $_COOKIE['username_logged'] : '';

        echo "Xin chào <b>$username_logged</b>! Bạn đã đăng nhập rồi.";
        echo "Bạn sẽ được chuyển đến trang chủ trong 5s;";
        echo '<script>setTimeout(function(){ window.location="/" }, 5000);</script>';
        die;
    }
    ?>

    <!-- Form Login -->
    <form name="frmLogin" method="post" action="">
        Tài khoản: <input type="text" name="username" id="username" /><br />
        Mật khẩu: <input type="text" name="password" id="password" /><br />
        Ghi nhớ đăng nhập: <input type="checkbox" name="remember_me" id="remember_me" value="1" /><br />
        <input type="submit" name="btnLogin" value="Đăng nhập" />
    </form>

    <?php
    // Xử lý nếu người dùng có bấm nút "btnLogin"
    if(isset($_POST['btnLogin'])) {
        // Lấy thông tin người dùng gởi đến Server
        $username = $_POST['username'];
        $password = $_POST['password'];
        
        // Đối với checkbox cần kiểm tra xem giá trị có tồn tại hay không?
        // Nếu có thì lấy giá trị do người dùng checked; nếu không thì phải gán giá trị mặc định
        $remember_me = isset($_POST['remember_me']) ? 1 : 0; 

        // Xử lý các logic/Nghiệp vụ ...
        // Nếu username=admin và password=123456 thì đăng nhập thành công
        if($username == 'admin' && $password == '123456') {

            // Nếu người dùng có chọn "Ghi nhớ Đăng nhập"
            // => tiến hành lưu thông tin vào COOKIE và gởi lại người dùng
            if($remember_me == 1) {
                // Thiết lập Cookie "Ghi nhớ đăng nhập" trong 15' ~ 3600s
                setcookie('is_logged', true, time()+ 3600, '/');

                // Thiết lập Cookie "Tên username đã đăng nhập" trong 15' ~ 3600s
                setcookie("username_logged", $username, time()+3600, "/","", 0);
            }

            // Hiển thị thông tin chào mừng
            echo "<h2>Xin chào $username!</h2>";
        } else {
            echo "Đăng nhập thất bại!";
        }
    }
    ?>

    
</body>

</html>

Thực hành Tạo chức năng Cấu hình Giao diện

WorkFlow xử lý chức năng Cấu hình Giao diện

Tạo 2 class cho 2 tông màu sáng .theme-light và tông màu tối .theme-dark
Sau khi người dùng chọn tông màu yêu thích thì sử dụng hàm setcookie() yêu cầu trình duyệt (web browser) lưu giá trị theme_class=tongmauyeuthich
Khi người dùng truy cập trang web lần thứ 2 trở đi, kiểm tra Cookie có tồn tại giá trị của theme_class hay không? Nếu có thì hiển thị tông màu theo ý thích người dùng.

Step 1: tạo file ví dụ Cấu hình giao diện

Tạo file /examples/cookies/form-cau-hinh-giao-dien.php
Nội dung file:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Cookie trong PHP | Nền tảng VN</title>
    <style>
        .theme-light {
            background: #fff;
            color: #000;
        }

        .theme-dark {
            background: #000;
            color: yellow;
        }
    </style>

    <?php
    // Mặc định giao diện là Theme nền sáng
    $theme_class = 'theme-light';

    // Kiểm tra xem Người dùng có cấu hình giao diện theo ý thích không?
    if (isset($_COOKIE['theme_class'])) {
        // Lấy thông tin từ COOKIE từ Web Browser của client gởi đến
        $theme_class = isset($_COOKIE['theme_class']) ? $_COOKIE['theme_class'] : 'theme-light';
    }
    ?>
</head>

<body class="<?= $theme_class ?>">
    <h1>Cấu hình Giao diện sử dụng Cookie trong PHP</h1>

    <!-- Form Login -->
    <form name="frmLogin" method="post" action="">

        <label><input type="radio" name="theme" id="theme-1" value="theme-light" checked />Giao diện nền Sáng</label><br />
        <label><input type="radio" name="theme" id="theme-2" value="theme-dark" />Giao diện nền Tối</label><br />
        <input type="submit" name="btnSave" value="Lưu" />
    </form>

    <?php
    // Xử lý nếu người dùng có bấm nút "btnSave"
    if (isset($_POST['btnSave'])) {
        // Lấy thông tin người dùng gởi đến Server
        $theme = $_POST['theme'];

        // Xử lý các logic/Nghiệp vụ ...
        // Thiết lập Cookie "theme_class" trong 15' ~ 3600s
        setcookie('theme_class', $theme, time() + 3600, '/');

        // Hiển thị thông tin chào mừng
        echo "<h2>Cấu hình đã được lưu!</h2>";
    }
    ?>

</body>

</html>

Xem thêm về bảo mật liên quan đến Cookie/Session

Many of these configuration arguments are important for preventing attacks such as Cross-Site Scripting (XSS), Cross-Site Request Forgery (CSRF), Cookie Theft and Manipulation, Session Hijacking, and Session Fixation.

Về trang chủ Về Khóa học

Bài học trước Bài học tiếp theo

Chương trình học

Các bài học

Chương trình học

Bao gồm Module, Chương, Bài học, Bài tập, Kiểm tra...

Chương trình học

Bài học trước Bài học tiếp theo

Về trang chủ Về Khóa học

Vuexy

Files

Members

NỀN TẢNG

Chương 5-Bài 1. Cookie trong PHP

WorkFlow Cookie

Cookie là tập tin được lưu ở máy người dùng (cụ thể là tại Web Browser). Được gởi kèm theo Request đến Web Server.

Cookie được sử dụng với mục đích sau:

Thiết lập Cookie

Truy cập Cookie

Xóa Cookie

Thực hành Tạo chức năng Ghi nhớ Đăng nhập

WorkFlow xử lý chức năng Ghi nhớ Đăng nhập

Mong muốn

Step 1: tạo form Đăng nhập

Step 2: lưu trữ giá trị đã đăng nhập trong Cookie và Yêu cầu Web Browser của người dùng lưu trữ giá trị này

Step 3: bổ sung phần kiểm tra giá trị trong Cookie

Thực hành Tạo chức năng Cấu hình Giao diện

WorkFlow xử lý chức năng Cấu hình Giao diện

Step 1: tạo file ví dụ Cấu hình giao diện

Xem thêm về bảo mật liên quan đến Cookie/Session

Mục lục

Chương trình học

Chương trình học

Chương trình học

Menu Hướng dẫn Học tập

❤🧡💛💚💙💜 Học là phải THỰC HÀNH ❤🧡💛💚💙💜

Vuexy

Files

Members

Cookie trong PHP

Chương 5-Bài 1. Cookie trong PHP

WorkFlow Cookie

Cookie là tập tin được lưu ở máy người dùng (cụ thể là tại Web Browser). Được gởi kèm theo Request đến Web Server.

Cookie được sử dụng với mục đích sau:

Thiết lập Cookie

Truy cập Cookie

Xóa Cookie

Thực hành Tạo chức năng Ghi nhớ Đăng nhập

WorkFlow xử lý chức năng Ghi nhớ Đăng nhập

Mong muốn

Step 1: tạo form Đăng nhập

Step 2: lưu trữ giá trị đã đăng nhập trong Cookie và Yêu cầu Web Browser của người dùng lưu trữ giá trị này

Step 3: bổ sung phần kiểm tra giá trị trong Cookie

Thực hành Tạo chức năng Cấu hình Giao diện

WorkFlow xử lý chức năng Cấu hình Giao diện

Step 1: tạo file ví dụ Cấu hình giao diện

Xem thêm về bảo mật liên quan đến Cookie/Session

Mục lục

Chương trình học

Chương trình học

Chương trình học

Menu Tiện ích

Menu Hướng dẫn Học tập

❤🧡💛💚💙💜 Học là phải THỰC HÀNH ❤🧡💛💚💙💜