Viết ứng dụng tạo mã xác nhận bằng PHP

Bài 15: Viết ứng dụng tạo mã xác nhận bằng PHP

Ở những bài trước, chúng ta đã tìm hiểu về cách làm việc với PHP kết hợp MYSQL trong việc xây dựng hệ thống thêm, sửa, xóa và quản lý user. Trong bài này, chúng ta tiếp tục tìm hiểu phương pháp tạo dãy số ngẫu nhiên để chống tấn công flood dữ liệu. Hoặc ai đó cố tình spam khiến cơ sở dữ liệu của chúng ta không thể xử lý tiếp được.

Trước tiên, chúng ta tiến hành tạo form HTML đơn giản để thực thi thao tác nhập liệu như sau:

01 <form action="form.php" method=post>
02 <table>
03  <tr>
04   <td align="left">
05    <label for="captcha">Captcha</label>
06   </td>
07   <td>
08    <input type="text" name="txtCaptcha" maxlength="10" size="32" />
09   </td>
10   <td>
11    <img src="random_image.php" />
12   </td>
13  </tr>
14  <tr>
15   <td> </td>
16   <td>
17    <input type=submit name=ok value="Check" />
18   </td>
19  </tr>
20 </table>
21 </form>

Chúng ta chú ý phần hình ảnh, tại đây tôi truyền đường dẫn chính là liên kết tới trang random_image.php. Trang này sẽ thực thi công việc tạo ra những bức hình có dãy số ngẫu nhiên để phần nhập liệu của người sử dụng tham chiếu tới.

Tiếp theo, chúng ta khởi tạo file random_image.php để lấy ra dãy số ngẫu nhiên và phát sinh chúng ngay trên tấm hình cho người truy cập nhập liệu.

Để làm được điều đó. Chúng ta sẽ khởi tạo session và lưu dãy số nhập liệu đó vào session của mình, sau đó so khớp với trang form bên kia.(xem lại bài 7: Khái niệm cơ bản về cookie và session trong PHP)

Bài 15: Viết ứng dụng tạo mã xác nhận bằng PHP

Đầu tiên chúng ta sử dụng hàm md5 và ran để mã hóa các ký tự bao gồm số và chữ cái. Khi sử dụng hàm md5() ký tự phát sinh sẽ lên tới 32 ký tự. Và chúng ta chỉ lấy duy nhất 5 ký tự từ chuỗi mã hóa đó bằng hàm substr. Tiếp tục ta lưu đoạn mã hóa này trong session cụ thể $_SESSION[‘security_code’], để tại trang form ta sẽ sử dụng so sánh với phần nhập liệu của người sử dụng.

Vậy nên đoạn code dưới sẽ giải quyết các tình huống này.

1 <?php
2 $md5_hash = md5(rand(0,999));
3 $security_code = substr($md5_hash, 15, 5);
4 $_SESSION["security_code"] = $security_code;
5 ?>

Kế đến ta khởi tạo tấm hình với chiều rộng và chiều cao mà ta thiết lập thông qua hàm ImageCreate() . Và tiếp tục khai báo 2 màu chính là trắng và đen bằng hàm ImageColorAllocate($image, red, green, blue ). Hàm này sẽ tạo ra một màu sắc từ hệ màu RGB trên tấm hình mà chúng ta vừa khởi tạo.

Tiếp tục ta đổ background của tấm hình sẽ là màu đen và chữ xuất hiện trên tấm hình sẽ là màu trắng bằng hàm ImageFill() và hàm ImageString(). Hàm ImageString có một số đối số cơ bản như sau: ImageString($image, 5, 30, 6, $security_code, $white); Trong đó:

+ $image là hình mà chúng ta khởi tạo.

+ 5: là font-size mà chúng ta quy ước cho ký tự xuất hiện trên hình.

+ 30: là khoảng cách bên trái của tấm hình.

+ 6 : là khoảng cách từ trên của tấm hình.

+ $security_code: là đoạn code sau khi chúng ta cắt ra ở trên.

+ $white: là màu sắc mà chúng ta đã sử dụng hàm ImageColorAllocate() ở trên để khởi tạo ra màu trắng.

1 <?php
2 $width = 100;
3 $height = 30;
4 $image = ImageCreate($width, $height);
5 $white = ImageColorAllocate($image, 255, 255, 255);
6 $black = ImageColorAllocate($image, 0, 0, 0);
7 ImageFill($image, 0, 0, $black);
8 ImageString($image, 5, 30, 6, $security_code, $white);
9 ?>

Kế tới chúng ta sẽ sử dụng lệnh header để trả nội dung này trở về dữ liệu dạng hình. Và tiến hành khởi tạo định dạng cho file hình mà chúng ta vừa tạo là JPG đồng thời giải phóng hình tạm được sử dụng để khợi tạo ra tấm hình này bằng đoạn code sau:

1 <?php
2 header("Content-Type: image/jpeg");
3 ImageJpeg($image);
4 ImageDestroy($image);
5 ?>

Để dễ quản lý chúng ta sẽ đặt tất cả đoạn code trên vào trong 1 hàm để dễ sử dụng và quản lý chúng tốt hơn. Vậy toàn bộ đoạn code trong trang random_image.php này như sau.

01 <?php
02 session_start();
03 function create_image()
04 {
05  $md5_hash = md5(rand(0,999));
06  $security_code = substr($md5_hash, 15, 5);
07  $_SESSION["security_code"] = $security_code;
08  $width = 100;
09  $height = 30;
10  $image = ImageCreate($width, $height);
11  $white = ImageColorAllocate($image, 255, 255, 255);
12  $black = ImageColorAllocate($image, 0, 0, 0);
13  ImageFill($image, 0, 0, $black);
14  ImageString($image, 5, 30, 6, $security_code, $white);
15  header("Content-Type: image/jpeg");
16  ImageJpeg($image);
17  ImageDestroy($image);
18 }
19 create_image() ;
20 exit();
21 ?>

Tiếp tục, trong trang form chúng ta phải khởi tạo session để chúng nhận được các giá trị mà ta đã khởi tạo và sử dụng ở trang random_image, kế tới ta kiểm tra xem người dùng có nhấn submit chưa. Nếu có ta sẽ tiếp tục kiểm tra xem người dùng nhập vào textbox có đúng là dãy số hiển thị trên hình ảnh hay không. Và xuất ra thông báo tương ứng với nội dung của người nhập liệu. (xem lại bài 4: Xử lý giá trị form trong PHP)

Sau đây là toàn bộ code của trang form.php.

01 <?php
02 session_start();
03 if(isset($_POST['ok']))
04 {
05  if($_POST['txtCaptcha'] == NULL)
06  {
07   echo "Please enter your code";
08  }
09  else
10  {
11   if($_POST['txtCaptcha'] == $_SESSION['security_code'])
12   {
13    echo "ma lenh hop le";
14   }
15   else
16   {
17    echo "Ma lenh khong hop le";
18   }
19  }
20 }
21 ?>
22 <form action="form.php" method=post>
23 <table>
24  <tr>
25   <td align="left">
26    <label for="captcha">Captcha</label>
27   </td>
28   <td>
29    <input type="text" name="txtCaptcha" maxlength="10" size="32" />
30   </td>
31   <td>
32    <img src="random_image.php" />
33   </td>
34  </tr>
35  <tr>
36   <td> </td>
37   <td>
38    <input type=submit name=ok value="Check" />
39   </td>
40  </tr>
41 </table>
42 </form>

Download toàn bộ source code này tại đây.

Tổng kết:

Qua bài học này, chúng ta đã hiệu được nguyên tắc xử lý và những hàm cơ bản mà 1 hệ thống khi sử dụng captcha cần phải vận dụng như thế nào. Và tất nhiên hàm xử lý captcha này cũng chỉ mang kiến trúc tương đối. Để tăng cường tính bảo mật hơn, các bạn nên sử dụng 1 số hàm chuyên dụng nhằm mã hóa hoặc gây nội dung khó nhìn hơn để chặn các tools hoặc các hệ thống bot có thể qua mặt thông số này.
Mọi sự góp ý, cũng như thắc mắc của các bạn dành cho bài viết vui lòng sử dụng tính năng thảo luận tại diễn đàn. Hoặc thông qua việc liên hệ của hệ thống website. Mong sẽ nhận được nhiều ý kiến đóng góp từ các bạn.

3 Responses to Viết ứng dụng tạo mã xác nhận bằng PHP

  1. Thanks for every other wonderful article. Where else may anyone get that kind of info in such an ideal means of writing? I have a presentation subsequent week, and I’m at the search for such info.

  2. I simply want to say I am newbie to blogging and site-building and honestly enjoyed your web site. Likely I’m likely to bookmark your blog . You surely come with perfect posts. Thank you for sharing your blog.

  3. Nancy Shirts nói:

    I just want to mention I am beginner to blogging and definitely liked you’re blog. Almost certainly I’m planning to bookmark your blog . You certainly have awesome articles and reviews. Thank you for sharing your webpage.

Gửi phản hồi

Please log in using one of these methods to post your comment:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Log Out / Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Log Out / Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Log Out / Thay đổi )

Google+ photo

Bạn đang bình luận bằng tài khoản Google+ Log Out / Thay đổi )

Connecting to %s

%d bloggers like this: