Các bước thêm tên miền ảo localhost với XAMPP chi tiết

Tên miền ảo là một tính năng quan trọng của Virtual Host trong phần mềm XAMPP. Đối với các nhà phát triển, việc tạo tên miền ảo không chỉ giúp quản lý mã nguồn một cách hiệu quả hơn mà còn giúp dễ nhớ hơn. Đặc biệt, đối với những người làm việc với PHP, việc cài đặt localhost để kiểm thử web là điều không thể thiếu. Với XAMPP sử dụng Apache làm Web Server, quá trình tạo tên miền ảo trở nên dễ dàng và phổ biến. Hãy cùng tìm hiểu cách thêm tên miền ảo localhost với XAMPP qua bài viết sau:

Tên miền ảo xampp là gì?

XAMPP, hay Apache Friends XAMPP, là một gói phần mềm miễn phí và mã nguồn mở dùng để tạo môi trường phát triển web trên máy tính cá nhân. Trong XAMPP, người dùng có thể cài đặt và chạy máy chủ web Apache, cơ sở dữ liệu MySQL, ngôn ngữ lập trình PHP và các thành phần khác liên quan đến phát triển web.

Tên miền ảo xampp là gì?

Tên miền ảo xampp là gì?

Trong XAMPP, tên miền ảo (virtual host) là một công cụ để cấu hình máy chủ web Apache. Nó giúp bạn xử lý nhiều trang web trên cùng một máy tính bằng cách sử dụng cùng một địa chỉ IP và cổng. Thông qua việc sử dụng tên miền ảo, bạn có thể phát triển và kiểm tra nhiều trang web trên cùng một máy tính mà không cần cài đặt nhiều bản XAMPP hoặc chỉnh sửa cấu hình máy chủ web.

Khi nào cần tạo tên miền ảo xampp?

Khi bạn muốn phát triển hoặc kiểm tra nhiều trang web trên cùng một máy tính với XAMPP, việc tạo tên miền ảo là rất cần thiết. Dưới đây là những tình huống khi bạn nên sử dụng tên miền ảo:

  • Nếu bạn đang làm việc trên nhiều dự án web cùng một lúc, tên miền ảo sẽ giúp bạn quản lý chúng một cách dễ dàng hơn. Bạn có thể sử dụng tên miền ảo cho mỗi dự án riêng, giúp bạn kiểm tra và phát triển từng dự án một cách độc lập mà không gây nhầm lẫn.
  • Kiểm tra trang web trước khi triển khai: Trước khi đưa một trang web lên môi trường thực tế trên máy chủ, bạn có thể sử dụng XAMPP và tên miền ảo để kiểm tra trang web trong môi trường phát triển của mình. Điều này giúp đảm bảo rằng trang web hoạt động đúng cách trước khi triển khai.
  • Phát triển đa ngôn ngữ hoặc đa phiên bản của trang web: Tên miền ảo hỗ trợ việc phát triển các trang web đa ngôn ngữ hoặc có nhiều phiên bản khác nhau (ví dụ: phiên bản mobile và desktop), giúp bạn kiểm tra các phiên bản này một cách thuận tiện.
  • Phát triển trên nhiều miền và tên miền con: Nếu bạn làm việc với nhiều miền và tên miền con khác nhau, tên miền ảo giúp bạn tổ chức và kiểm tra từng tên miền một.
Khi nào cần tạo tên miền ảo xampp?

Khi nào cần tạo tên miền ảo xampp?

Ưu điểm của virtualhost localhost xampp

Có nhiều ưu điểm khi sử dụng tên miền ảo trong XAMPP để phát triển các dự án web như:

  • Phát triển đa dự án: Tên miền ảo cho phép bạn dễ dàng phát triển và quản lý nhiều dự án web trên cùng một máy tính. Mỗi dự án có thể được gán một tên miền ảo riêng, giúp bạn quản lý chúng một cách độc lập.
  • Dễ quản lý: Tạo và quản lý tên miền ảo trong XAMPP là cách hiệu quả để tổ chức và phân loại các dự án web của bạn. Bạn có thể thay đổi cấu hình tên miền ảo mà không ảnh hưởng đến cấu hình chung của máy chủ web.
  • Kiểm tra trước khi triển khai: Sử dụng tên miền ảo giúp bạn kiểm tra trang web trong môi trường phát triển trước khi triển khai nó lên môi trường thực tế. Điều này giúp bạn phát hiện và khắc phục lỗi trước khi trang web được đưa lên mạng.
  • Tạo đa phiên bản trang web: Tên miền ảo làm cho việc kiểm tra và so sánh các phiên bản khác nhau của cùng một trang web (ví dụ: phiên bản di động và phiên bản desktop) trở nên dễ dàng hơn.
  • Bằng cách sử dụng tên miền ảo, bạn có thể chạy nhiều trang web trên cùng một máy tính mà không cần phải cài đặt và quản lý nhiều phiên bản của XAMPP. Từ đó, giúp bạn tiết kiệm thời gian và tài nguyên máy tính đáng kể.
  • Nếu bạn đang phát triển trang web đa ngôn ngữ, tên miền ảo cung cấp một cách linh hoạt để thử nghiệm trang web trong các ngôn ngữ khác nhau một cách dễ dàng.
Ưu điểm của virtualhost localhost xampp

Ưu điểm của virtualhost localhost xampp

Hướng dẫn thêm tên miền ảo cho localhost

Khi phát triển một dự án trên localhost bằng XAMPP, thông thường chúng ta tạo các thư mục riêng cho từng dự án trong thư mục www hoặc một thư mục khác. Tuy nhiên, việc truy cập đến dự án thông qua đường dẫn dài và không phản ánh đúng tên miền gốc của trang web có thể gây khó khăn và không ấn tượng khi trình bày cho khách hàng. Để khắc phục vấn đề này, chúng ta có thể tạo tên miền ảo cho localhost trong XAMPP. Dưới đây là các bước cụ thể để thực hiện điều này:

  • Mở file hosts trên máy tính của bạn. Trong hệ điều hành Windows, bạn có thể tìm thấy file này tại đường dẫn: C:\Windows\system32\drivers\etc\. Mở file này bằng cách chuột phải và chọn “Properties“.

Hướng dẫn thêm tên miền ảo cho localhost

  • Trong hộp thoại Properties, chọn tab “Security” và click vào nút “Edit” để chỉnh sửa quyền truy cập. Chọn “User” và đánh dấu vào “Full Control“, sau đó nhấn “OK” để lưu thay đổi.

Ưu điểm của virtualhost localhost xampp

  • Mở file hosts và thêm tên miền ảo cùng với địa chỉ IP của localhost (127.0.0.1), sau đó lưu lại file hosts.

Ưu điểm của virtualhost localhost xampp

  • Tiếp theo, mở file httpd-vhosts.conf trong thư mục C:\xampp\apache\conf\extra\. Tìm đến dòng #NameVirtualHost *:80 và loại bỏ dấu # ở đầu dòng để bỏ comment. Nếu bạn sử dụng port khác cho Apache, hãy thay số 80 bằng cổng của bạn.

Ưu điểm của virtualhost localhost xampp

  • Cuối cùng, thêm đoạn mã sau vào cuối file httpd-vhosts.conf để khai báo tên miền ảo:

<VirtualHost *:80>

    DocumentRoot "C:/xampp/htdocs/..."

    ServerName tenmienao.com

</VirtualHost>

Trong đó:

  • DocumentRoot: là đường dẫn tới thư mục mà bạn muốn tên miền ảo trỏ đến.
  • ServerName: là tên miền ảo bạn đã khai báo trong file hosts.

Khi đã hoàn thành các bước trên, bạn có thể sử dụng tên miền ảo này để truy cập đến dự án của mình trên localhost một cách dễ dàng và ấn tượng hơn.

Nguồn: Thạch Phạm

Vừa rồi là bài viết chia sẻ khái niệm, ưu điểm và các bước thêm tên miền ảo localhost với XAMPP.  TVD Media mong rằng với những thông tin trong bài viết hữu ích với bạn.

Facebook Icon
Facebook Icon
Facebook Icon