Trong quá trình phát triển website, bạn cần có một máy chủ được vận hành trực tiếp ngay trên máy tính của bạn (gọi là localhost) có tính năng tương tự như trên máy chủ thật. Máy chủ localhost này sẽ hỗ trợ bạn lập trình ngay trên máy tính, vì vậy tốc độ xử lý công việc sẽ nhanh hơn. Bài viêt này sẽ hướng dẫn bạn chi tiết cách cài cặt localhost cho máy tính của bạn.

Cài đặt localhost với XAMPP

Localhost hoạt động như thế nào?

Khi các bạn cài đặt localhost sử dụng phần mềm là XAMPP và bật nó lên thì bạn sẽ chạy địa chỉ web với địa chỉ IP là http://127.0.0.1/ hoặc http://localhost/ thay vì chạy các dạng tên miền .com, .net, .org.

Tải về XAMPP

Có nhiều phần mềm cài đặt localhost như XAMPP, WAMPP… Trong bài viết này thì mình sử dụng XAMPP (tải tại đây, lưu ý chọn phiên bản PHP 5.6.x). XAMPP là chương trình tạo máy chủ Web (Web Server) được tích hợp sẵn Apache, PHP, MySQL, FTP Server, Mail Server và các công cụ như phpMyAdmin…

Tải về

Tại sao bạn lại nên dùng XAMPP?

  • Không mất chi phí.
  • Hỗ trợ đa hệ điều hành.
  • Dễ sử dụng nhất.
  • Ít gặp lỗi.

Cài đặt XAMPP

Khi mở trình cài đặt XAMPP, bạn sẽ nhận được cảnh báo yêu cầu tắt UAC (User Account Control), bạn có thể tìm thấy trong Control Panel > User Accounts and Family Safety > User Account, hoặc tìm Google từ khóa: Tắt UAC. Sau đó chúng ta bắt đầu cài đặt.

Ở màn hình đầu tiên, bấm Next.

Cài đặt localhost với XAMPP - Step 1

Ở màn hình thứ 2, sau khi chọn như hình, bấm Next.

Cài đặt localhost với XAMPP - Step 2

Màn hình thứ 3, bỏ chọn Learn more about Bitnami for XAMPP, bấm Next.

 Cài đặt localhost với XAMPP - Step 3

Tương tự, bấm Next ở màn hình thứ 4.

 Cài đặt localhost với XAMPP - Step 4

Sau khi cài đặt xong, các bạn hãy mở XAMPP Control Panel, bấm Start Apache và MySQL.

XAMPP Control Panel

Vậy là xong, các bạn đã cài đặt thành công localhost. Bây giờ, bạn hãy nhập http://localhost/ lên trình duyệt và khám phá nhé!

Tạo trang web đầu tiên

Trong thư mục C:\xampp\htdocs, tạo một thư mục hello-worldindex.html với nội dung như sau:

<!DOCTYPE html>
<html>
<head>
    <title>Hello world!</title>
</head>
<body>
    <h1>Hello world!</h1>
</body>
</html>

Sau đó, nhập http://localhost/hello-world/ lên trình duyệt, đây là kết quả trang web đầu tiên của bạn:

XAMPP - Hello World!