Cách cấu hình Virtual Host trên XAMPP để chạy Website [CHI TIẾT]
Bạn muốn chạy nhiều website với tên miền riêng ngay trên máy tính của mình? Cấu hình Virtual Host trên XAMPP sẽ giúp bạn làm điều đó một cách dễ dàng! Cùng Web4s khám phá các bước thực hiện chi tiết để thiết lập môi trường phát triển web hiệu quả ngay tại localhost nhé.
Virtual Host là gì?
Virtual Host, theo chính tài liệu Apache, là cơ chế cho phép máy chủ web (như Apache) phục vụ nhiều website trên cùng một máy chủ hoặc địa chỉ IP. Có hai hình thức chính: Name‑based Virtual Host, dựa vào header “Host” trong yêu cầu HTTP để phân biệt trang web, cho phép nhiều tên miền chạy chung một IP; và IP‑based Virtual Host, mỗi trang sẽ gắn với một địa chỉ IP khác nhau. Điều này giúp máy chủ chia sẻ tài nguyên hiệu quả, quản lý dễ dàng và mô phỏng môi trường hosting thật trên cùng một máy vật lý.
Khi cấu hình Virtual Host trên XAMPP (Apache), bạn sẽ khai báo trong file cấu hình, sau đó ánh xạ tên miền ảo về localhost qua file hosts. Nhờ đó, mỗi dự án có “địa chỉ riêng”, tiện cho việc phát triển, kiểm thử và trình diễn website mà không cần phải triển khai lên server thực. Đây là phương pháp tiết kiệm, linh hoạt và chuyên nghiệp trong phát triển web trên môi trường cục bộ.
XAMPP là gì?
XAMPP là một gói phần mềm mã nguồn mở, miễn phí và đa nền tảng được phát triển bởi dự án Apache Friends. Gói này bao gồm Apache HTTP Server, MariaDB (trước đây là MySQL), cùng bộ thông dịch cho PHP và Perl, giúp thiết lập nhanh chóng một server phát triển web cục bộ trên Windows, Linux hoặc macOS.
XAMPP được thiết kế để sử dụng cho mục đích phát triển và kiểm thử, thay vì triển khai sản phẩm lên môi trường thực. Nhờ quy trình cài đặt đơn giản, bạn chỉ cần tải xuống file cài đặt là có thể chạy được một môi trường giống hệt server thật ngay trên máy cá nhân. Với XAMPP, bạn có thể thử nghiệm Wordpress, Joomla, hoặc tự viết ứng dụng PHP/MySQL mà không cần cú pháp phức tạp hay cấu hình thủ công các dịch vụ.
>>> XEM THÊM: XAMPP là gì - Hướng dẫn sử dụng XAMPP tạo web server nhanh chóng
Khi nào cần cấu hình Virtual Host trên XAMPP?
Virtual Host không phải là thứ bắt buộc phải có, nhưng nó sẽ trở thành "giải pháp cứu tinh" trong những tình huống sau đây.
- Khi phát triển nhiều dự án cùng lúc: Nếu bạn làm việc trên nhiều website (WordPress, Laravel…), cấu hình Virtual Host giúp tạo tên miền ảo riêng như project1.local, shop.test, thay thế việc truy cập qua.
- Khi muốn URL gọn gàng và chuyên nghiệp: Các URL như project1.local rõ ràng hơn localhost/project1, đồng thời tránh lỗi đường dẫn và tương thích tốt hơn với các framework/magento yêu cầu dấu chấm trong domain .
- Khi muốn mô phỏng môi trường hosting thật: Virtual Host giúp bạn xây dựng môi trường phát triển gần giống server thực, phù hợp kiểm thử, demo và triển khai, đặc biệt khi cần thiết lập SSL (HTTPS), rewrite rules, quyền truy cập thư mục… .
- Khi cần kiểm soát nâng cao cấu hình Apache: Bạn có thể khai báo riêng DocumentRoot, log, alias, quyền truy cập và các tùy chọn khác cho từng dự án mà không ảnh hưởng đến website khác trên cùng XAMPP
>>> Tham khảo: Hosting WordPress - Giải pháp tối ưu chi phí và hiệu năng cho Website WordPress
Cấu hình Virtual Host trên XAMPP nhanh chóng
Bạn chỉ cần vài thao tác để biến XAMPP thành “máy chủ ảo” đa website: cài đúng thư mục, kích hoạt Virtual Host, khai báo các thẻ cấu hình và khởi động lại Apache. Các bước thao tác chi tiết Web4s sẽ hướng dẫn bạn ngay sau đây.
Bước 1: Kích hoạt nạp file Virtual Host
- Mở tập tin C:\xampp\apache\conf\httpd.conf.
Tìm dòng tương tự:
# Virtual hosts
# Include conf/extra/httpd-vhosts.conf
- Gỡ dấu # ở trước Include conf/extra/httpd-vhosts.conf để Apache tự động tải file cài đặt Virtual Host, sau đó lưu file và đóng lại.
Bước 2: Khai báo Virtual Host mới
Mở C:\xampp\apache\conf\extra\httpd-vhosts.conf bằng trình chỉnh sửa như Notepad++.
Thêm khối sau, tùy chỉnh theo tên miền và thư mục dự án của bạn:
ServerAdmin support@nhanhoa.com
DocumentRoot "C:/xampp/htdocs/yourproject"
ServerName yourproject.local
Options FollowSymLinks
AllowOverride All
DirectoryIndex index.php
Require all granted
ErrorLog "logs/yourproject-error.log"
CustomLog "logs/yourproject-access.log" common
Lưu ý rằng chỉ cần thêm 1 VirtualHost nếu chỉ có 1 dự án; nếu có nhiều, tạo thêm các khối tương tự.
Bước 3: Trỏ tên miền về localhost
- Mở C:\Windows\System32\drivers\etc\hosts với quyền quản trị (Run as Administrator).
Thêm dòng: 127.0.0.1 yourproject.local để hệ điều hành hiểu tên miền ảo. Bất cứ tên miền nào khai báo trên virtualhost cũng cần nằm trong file hosts để máy hiểu lệnh trỏ về localhost.
Bước 4: Khởi động lại Apache và kiểm thử
Mở XAMPP Control Panel:
- Nếu Apache đang chạy → nhấn Stop rồi Start lại.
- Nếu chưa chạy → nhấn Start để kích hoạt cấu hình mới.
Truy cập http://yourproject.local trong trình duyệt để xác nhận việc cấu hình thành công.
>>> XEM THÊM: NVMe Hosting có gì khác biệt và dành cho đối tượng nào?
Các lưu ý QUAN TRỌNG khi cấu hình Virtual host lên XAMPP
Khi tạo và cấu hình tên miền ảo trên XAMPP, có một số lưu ý quan trọng giúp quá trình này diễn ra suôn sẻ và tránh các lỗi không mong muốn:
Luôn dùng quyền Admin khi chỉnh sửa file hosts
File hosts là file hệ thống quan trọng, bạn cần mở bằng quyền Administrator trên Windows hoặc dùng lệnh sudo trên Mac/Linux. Nếu không có quyền, các thay đổi của bạn sẽ không được lưu lại. File này nằm ở: C:\Windows\System32\drivers\etc\hosts (Windows) hoặc /etc/hosts (Mac/Linux).
Kiểm tra kỹ cú pháp trong httpd-vhosts.conf
File httpd-vhosts.conf quy định cách hoạt động của Virtual Host. Chỉ một lỗi nhỏ như thiếu dấu > hay đường dẫn sai sẽ khiến Apache không hoạt động được. File này nằm trong thư mục xampp/apache/conf/extra/. Luôn kiểm tra lại sau khi chỉnh sửa.
Bắt buộc khởi động lại Apache
Sau mọi thay đổi cấu hình, bạn phải khởi động lại Apache để áp dụng thay đổi. Trong XAMPP Control Panel, click Stop rồi Start lại Apache. Nếu quên bước này, Virtual Host của bạn sẽ không hoạt động.
Xử lý lỗi 403 Forbidden
Khi gặp lỗi 403, thường là do vấn đề quyền truy cập. Thêm đoạn sau vào cấu hình Virtual Host:
Options Indexes FollowSymLinks
AllowOverride All
Require all granted
Thay "đường-dẫn-thư-mục" bằng đường dẫn thực tế của bạn.
Đặt tên miền ảo hợp lý
Nên dùng đuôi .test hoặc .local thay vì .com/.vn để tránh xung đột với tên miền thật. Ví dụ: dựan.test thay vì dựan.com. Điều này giúp phân biệt rõ môi trường local và production.
Kiểm tra log khi có lỗi
Khi gặp sự cố, file error_log trong xampp/apache/logs/ sẽ giúp bạn tìm nguyên nhân. Đây là bước quan trọng nhất để debug khi Virtual Host không hoạt động như mong đợi.
Lời kết
Với các bước đơn giản, bạn có thể dễ dàng cấu hình Virtual host trên XAMPP để quản lý và phát triển nhiều website trên một máy chủ duy nhất, giúp công việc của bạn trở nên hiệu quả hơn.
Đừng quên, nếu bạn cần mua hosting giá rẻ, uy tín, hãy liên hệ ngay với Nhân Hòa để được tư vấn.
THÔNG TIN LIÊN HỆ
-
Gọi đến Tổng đài hỗ trợ (24/7): 1900 6680 hoặc 0901191616
-
Website: https://web4s.vn/
-
Fanpage: https://www.facebook.com/web4s
-
Youtube:https://www.youtube.com/channel/UCr778HqQhCEBTGFc9n-Pcg
Đăng bởi:
Lê Thị Mai