Hương Dẫn Cài Đặt XAMPP Và Cấu Hình Virtual Host Domain Ảo

Hương Dẫn Cài Đặt XAMPP Và Cấu Hình Virtual Host Domain Ảo

Bài viết này tôi sẻ hướng dẫn các bạn cài đặt phần mềm XAMPP và cấu hình Virtual Host chạy nhiều domian ảo dưới local. 1. XAMPP là gì? XAMPP là môi tr...

Phần Mềm FastStone Capture 8.4 : Quay Và Chụp Màn Hình Mày Tính Full Key
Hướng Dẫn Bật mod_rewrite Trong XAMPP
Phần Mềm WinZip 21 PRO Full Key

Bài viết này tôi sẻ hướng dẫn các bạn cài đặt phần mềm XAMPP và cấu hình Virtual Host chạy nhiều domian ảo dưới local.

1. XAMPP là gì?

XAMPP là môi trường phát triển PHP phổ biến nhất hiện nay. XAMPP là một bản phân phối Apache hoàn toàn miễn phí, dễ dàng cài đặt chứa MariaDB, PHP, MYSQLPerl. XAMPP là gói mã nguồn mở đã được thiết lập là vô cùng dễ dàng để cài đặt và sử dụng.

XAMPP hỗ trợ phù hợp cho tất cả các nền tảng với các phiên bản PHP mới nhất: 5.5.38, 5.6.24 và 7.0.9.

XAMPP hỗ trợ trên đa nền tảng như: Windows, LinuxOS X.

2. Tải và cài đặt XAMPP

Các bạn truy cập vào đường link dưới để chọn tải gói phần mềm XAMPP phù hợp với hệ điều hành của mình đang sử dụng:

Link tải XAMPP: https://www.apachefriends.org/index.html

Video hướng dẫn cài đặt XAMPP:

Lưu ý: Trước khi kích hoạt phần mềm XAMPP lên sử dụng các bạn nên tất Skyper đi nhé, vì Skyper và XAMPP dụng post 80 với nhau. Mà post chỉ sử dụng được cho một ứng dụng đang chạy trên hệ điều hành mà thôi.

3. Virtual Host là gì?

Virtual Host là một cấu hình trong Apache để cho phép nhiều domain cùng chạy trên một máy chủ. Ở phần này tôi sẻ chia sẻ với các bạn cấu hình một Virtual Host trên Windows, ở đây tôi sẻ sử dụng XAMPP vừa mới cài đặt trên làm môi trường pháp triển.
huong-dan-cai-dat-xampp-va-cau-hinh-virtual-host-domain-ao

Khi cài đặt xong phần mềm XAMPP bạn click vào button như hình trên và chọn Apache (httpd.conf). File httpd.conf sẻ được mở lên.
Tiếp tục tìm đến dòng Include conf/extra/httpd-vhosts.conf nếu thấy có dấu # ở đầu dòng thì xóa bỏ dấu # đi chỉ giữ lại Include conf/extra/httpd-vhosts.conf. Dòng này chỉ dùng để load file httpd-vhosts.conf vào.

Tiếp đến bạn mở file httpd-vhosts.conf lên để cấu hình host và domain ảo theo đường dẫn này: [thư mục cài đặt xampp]/apache/conf/extra/httpd-vhosts.conf. Copy đoạn code bên dưới và paste vào cuối file httpd-vhosts.conf.

 
<VirtualHost *:80>
    ServerAdmin webmaster@yourdomain.com
    DocumentRoot "<đường dẫn thư mục sẽ được gọi tới khi truy cập vào youdomain.com>"
    ServerName  youdomain.com
    ErrorLog "logs/yourdomain.com-error.log"
    CustomLog "logs/yourdomain.com-access.log" common
    <Directory "<đường dẫn thư mục>">
        Options FollowSymLinks
        AllowOverride All
        DirectoryIndex index.php
        Require all granted
    </Directory>
</VirtualHost>

Các bạn thay đôi thông tin trong các cập <> phù hợp trên máy tình của mình nhé. Sau đó các bạn stop Appche  và start lại để sử dụng domain ảo dưới local của mình. Nêu muôn thêm một domain nữa thì nhân đôi đoạn code trên và sữa lại thông tin phù hợp.

Tiếp đến các bạn vào file host để cấu hình trỏ IP domain chạy local không cho ra live theo đường dẫn sau:
C:\Windows\System32\drivers\etc\hosts thêm đoạn code bên dưới vào cuối file hosts và lưu lại.

 
127.0.0.1 yourdomain.com

Thay đôi yourdomain.com phù hợp với domain bạn đặt cấu hính ở trên trong Vitus Host nhé. Giờ các bạn mở trình duyệt và gõ vào thanh địa chỉ thay thế dòng localhost xấu xí bằng một domain của riêng bạn.

4. Lợi ích Virtual Host

  • Phù hợp cấu trúc cài đặt  với các CMS hiện nay như WordPress, Magento ,… yêu cầu phải có domain để tiện quản lý.
  • Bạn có thể bỏ folder code website bất kỳ đâu mà không cần phải copy vào htdocs trong XAMPP.
  • Môi trường phát triện website chuyện nghiệp như đang chạy website trên live.

Đối với WAMP, APPServer, USBServer các bạn cũng có thể cấu hình Vhost cũng không khác nhiều lắm. Vì tất cả các phần mềm này đều dùng Apache, Mysql và PHP. Vhost là một tình năng của Apache chứ không phải của XAMPP nên phần mềm nào dùng Apache thì đều có thể cấu hình Vhost theo cách tương tự, điểm khác biệt chỉ là khác về nơi đặt file httpd.conf. Chúc các bạn thành công.

Bình Luận