Cách tạo tên miền ảo Localhost trên Xampp

Trong bài viết này mình hướng dẫn các bạn cách tạo tên miền ảo localhost trên Xampp hỗ trợ các bạn trong xây dựng trang website WordPress trước khi đưa website lên host thực tế.

Cách tạo tên miền ảo Localhost trên Xampp

Cách Setup xampp trên máy chủ Apache

Thông thường các máy tính hiện tại dùng  máy chủ  Apache tại cổng Port 80 công việc của bạn là thay đổi công máy chủ trên apache để chạy website các bạn  .Nếu các bạn đang dùng các ứng dụng khác như Skype ,HTTP sever API … thì mình nên chuyển sang đổi cổng Skype các bạn vào  Skype → Tool → Connection Options để chuyển đổi sang cổng khác hay các bạn tắt Skype đi bật Xampp và khởi động lại Skypenha. 

Note : Nếu máy các bạn có chặn tường lửa  Window hay phần miền diệt vi rút thì 
hay tắt đi vì nó có thể ảnh hưởng đến cổng ở Port 80.

Cách cài đặt Xampp trên máy chủ Apache

Đầu tiên các bạn vào mở ứng dụng Xampp bạn nào chưa cài đặt thì tham khảo bài viết cách cài đặt Xampp trên Window  trong bài này mình có hướng dẫn cách cài đặt Xampp các bạn có thể tham khảo.

Đầu tiên bạn tạo một file trong ổ đĩa C một thư mục mới lấy tên mà website mà bạn muốn làm . Đây mình dùng tên file là Blog như hình bên dưới :

Cách tạo tên miền ảo Localhost trên Xampp
Tạo thư mục miền ảo trên Xampp

Sau khi tạo thư mục blog  bạn tiếp tục vào thưc mục blog tạo thêm một thư mục nữa ở đây mình lấy là :   WordPress  như vậy đường dẫn đễn thư mục WordPress mình vừa tạo :
C:\blog\WordPress 
Sau đó các bạn vào thư mục Xampp trong ổ đĩa C để tạo  Vhost  đường dẫn : C:\xampp\apache\conf\extra bạn chọn httpd-vihost.config 
  bạn setup như hình bên dưới :

Cách thêm tên miền ảo Localhost trên Xampp
Cách thêm tên miền ảo Localhost trên Xampp.

Mình có để đường dẫn tạo các bạn copy và thay đổi đường dẫn :

<VirtualHost *:80>
DocumentRoot "C:/blog/WordPress" 
ServerName blog.local
<Directory "C:/blog/WordPress"> 
Require all granted 
</VirtualHost>

Các bạn nhớ bỏ dấu ## ở 2 đầu ở mục VirtualHost .
DocumentRoot : Đường dẫn mà domain ảo bạn muốn trỏ về .
SeverName:  Domain ảo mà bạn muốn khai báo trên localhost .
Sau khi các bạn tạo trên Vhost các bạn trỏ Domain ảo về địa chỉ IP trên máy tính là 127.0.0.1trỏ về địa chỉ Localhost.
Mình có để đường dẫn ở đây  
C:\Windows\System32\drivers\etc
Bạn vào host và sẽ xuất hiện giao diện như hình bạn Copy IP và Domain ảo mà bạn muốn gán vào như hình:

Địa chỉ IP trên localhost
Địa chỉ IP trên localhost.

Sau đó các bạn lên trang chủ WordPress các bạn  WordPress.org các bạn tải phiên bản WordPress mới nhất về các bạn giải nén và Copy Source vào thư mục mình vừa tạo :

Đưa Source WordPress vào thư mục
 Đưa Source thư mục WordPress

Tiếp theo các bạn tạo vào PhpMyAdmin các bạn tạo Database và User cho trang  trang các bạn vừa tạo tên miền ảo nhé thì mình có  bài viết tạo Database và Username trong bài này các bạn tham khảo

Sau khi tạo Database và User các bạn bật Xampp trỏ nút  Start mục  ApacheMysql như hình :

Khởi động lại xampp sau khi cài đặt trên VhostKhởi động lại Xampp 
Sau đó các bạn gõ tên Domain ảonhé WordPress.local trên trình duyệt Google : 

giao diện wordpress trên localhost
Giao diện WordPress trên Localhost

Tiếp tục các bạn nhấn vào continue và tiếp tục login Database và User .

 Thông thường khi tạo xong thì sẽ ra giao diện mặc định WordPress là Twenty- Twenty -One các bạn chọn các theme miễn phí trong kho theme WordPress .
Sau khi đã tạo xong trang web các bạn sẽ có miền ảo là WordPress.local  .

Miền ảo trên Localhost
Miền ảo trên Localhost

Kết lại 

Như vậy mình vừa hướng dẫn các bạn tạo miền ảo trên Localhost  trong quá trình làm nếu có thắc mắc hay gặp vấn đề nào các bạn để lại bình luận phía dưới mình sẽ hỗ trợ các bạn trong việc tạo nha  .

5/5 - (1 bình chọn)
Subscribe
Notify of
guest

0 Bình Luận
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
0
Để lại bình luận nha bạn nhé !x
()
x
Lên đầu trang