Hoàng Luyến

Hoàng Luyến

Administrator

[Xampp] Cách tạo và thêm tên miền ảo trên localhost


Bài viết nằm trong Series chủ đề Xampp

Cách tạo và thêm tên miền ảo trên localhost với Xampp

Hướng dẫn chi tiết cách tạo và thêm tên miền ảo trên localhost sẽ giúp bạn xử lý tình huống: Sử dụng nhiều tên miền trên localhost? Website sử dụng cùng một Database hay đơn giản thay thế tên miền http://localhost

Localhost trên Xampp là môi trường giả lập Server tốt nhất để bạn tạo và quản lý nhiều website dưới dạng Demo trước khi chạy chính thức. Phần mềm này rất thông dụng trong giới lập trình web nói dung và thiết kế website nói riêng. Tuy nhiên không phải ai cũng biết Xampp có những lợi thế rất mạnh mẽ khi hỗ trợ lập trình viên hay webmaster sử dụng môi trường Server ảo trên máy tính để chạy thử trước khi đăng tải lên Internet. Trong case study hướng dẫn sử dụng WordPress tôi đã hướng dẫn các bạn về cách Tạo tên miền ảo trên Localhost. Tuy nhiên nhiều bạn vẫn hỏi mình xoay quanh vấn đề thêm tên miền ảo với localhost Xampp như: “Thêm tên miền ảo có được không? Thêm tên miền ảo trùng với tên miền thật thì như thế nào? Và nếu thêm được nhiều tên miền ảo trên localhost Xampp thì nó cho phép tạo được bao nhiêu tên miền? Và cách thêm tên miền ảo như thế nào? Tên miền ảo bạn bè tôi có xem được không?…”

Trả lời bạn đọc

Chào các bạn, xin được trả lời bạn đọc các câu hỏi đợt này xoay quanh chủ đề Localhost với Xampp:

  1. Thêm tên miền ảo trên localhost với Xampp hoàn toàn được
  2. Thêm tên miền ảo trùng với tên miền thật thì không ảnh hưởng tới tên miền thật nhưng trên máy tính của bạn khi truy cập tên miền thật nó lại chạy website trên localhost đã cấu hình trên Xampp. Vì vậy theo tôi nếu bạn tạo môi trường ảo trên tên miền thật thay vì sử dụng tên miền ảo giống tên miền thật chúng ta cần tạo tên miền ảo khác đi một chút ví dụ như trang hoangluyen.com trước khi đưa lên Internet mình đã chạy thử trên môi trường localhost Xampp với tên miền là www.hoangluyen.com như vậy khi đẩy lên Internet mình không gặp lỗi phát sinh do đã có sự tính toán từ trước
  3. Bạn có thể tạo tên miền ảo thoải mái trên localhost Xampp, tuy nhiên bạn tạo nhiều tên miền thì nên phân loại thư mục tốt để dễ quản lý vì làm Website lượng file và tệp tin rất nhiều
  4. Cách thêm tên miền ảo rất đơn giản, nó giống như bạn tạo tên miền ảo trong bài viết hướng dẫn cài đặt localhost trên máy tính trong Series hướng dẫn sử dụng WordPress
  5. Tên miền ảo trên Xampp không gửi cho bạn bè xem được.

Cách tạo tên miền ảo cho localhost với Xampp

Tạo tên miền ảo trên localhost trên Xampp có 2 loại tên miền, tên miền có đuôi là dạng tên miền có dấu chấm ví dụ như tên miền http://hoangluyen.dev hoặc tên miền không có đuôi là tên miền http://hoangluyen. Tại sao lại sử dụng 2 loại tên miền này?

  • Tên miền có đuôi: trường hợp này tôi hay áp dụng cho 2 tình huống 1 database chạy >2 website và tên miền ảo gần giống tên miền thật để thuật tiện thay đổi khi đưa lên Internet. Ví dụ
  • Tên miền không đuôi: tôi ít dùng vì nó hay gây lỗi vì nhiều lúc cũng hay quên không gõ dấu / sau cùng nó sẽ chạy tới google search

Các bước tạo tên miền ảo như sau:

Bước 1: Cấu hình file Host trong System32

Mở file host trong thư mục C:WindowsSystem32driversetc nhấp chuột  chọn Properties như hình vẽ dưới đây

Cấu hình file Host trong System32

Tiếp theo chọn Security  -> SYSTEM -> Edit như ảnh minh họa.

Cấu hình file Host trong System32

Tiếp nữa chọn User (tên máy) -> Allow (chọn full quyền) -> Chọn Apply như hình sau:

Cấu hình file Host trong System32

Bước 2: Sửa file Host để trỏ tên miền ảo về IP 127.0.0.1

Vẫn làm như bước 1 nhưng chuột phải chọn Open > Notepad > thêm tên miền ảo > Save (Ctrl+s) nếu máy bạn không có phần mềm chỉnh sửa code. Thêm tên miền ảo mới ví dụ tên là www.hoangluyen.com phía dưới tên miền w1.muahet.net đã tạo trước đó (thay hoangluyen.com bằng tên miền ảo bạn muốn tạo).

 Như hình minh họa dưới đây lúc chưa có www.hoangluyen.com

Trỏ tên miền ảo về IP 127.0.0.1

Bước 3: Tạo thư mục tên miền ảo trên Xampp

Vào F:xampphtdocs tạo một thư mục mới tên là www.hoangluyen.com (thay hoangluyen.com bằng tên miền ảo bạn muốn tạo). Như hình minh họa dưới đây:

Thêm thư mục tên miền ảo vào Xampp

Bước 4: Cấu hình httpd-vhost.conf của Appache

Mở thư mục F:xamppapacheconfextra -> Sửa file httpd-vhost.conf bằng Notepad -> Gõ ctrl+F tìm  đoạn code NameVirtualHost *:80

và thêm đoạn code này phía dưới:

 Lưu ý: Đổi ổ F thành ổ đĩa bạn đã cài Xampp trước đó và tên miền hoangluyen.com bạn thay bằng tên miền của bạn

Bước 5: Khởi động lại Appache và Test thử

Khi bạn thiết lập xong đến bước 4 tên miền www.hoangluyen.com chưa chạy được bạn phải mở bảng điều khiển Xampp (Xampp Control Panel) dưới khay hệ thống chọn Stop > Sau khi chờ nó tắt hẳn chọn Start nếu thấy PID (có 2 dòng như máy của mình là 5900 và 5940) và Port (80, 443) thì việc Reset đã ok. Hãy mở trình duyệt lên gõ www.hoangluyen.com nếu thấy nó hiện lên kết quả như sau:

Thêm tên miền trên localhost

Còn nếu không được bạn phải xem lại toàn bộ các bước trên có sai sót gì không hoặc kiểm tra lại các tên miền ảo khác có chạy được không nếu không chạy được thì có thể Xampp đang bị lỗi, bạn hãy copy lỗi đó gửi lên đây mình sẽ giúp bạn xử lý. Chúc bạn thành công

Cảm ơn bạn đọc đã ghé thăm Blog Hoàng Luyến


 Trang chủ  » Thủ thuật »  Máy chủ  »  Xampp

[Xampp] Cách tạo và thêm tên miền ảo trên localhost
Đánh giá bài viết


Viết bình luận

Tất cả bình luận

Thật tuyệt vời nếu bài viết này nhận được ý kiến của bạn. *

SEO