Chương 5-Bài 1. Cookie trong PHP
Tác giả: Dương Nguyễn Phú Cường
Ngày đăng:
3/3/2025, 13:0
Lượt xem: 911
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àmsetcookie (nhớ phải gọi trước các dòng code xuất html).
setcookie(name, value, expire, path, domain, security, httponly);
namelà tên cookie, tên này được sử dụng để truy cập vào biến $_COOKIE để lấy thông tinvaluegiá trị gán cho cookieexpireThời điểm hết hạn (hủy) của cookiepathđườ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.domaintên miềnsecurity= 1 nếu sử dụng HTTPShttponly= 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'] = truevà$_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.
- Nếu thông tin Đăng nhập hợp lệ thì lưu vào Cookie giá trị
- Xử lý logic/nghiệp vụ kiểm tra đăng nhập
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ậpthì chúng ta sẽ lưu trữ giá trịis_logged=1vàusername_logged=tennguoidungvào Cookie với thời hạn là15' ~ 3600s
- Nếu đăng nhập thành công và người dùng có check chọn
- 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=1vàusername_logged=tennguoidungthì 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ủ trong5s.
- Đã có giá trị của người dùng đăng nhập
- 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-lightvà 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_classhay 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.Ủng hộ tác giả
Bình luận
Bình luận của bạnNền tảng các kiến thức học tập
Cùng nhau học tập, khám phá các kiến thức nền tảng về Lập trình web, mobile, database nhé.
Nền tảng kiến thức - Hành trang tới tương lai hân hạnh phục vụ Quý khách!
Khám phá, trải nghiệm ngay
Vui lòng đăng nhập để gởi bình luận!
Đăng nhậpChưa có bình luận nào!