VirtualHost

Tạo VirtualHost để sử dụng domain cho localhost dễ dàng

Tạo VirtualHost để sử dụng domain cho localhost dễ dàng

Hi các bạn,

Khi ta làm việc với apache ở localhost (dùng xampp, ampps,…) và đôi lúc ta có nhiều project quá, khó nhớ, kèm như những đường link dài như:

  • localhost/project_abc
  • localhost/xyz
  • ….

Thậm chí có khi ta còn phải vào 2 cấp như localhost/abc/xyz, và với Laravel có khi 3 cấp: localhost/abc/xyz/public/

Khá dài, bất tiện phải không các bạn.

Vậy nên tạo ra 1 VirtualHost sẽ giúp chúng ta giải quyết việc này.

Ví dụ: thay vì ta phải vào localhost/abc/xyz/public thì nay ta chỉ cần đơn giản xyz.com

Quá nhanh gọn lẹ và dễ nhớ nhỉ? 😀

1/ Mẫu VirtualHost cơ bản

Đây là mẫu VirtualHost mà chúng ta sẽ dùng để setup như trên:

<VirtualHost xyz.com:80>
     ServerAdmin [email protected]
     DocumentRoot "C:\Vertrigo\www\xyz\public"
     ServerName www.xyz.com
     ServerAlias xyz.com
</VirtualHost>

Các bạn sẽ cần sửa cái domain mà các bạn muốn tại

  • VirtualHost
  • ServerName
  • ServerAlias

Và các bạn cũng sửa lại cái đường dẫn mà các bạn muốn truy xuất ở DocumentRoot, bỏ trong giữa 2 dấu ngoặc kép nhé.

ServerAdmin thì kệ nó, sửa hay không tùy các bạn 😀

2/ Thiết lập VirtualHost

Bước 1: Thiết lập Apache

Đầu tiên các bạn vào thư mục apache, mở file conf như sau:

  • Đối với Xampp: conf/httpd.conf
  • Đối với Ampps: conf/httpd.conf
  • Đối với VertrigoServ: conf/vertrigo.conf

Ta sẽ kéo tới đến khúc cuối cùng và copy cái VirtualHost mẫu bên trên và paste ngay cuối file.

Bước 2: Thiết lập host

Các bạn mở file host tại đường dẫn này:

C:\Windows\System32\drivers\etc

Trong đó sẽ có 1 file hosts, các bạn hãy mở lên bằng notepad tùy ý, nhớ là mở dưới dạng Admin (đề phòng 1 số máy không được full quyền admin sẵn)

Ở cuối file, thêm vào 1 dòng:

127.0.0.1 xyz.com

Save lại

Bước 3: Test

Bây giờ bạn hãy restart lại Ampps, Xampp,… của bạn và bắt đầu vào domain của bạn đã set và xem kết quả (với mình mình sẽ vào xyz.com)

Khi vào thì bạn sẽ thấy trang của bạn hiện ra ngay 😀

3/ Kết luận

Đây là 1 thủ thuật hay để hỗ trợ ta 1 phần nhỏ trong quá trình lập trình web các kiểu. Còn nếu các bạn không thích thì vẫn có thể truy cập qua localhost tùy thích 😀

Chúc các bạn thành công!

facebook
Seth Phát

Seth Phát

Mình là Phát - biệt danh Seth Phát. Hiện đang là một Sr. Full-Stack Engineer. Mình là một người yêu thích và đam mê lập trình và hiện tại đang theo về phần Web là chủ yếu. Mạnh Back-end và khá Front-end, vẫn đang theo đều cả 2 :v. Còn gì bằng khi được làm những thứ mà mình yêu thích, đam mê ;)

Bình luận qua Facebook